@pie-element/ebsr 12.3.4-next.0 → 13.0.0-beta.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 (92) hide show
  1. package/configure/lib/defaults.js +23 -36
  2. package/configure/lib/defaults.js.map +1 -1
  3. package/configure/lib/index.js +114 -202
  4. package/configure/lib/index.js.map +1 -1
  5. package/configure/lib/main.js +188 -271
  6. package/configure/lib/main.js.map +1 -1
  7. package/configure/node_modules/@pie-element/multiple-choice/CHANGELOG.json +1972 -0
  8. package/configure/node_modules/@pie-element/multiple-choice/CHANGELOG.md +4213 -0
  9. package/configure/node_modules/@pie-element/multiple-choice/PRINT.md +35 -0
  10. package/configure/node_modules/@pie-element/multiple-choice/README.md +56 -0
  11. package/configure/node_modules/@pie-element/multiple-choice/choice.png +0 -0
  12. package/configure/node_modules/@pie-element/multiple-choice/configure/CHANGELOG.json +1387 -0
  13. package/configure/node_modules/@pie-element/multiple-choice/configure/CHANGELOG.md +3351 -0
  14. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/__tests__/root.test.js +248 -0
  15. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/defaults.js +200 -0
  16. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/defaults.js.map +1 -0
  17. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/index.js +211 -0
  18. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/index.js.map +1 -0
  19. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/main.js +477 -0
  20. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/main.js.map +1 -0
  21. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/utils.js +18 -0
  22. package/configure/node_modules/@pie-element/multiple-choice/configure/lib/utils.js.map +1 -0
  23. package/configure/node_modules/@pie-element/multiple-choice/configure/package.json +22 -0
  24. package/configure/node_modules/@pie-element/multiple-choice/controller/CHANGELOG.json +527 -0
  25. package/configure/node_modules/@pie-element/multiple-choice/controller/CHANGELOG.md +2316 -0
  26. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/__tests__/index.test.js +520 -0
  27. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/__tests__/utils.test.js +8 -0
  28. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/defaults.js +33 -0
  29. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/defaults.js.map +1 -0
  30. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/index.js +251 -0
  31. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/index.js.map +1 -0
  32. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/utils.js +16 -0
  33. package/configure/node_modules/@pie-element/multiple-choice/controller/lib/utils.js.map +1 -0
  34. package/configure/node_modules/@pie-element/multiple-choice/controller/package.json +15 -0
  35. package/configure/node_modules/@pie-element/multiple-choice/docs/config-schema.json +2993 -0
  36. package/configure/node_modules/@pie-element/multiple-choice/docs/config-schema.json.md +2217 -0
  37. package/configure/node_modules/@pie-element/multiple-choice/docs/demo/config.js +8 -0
  38. package/configure/node_modules/@pie-element/multiple-choice/docs/demo/generate.js +61 -0
  39. package/configure/node_modules/@pie-element/multiple-choice/docs/demo/index.html +1 -0
  40. package/configure/node_modules/@pie-element/multiple-choice/docs/demo/pie.manifest.json +11 -0
  41. package/configure/node_modules/@pie-element/multiple-choice/docs/demo/session.js +7 -0
  42. package/configure/node_modules/@pie-element/multiple-choice/docs/pie-schema.json +1332 -0
  43. package/configure/node_modules/@pie-element/multiple-choice/docs/pie-schema.json.md +1015 -0
  44. package/configure/node_modules/@pie-element/multiple-choice/lib/__tests__/choice-input-test.js +117 -0
  45. package/configure/node_modules/@pie-element/multiple-choice/lib/__tests__/index-test.js +151 -0
  46. package/configure/node_modules/@pie-element/multiple-choice/lib/__tests__/key-events-test.js +95 -0
  47. package/configure/node_modules/@pie-element/multiple-choice/lib/__tests__/multiple-choice-test.js +223 -0
  48. package/configure/node_modules/@pie-element/multiple-choice/lib/__tests__/session-updater-test.js +70 -0
  49. package/configure/node_modules/@pie-element/multiple-choice/lib/choice-input.js +370 -0
  50. package/configure/node_modules/@pie-element/multiple-choice/lib/choice-input.js.map +1 -0
  51. package/configure/node_modules/@pie-element/multiple-choice/lib/choice.js +197 -0
  52. package/configure/node_modules/@pie-element/multiple-choice/lib/choice.js.map +1 -0
  53. package/configure/node_modules/@pie-element/multiple-choice/lib/feedback-tick.js +130 -0
  54. package/configure/node_modules/@pie-element/multiple-choice/lib/feedback-tick.js.map +1 -0
  55. package/configure/node_modules/@pie-element/multiple-choice/lib/index.js +292 -0
  56. package/configure/node_modules/@pie-element/multiple-choice/lib/index.js.map +1 -0
  57. package/configure/node_modules/@pie-element/multiple-choice/lib/main.js +54 -0
  58. package/configure/node_modules/@pie-element/multiple-choice/lib/main.js.map +1 -0
  59. package/configure/node_modules/@pie-element/multiple-choice/lib/multiple-choice.js +386 -0
  60. package/configure/node_modules/@pie-element/multiple-choice/lib/multiple-choice.js.map +1 -0
  61. package/configure/node_modules/@pie-element/multiple-choice/lib/print.js +92 -0
  62. package/configure/node_modules/@pie-element/multiple-choice/lib/print.js.map +1 -0
  63. package/configure/node_modules/@pie-element/multiple-choice/lib/session-updater.js +37 -0
  64. package/configure/node_modules/@pie-element/multiple-choice/lib/session-updater.js.map +1 -0
  65. package/configure/node_modules/@pie-element/multiple-choice/package.json +39 -0
  66. package/configure/package.json +9 -6
  67. package/configure/src/__tests__/index.test.js +99 -108
  68. package/configure/src/index.js +13 -6
  69. package/configure/src/main.jsx +14 -18
  70. package/controller/lib/defaults.js +20 -32
  71. package/controller/lib/defaults.js.map +1 -1
  72. package/controller/lib/index.js +224 -349
  73. package/controller/lib/index.js.map +1 -1
  74. package/controller/lib/utils.js +4 -18
  75. package/controller/lib/utils.js.map +1 -1
  76. package/controller/package.json +3 -3
  77. package/lib/index.js +113 -181
  78. package/lib/index.js.map +1 -1
  79. package/lib/print.js +120 -204
  80. package/lib/print.js.map +1 -1
  81. package/package.json +5 -9
  82. package/src/__tests__/index.test.js +18 -5
  83. package/configure/src/__tests__/__snapshots__/index.test.js.snap +0 -83
  84. package/module/configure.js +0 -1
  85. package/module/controller.js +0 -6469
  86. package/module/demo.js +0 -77
  87. package/module/element.js +0 -1
  88. package/module/index.html +0 -21
  89. package/module/manifest.json +0 -14
  90. package/module/print-demo.js +0 -115
  91. package/module/print.html +0 -18
  92. package/module/print.js +0 -1
@@ -0,0 +1,197 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.Choice = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _styles = require("@mui/material/styles");
13
+ var _Box = _interopRequireDefault(require("@mui/material/Box"));
14
+ var _choiceInput = _interopRequireDefault(require("./choice-input"));
15
+ const ChoiceContainer = (0, _styles.styled)(_Box.default, {
16
+ shouldForwardProp: prop => prop !== 'noBorder' && prop !== 'horizontalLayout'
17
+ })(({
18
+ theme,
19
+ noBorder,
20
+ horizontalLayout
21
+ }) => ({
22
+ paddingTop: theme.spacing(2.5),
23
+ paddingBottom: theme.spacing(1) + 2,
24
+ paddingLeft: theme.spacing(1) + 2,
25
+ paddingRight: theme.spacing(1) + 2,
26
+ borderBottom: noBorder ? 'none' : `1px solid ${theme.palette.grey[300]}`,
27
+ ...(horizontalLayout && {
28
+ paddingRight: theme.spacing(2.5),
29
+ '& label': {
30
+ marginRight: theme.spacing(1)
31
+ }
32
+ })
33
+ }));
34
+ class Choice extends _react.default.Component {
35
+ constructor(...args) {
36
+ super(...args);
37
+ (0, _defineProperty2.default)(this, "state", {
38
+ isHovered: false
39
+ });
40
+ (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
41
+ const {
42
+ disabled,
43
+ checked
44
+ } = this.props;
45
+ if (!disabled && !checked) {
46
+ this.setState({
47
+ isHovered: true
48
+ });
49
+ }
50
+ });
51
+ (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
52
+ this.setState({
53
+ isHovered: false
54
+ });
55
+ });
56
+ (0, _defineProperty2.default)(this, "onChange", choice => {
57
+ const {
58
+ disabled,
59
+ onChoiceChanged
60
+ } = this.props;
61
+ if (!disabled) {
62
+ onChoiceChanged(choice);
63
+ }
64
+ });
65
+ }
66
+ render() {
67
+ const {
68
+ choice,
69
+ index,
70
+ choicesLength,
71
+ showCorrect,
72
+ isEvaluateMode,
73
+ choiceMode,
74
+ disabled,
75
+ checked,
76
+ correctness,
77
+ displayKey,
78
+ choicesLayout,
79
+ gridColumns,
80
+ isSelectionButtonBelow,
81
+ selectedAnswerBackgroundColor,
82
+ selectedAnswerStrokeColor,
83
+ selectedAnswerStrokeWidth,
84
+ hoverAnswerBackgroundColor,
85
+ hoverAnswerStrokeColor,
86
+ hoverAnswerStrokeWidth,
87
+ autoFocusRef,
88
+ tagName
89
+ } = this.props;
90
+ const {
91
+ isHovered
92
+ } = this.state;
93
+ const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');
94
+ const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;
95
+ const choiceProps = {
96
+ ...choice,
97
+ checked,
98
+ choiceMode,
99
+ disabled,
100
+ feedback,
101
+ correctness,
102
+ displayKey,
103
+ index,
104
+ choicesLayout,
105
+ gridColumns,
106
+ onChange: this.onChange,
107
+ isEvaluateMode,
108
+ isSelectionButtonBelow,
109
+ selectedAnswerStrokeColor,
110
+ selectedAnswerStrokeWidth,
111
+ tagName
112
+ };
113
+ const normalizeStrokeWidth = width => {
114
+ if (!width) return '2px'; // default
115
+ const trimmed = String(width).trim();
116
+
117
+ // add 'px' if the value is a number
118
+ if (/^\d+(\.\d+)?$/.test(trimmed)) {
119
+ return `${trimmed}px`;
120
+ }
121
+ return trimmed;
122
+ };
123
+ const hasSelectedStroke = selectedAnswerStrokeColor && selectedAnswerStrokeColor !== 'initial';
124
+ const hasHoverStroke = hoverAnswerStrokeColor && hoverAnswerStrokeColor !== 'initial';
125
+ let currentStrokeColor = 'transparent';
126
+ let currentStrokeWidth = '2px';
127
+ let currentBackgroundColor = 'initial';
128
+ if (hasSelectedStroke || hasHoverStroke) {
129
+ if (checked && hasSelectedStroke) {
130
+ // selected state takes priority when selected stroke is configured
131
+ currentStrokeColor = selectedAnswerStrokeColor;
132
+ currentStrokeWidth = selectedAnswerStrokeWidth;
133
+ } else if (isHovered && !disabled && hasHoverStroke) {
134
+ // hover state when not selected and not disabled, and hover stroke is configured
135
+ currentStrokeColor = hoverAnswerStrokeColor;
136
+ currentStrokeWidth = hoverAnswerStrokeWidth;
137
+ }
138
+ }
139
+ if (checked && selectedAnswerBackgroundColor && selectedAnswerBackgroundColor !== 'initial') {
140
+ currentBackgroundColor = selectedAnswerBackgroundColor;
141
+ } else if (isHovered && !disabled && hoverAnswerBackgroundColor && hoverAnswerBackgroundColor !== 'initial') {
142
+ currentBackgroundColor = hoverAnswerBackgroundColor;
143
+ }
144
+ const hasStroke = hasSelectedStroke || hasHoverStroke;
145
+ const strokeStyle = hasStroke ? {
146
+ border: `${normalizeStrokeWidth(currentStrokeWidth)} solid ${currentStrokeColor}`,
147
+ borderRadius: '8px'
148
+ } : {};
149
+ const noBorder = index === choicesLength - 1 || choicesLayout !== 'vertical' || hasStroke;
150
+ const horizontalLayout = choicesLayout === 'horizontal';
151
+ const choiceBackground = currentBackgroundColor !== 'initial' ? currentBackgroundColor : 'initial';
152
+ return /*#__PURE__*/_react.default.createElement("div", {
153
+ className: choiceClass,
154
+ key: index,
155
+ style: {
156
+ backgroundColor: choiceBackground,
157
+ ...strokeStyle
158
+ },
159
+ onMouseEnter: this.handleMouseEnter,
160
+ onMouseLeave: this.handleMouseLeave
161
+ }, /*#__PURE__*/_react.default.createElement(ChoiceContainer, {
162
+ component: "div",
163
+ noBorder: noBorder,
164
+ horizontalLayout: horizontalLayout
165
+ }, /*#__PURE__*/_react.default.createElement(_choiceInput.default, (0, _extends2.default)({}, choiceProps, {
166
+ autoFocusRef: autoFocusRef
167
+ }))));
168
+ }
169
+ }
170
+ exports.Choice = Choice;
171
+ (0, _defineProperty2.default)(Choice, "propTypes", {});
172
+ Choice.propTypes = {
173
+ choiceMode: _propTypes.default.oneOf(['radio', 'checkbox']),
174
+ choice: _propTypes.default.object,
175
+ disabled: _propTypes.default.bool.isRequired,
176
+ onChoiceChanged: _propTypes.default.func,
177
+ index: _propTypes.default.number,
178
+ choicesLength: _propTypes.default.number,
179
+ showCorrect: _propTypes.default.bool,
180
+ isEvaluateMode: _propTypes.default.bool,
181
+ checked: _propTypes.default.bool,
182
+ correctness: _propTypes.default.string,
183
+ displayKey: _propTypes.default.string,
184
+ choicesLayout: _propTypes.default.oneOf(['vertical', 'grid', 'horizontal']),
185
+ gridColumns: _propTypes.default.string,
186
+ selectedAnswerBackgroundColor: _propTypes.default.string,
187
+ selectedAnswerStrokeColor: _propTypes.default.string,
188
+ selectedAnswerStrokeWidth: _propTypes.default.string,
189
+ hoverAnswerBackgroundColor: _propTypes.default.string,
190
+ hoverAnswerStrokeColor: _propTypes.default.string,
191
+ hoverAnswerStrokeWidth: _propTypes.default.string,
192
+ tagName: _propTypes.default.string,
193
+ isSelectionButtonBelow: _propTypes.default.bool,
194
+ autoFocusRef: _propTypes.default.object
195
+ };
196
+ var _default = exports.default = Choice;
197
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX0JveCIsIl9jaG9pY2VJbnB1dCIsIkNob2ljZUNvbnRhaW5lciIsInN0eWxlZCIsIkJveCIsInNob3VsZEZvcndhcmRQcm9wIiwicHJvcCIsInRoZW1lIiwibm9Cb3JkZXIiLCJob3Jpem9udGFsTGF5b3V0IiwicGFkZGluZ1RvcCIsInNwYWNpbmciLCJwYWRkaW5nQm90dG9tIiwicGFkZGluZ0xlZnQiLCJwYWRkaW5nUmlnaHQiLCJib3JkZXJCb3R0b20iLCJwYWxldHRlIiwiZ3JleSIsIm1hcmdpblJpZ2h0IiwiQ2hvaWNlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJjb25zdHJ1Y3RvciIsImFyZ3MiLCJfZGVmaW5lUHJvcGVydHkyIiwiZGVmYXVsdCIsImlzSG92ZXJlZCIsImRpc2FibGVkIiwiY2hlY2tlZCIsInByb3BzIiwic2V0U3RhdGUiLCJjaG9pY2UiLCJvbkNob2ljZUNoYW5nZWQiLCJyZW5kZXIiLCJpbmRleCIsImNob2ljZXNMZW5ndGgiLCJzaG93Q29ycmVjdCIsImlzRXZhbHVhdGVNb2RlIiwiY2hvaWNlTW9kZSIsImNvcnJlY3RuZXNzIiwiZGlzcGxheUtleSIsImNob2ljZXNMYXlvdXQiLCJncmlkQ29sdW1ucyIsImlzU2VsZWN0aW9uQnV0dG9uQmVsb3ciLCJzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciIsInNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IiLCJzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoIiwiaG92ZXJBbnN3ZXJCYWNrZ3JvdW5kQ29sb3IiLCJob3ZlckFuc3dlclN0cm9rZUNvbG9yIiwiaG92ZXJBbnN3ZXJTdHJva2VXaWR0aCIsImF1dG9Gb2N1c1JlZiIsInRhZ05hbWUiLCJzdGF0ZSIsImNob2ljZUNsYXNzIiwiZmVlZGJhY2siLCJjaG9pY2VQcm9wcyIsIm9uQ2hhbmdlIiwibm9ybWFsaXplU3Ryb2tlV2lkdGgiLCJ3aWR0aCIsInRyaW1tZWQiLCJTdHJpbmciLCJ0cmltIiwidGVzdCIsImhhc1NlbGVjdGVkU3Ryb2tlIiwiaGFzSG92ZXJTdHJva2UiLCJjdXJyZW50U3Ryb2tlQ29sb3IiLCJjdXJyZW50U3Ryb2tlV2lkdGgiLCJjdXJyZW50QmFja2dyb3VuZENvbG9yIiwiaGFzU3Ryb2tlIiwic3Ryb2tlU3R5bGUiLCJib3JkZXIiLCJib3JkZXJSYWRpdXMiLCJjaG9pY2VCYWNrZ3JvdW5kIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImtleSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwib25Nb3VzZUVudGVyIiwiaGFuZGxlTW91c2VFbnRlciIsIm9uTW91c2VMZWF2ZSIsImhhbmRsZU1vdXNlTGVhdmUiLCJjb21wb25lbnQiLCJfZXh0ZW5kczIiLCJleHBvcnRzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib25lT2YiLCJvYmplY3QiLCJib29sIiwiaXNSZXF1aXJlZCIsImZ1bmMiLCJudW1iZXIiLCJzdHJpbmciLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9jaG9pY2UuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5cbmltcG9ydCBDaG9pY2VJbnB1dCBmcm9tICcuL2Nob2ljZS1pbnB1dCc7XG5cbmNvbnN0IENob2ljZUNvbnRhaW5lciA9IHN0eWxlZChCb3gsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnbm9Cb3JkZXInICYmIHByb3AgIT09ICdob3Jpem9udGFsTGF5b3V0Jyxcbn0pKCh7IHRoZW1lLCBub0JvcmRlciwgaG9yaXpvbnRhbExheW91dCB9KSA9PiAoe1xuICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nKDIuNSksXG4gIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgKyAyLFxuICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZygxKSArIDIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZygxKSArIDIsXG4gIGJvcmRlckJvdHRvbTogbm9Cb3JkZXIgPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmV5WzMwMF19YCxcbiAgLi4uKGhvcml6b250YWxMYXlvdXQgJiYge1xuICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZygyLjUpLFxuICAgICcmIGxhYmVsJzoge1xuICAgICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoMSksXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjbGFzcyBDaG9pY2UgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge307XG5cbiAgc3RhdGUgPSB7XG4gICAgaXNIb3ZlcmVkOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIGNoZWNrZWQgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAoIWRpc2FibGVkICYmICFjaGVja2VkKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaXNIb3ZlcmVkOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVNb3VzZUxlYXZlID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0hvdmVyZWQ6IGZhbHNlIH0pO1xuICB9O1xuXG4gIG9uQ2hhbmdlID0gKGNob2ljZSkgPT4ge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIG9uQ2hvaWNlQ2hhbmdlZCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgIG9uQ2hvaWNlQ2hhbmdlZChjaG9pY2UpO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgY2hvaWNlLFxuICAgICAgaW5kZXgsXG4gICAgICBjaG9pY2VzTGVuZ3RoLFxuICAgICAgc2hvd0NvcnJlY3QsXG4gICAgICBpc0V2YWx1YXRlTW9kZSxcbiAgICAgIGNob2ljZU1vZGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGNoZWNrZWQsXG4gICAgICBjb3JyZWN0bmVzcyxcbiAgICAgIGRpc3BsYXlLZXksXG4gICAgICBjaG9pY2VzTGF5b3V0LFxuICAgICAgZ3JpZENvbHVtbnMsXG4gICAgICBpc1NlbGVjdGlvbkJ1dHRvbkJlbG93LFxuICAgICAgc2VsZWN0ZWRBbnN3ZXJCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yLFxuICAgICAgc2VsZWN0ZWRBbnN3ZXJTdHJva2VXaWR0aCxcbiAgICAgIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yLFxuICAgICAgaG92ZXJBbnN3ZXJTdHJva2VDb2xvcixcbiAgICAgIGhvdmVyQW5zd2VyU3Ryb2tlV2lkdGgsXG4gICAgICBhdXRvRm9jdXNSZWYsXG4gICAgICB0YWdOYW1lXG4gICAgfSA9IHRoaXMucHJvcHM7XG4gICAgXG4gICAgY29uc3QgeyBpc0hvdmVyZWQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgY2hvaWNlQ2xhc3MgPSAnY2hvaWNlJyArIChpbmRleCA9PT0gY2hvaWNlc0xlbmd0aCAtIDEgPyAnIGxhc3QnIDogJycpO1xuXG4gICAgY29uc3QgZmVlZGJhY2sgPSAhaXNFdmFsdWF0ZU1vZGUgfHwgc2hvd0NvcnJlY3QgPyAnJyA6IGNob2ljZS5mZWVkYmFjaztcblxuICAgIGNvbnN0IGNob2ljZVByb3BzID0ge1xuICAgICAgLi4uY2hvaWNlLFxuICAgICAgY2hlY2tlZCxcbiAgICAgIGNob2ljZU1vZGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGZlZWRiYWNrLFxuICAgICAgY29ycmVjdG5lc3MsXG4gICAgICBkaXNwbGF5S2V5LFxuICAgICAgaW5kZXgsXG4gICAgICBjaG9pY2VzTGF5b3V0LFxuICAgICAgZ3JpZENvbHVtbnMsXG4gICAgICBvbkNoYW5nZTogdGhpcy5vbkNoYW5nZSxcbiAgICAgIGlzRXZhbHVhdGVNb2RlLFxuICAgICAgaXNTZWxlY3Rpb25CdXR0b25CZWxvdyxcbiAgICAgIHNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IsXG4gICAgICBzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoLFxuICAgICAgdGFnTmFtZSxcbiAgICB9O1xuXG4gICAgY29uc3Qgbm9ybWFsaXplU3Ryb2tlV2lkdGggPSAod2lkdGgpID0+IHtcbiAgICAgIGlmICghd2lkdGgpIHJldHVybiAnMnB4JzsgLy8gZGVmYXVsdFxuICAgICAgY29uc3QgdHJpbW1lZCA9IFN0cmluZyh3aWR0aCkudHJpbSgpO1xuICAgIFxuICAgICAgLy8gYWRkICdweCcgaWYgdGhlIHZhbHVlIGlzIGEgbnVtYmVyXG4gICAgICBpZiAoL15cXGQrKFxcLlxcZCspPyQvLnRlc3QodHJpbW1lZCkpIHtcbiAgICAgICAgcmV0dXJuIGAke3RyaW1tZWR9cHhgO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdHJpbW1lZDtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFzU2VsZWN0ZWRTdHJva2UgPSBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yICYmIHNlbGVjdGVkQW5zd2VyU3Ryb2tlQ29sb3IgIT09ICdpbml0aWFsJztcbiAgICBjb25zdCBoYXNIb3ZlclN0cm9rZSA9IGhvdmVyQW5zd2VyU3Ryb2tlQ29sb3IgJiYgaG92ZXJBbnN3ZXJTdHJva2VDb2xvciAhPT0gJ2luaXRpYWwnO1xuICAgIFxuICAgIGxldCBjdXJyZW50U3Ryb2tlQ29sb3IgPSAndHJhbnNwYXJlbnQnO1xuICAgIGxldCBjdXJyZW50U3Ryb2tlV2lkdGggPSAnMnB4JztcbiAgICBsZXQgY3VycmVudEJhY2tncm91bmRDb2xvciA9ICdpbml0aWFsJztcbiAgICBcbiAgICBpZiAoKGhhc1NlbGVjdGVkU3Ryb2tlIHx8IGhhc0hvdmVyU3Ryb2tlKSkge1xuICAgICAgaWYgKGNoZWNrZWQgJiYgaGFzU2VsZWN0ZWRTdHJva2UpIHtcbiAgICAgICAgLy8gc2VsZWN0ZWQgc3RhdGUgdGFrZXMgcHJpb3JpdHkgd2hlbiBzZWxlY3RlZCBzdHJva2UgaXMgY29uZmlndXJlZFxuICAgICAgICBjdXJyZW50U3Ryb2tlQ29sb3IgPSBzZWxlY3RlZEFuc3dlclN0cm9rZUNvbG9yO1xuICAgICAgICBjdXJyZW50U3Ryb2tlV2lkdGggPSBzZWxlY3RlZEFuc3dlclN0cm9rZVdpZHRoO1xuICAgICAgfSBlbHNlIGlmIChpc0hvdmVyZWQgJiYgIWRpc2FibGVkICYmIGhhc0hvdmVyU3Ryb2tlKSB7XG4gICAgICAgIC8vIGhvdmVyIHN0YXRlIHdoZW4gbm90IHNlbGVjdGVkIGFuZCBub3QgZGlzYWJsZWQsIGFuZCBob3ZlciBzdHJva2UgaXMgY29uZmlndXJlZFxuICAgICAgICBjdXJyZW50U3Ryb2tlQ29sb3IgPSBob3ZlckFuc3dlclN0cm9rZUNvbG9yO1xuICAgICAgICBjdXJyZW50U3Ryb2tlV2lkdGggPSBob3ZlckFuc3dlclN0cm9rZVdpZHRoO1xuICAgICAgfVxuICAgIH1cbiAgICBcbiAgICBpZiAoY2hlY2tlZCAmJiBzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciAmJiBzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvciAhPT0gJ2luaXRpYWwnKSB7XG4gICAgICBjdXJyZW50QmFja2dyb3VuZENvbG9yID0gc2VsZWN0ZWRBbnN3ZXJCYWNrZ3JvdW5kQ29sb3I7XG4gICAgfSBlbHNlIGlmIChpc0hvdmVyZWQgJiYgIWRpc2FibGVkICYmIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yICYmIGhvdmVyQW5zd2VyQmFja2dyb3VuZENvbG9yICE9PSAnaW5pdGlhbCcpIHtcbiAgICAgIGN1cnJlbnRCYWNrZ3JvdW5kQ29sb3IgPSBob3ZlckFuc3dlckJhY2tncm91bmRDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCBoYXNTdHJva2UgPSBoYXNTZWxlY3RlZFN0cm9rZSB8fCBoYXNIb3ZlclN0cm9rZTtcbiAgICBjb25zdCBzdHJva2VTdHlsZSA9IGhhc1N0cm9rZSA/IHtcbiAgICAgIGJvcmRlcjogYCR7bm9ybWFsaXplU3Ryb2tlV2lkdGgoY3VycmVudFN0cm9rZVdpZHRoKX0gc29saWQgJHtjdXJyZW50U3Ryb2tlQ29sb3J9YCxcbiAgICAgIGJvcmRlclJhZGl1czogJzhweCcsXG4gICAgfSA6IHt9O1xuXG4gICAgY29uc3Qgbm9Cb3JkZXIgPSBpbmRleCA9PT0gY2hvaWNlc0xlbmd0aCAtIDEgfHwgY2hvaWNlc0xheW91dCAhPT0gJ3ZlcnRpY2FsJyB8fCBoYXNTdHJva2U7XG4gICAgY29uc3QgaG9yaXpvbnRhbExheW91dCA9IGNob2ljZXNMYXlvdXQgPT09ICdob3Jpem9udGFsJztcblxuICAgIGNvbnN0IGNob2ljZUJhY2tncm91bmQgPSBjdXJyZW50QmFja2dyb3VuZENvbG9yICE9PSAnaW5pdGlhbCcgPyBjdXJyZW50QmFja2dyb3VuZENvbG9yIDogJ2luaXRpYWwnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgXG4gICAgICAgIGNsYXNzTmFtZT17Y2hvaWNlQ2xhc3N9IFxuICAgICAgICBrZXk9e2luZGV4fSBcbiAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBjaG9pY2VCYWNrZ3JvdW5kLCAuLi5zdHJva2VTdHlsZSB9fVxuICAgICAgICBvbk1vdXNlRW50ZXI9e3RoaXMuaGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXt0aGlzLmhhbmRsZU1vdXNlTGVhdmV9XG4gICAgICA+XG4gICAgICAgIDxDaG9pY2VDb250YWluZXIgXG4gICAgICAgICAgY29tcG9uZW50PVwiZGl2XCJcbiAgICAgICAgICBub0JvcmRlcj17bm9Cb3JkZXJ9XG4gICAgICAgICAgaG9yaXpvbnRhbExheW91dD17aG9yaXpvbnRhbExheW91dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDaG9pY2VJbnB1dCB7Li4uY2hvaWNlUHJvcHN9IGF1dG9Gb2N1c1JlZj17YXV0b0ZvY3VzUmVmfSAvPlxuICAgICAgICA8L0Nob2ljZUNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuQ2hvaWNlLnByb3BUeXBlcyA9IHtcbiAgY2hvaWNlTW9kZTogUHJvcFR5cGVzLm9uZU9mKFsncmFkaW8nLCAnY2hlY2tib3gnXSksXG4gIGNob2ljZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIG9uQ2hvaWNlQ2hhbmdlZDogUHJvcFR5cGVzLmZ1bmMsXG4gIGluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBjaG9pY2VzTGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzaG93Q29ycmVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRXZhbHVhdGVNb2RlOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvcnJlY3RuZXNzOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBkaXNwbGF5S2V5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjaG9pY2VzTGF5b3V0OiBQcm9wVHlwZXMub25lT2YoWyd2ZXJ0aWNhbCcsICdncmlkJywgJ2hvcml6b250YWwnXSksXG4gIGdyaWRDb2x1bW5zOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzZWxlY3RlZEFuc3dlckJhY2tncm91bmRDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgc2VsZWN0ZWRBbnN3ZXJTdHJva2VDb2xvcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgc2VsZWN0ZWRBbnN3ZXJTdHJva2VXaWR0aDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaG92ZXJBbnN3ZXJCYWNrZ3JvdW5kQ29sb3I6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhvdmVyQW5zd2VyU3Ryb2tlQ29sb3I6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhvdmVyQW5zd2VyU3Ryb2tlV2lkdGg6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZ05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzU2VsZWN0aW9uQnV0dG9uQmVsb3c6IFByb3BUeXBlcy5ib29sLFxuICBhdXRvRm9jdXNSZWY6IFByb3BUeXBlcy5vYmplY3QsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDaG9pY2U7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE9BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLElBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFJLFlBQUEsR0FBQUwsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLE1BQU1LLGVBQWUsR0FBRyxJQUFBQyxjQUFNLEVBQUNDLFlBQUcsRUFBRTtFQUNsQ0MsaUJBQWlCLEVBQUdDLElBQUksSUFBS0EsSUFBSSxLQUFLLFVBQVUsSUFBSUEsSUFBSSxLQUFLO0FBQy9ELENBQUMsQ0FBQyxDQUFDLENBQUM7RUFBRUMsS0FBSztFQUFFQyxRQUFRO0VBQUVDO0FBQWlCLENBQUMsTUFBTTtFQUM3Q0MsVUFBVSxFQUFFSCxLQUFLLENBQUNJLE9BQU8sQ0FBQyxHQUFHLENBQUM7RUFDOUJDLGFBQWEsRUFBRUwsS0FBSyxDQUFDSSxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztFQUNuQ0UsV0FBVyxFQUFFTixLQUFLLENBQUNJLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0VBQ2pDRyxZQUFZLEVBQUVQLEtBQUssQ0FBQ0ksT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7RUFDbENJLFlBQVksRUFBRVAsUUFBUSxHQUFHLE1BQU0sR0FBRyxhQUFhRCxLQUFLLENBQUNTLE9BQU8sQ0FBQ0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFO0VBQ3hFLElBQUlSLGdCQUFnQixJ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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Box","_choiceInput","ChoiceContainer","styled","Box","shouldForwardProp","prop","theme","noBorder","horizontalLayout","paddingTop","spacing","paddingBottom","paddingLeft","paddingRight","borderBottom","palette","grey","marginRight","Choice","React","Component","constructor","args","_defineProperty2","default","isHovered","disabled","checked","props","setState","choice","onChoiceChanged","render","index","choicesLength","showCorrect","isEvaluateMode","choiceMode","correctness","displayKey","choicesLayout","gridColumns","isSelectionButtonBelow","selectedAnswerBackgroundColor","selectedAnswerStrokeColor","selectedAnswerStrokeWidth","hoverAnswerBackgroundColor","hoverAnswerStrokeColor","hoverAnswerStrokeWidth","autoFocusRef","tagName","state","choiceClass","feedback","choiceProps","onChange","normalizeStrokeWidth","width","trimmed","String","trim","test","hasSelectedStroke","hasHoverStroke","currentStrokeColor","currentStrokeWidth","currentBackgroundColor","hasStroke","strokeStyle","border","borderRadius","choiceBackground","createElement","className","key","style","backgroundColor","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","component","_extends2","exports","propTypes","PropTypes","oneOf","object","bool","isRequired","func","number","string","_default"],"sources":["../src/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\n\nimport ChoiceInput from './choice-input';\n\nconst ChoiceContainer = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'noBorder' && prop !== 'horizontalLayout',\n})(({ theme, noBorder, horizontalLayout }) => ({\n paddingTop: theme.spacing(2.5),\n paddingBottom: theme.spacing(1) + 2,\n paddingLeft: theme.spacing(1) + 2,\n paddingRight: theme.spacing(1) + 2,\n borderBottom: noBorder ? 'none' : `1px solid ${theme.palette.grey[300]}`,\n ...(horizontalLayout && {\n paddingRight: theme.spacing(2.5),\n '& label': {\n marginRight: theme.spacing(1),\n },\n }),\n}));\n\nexport class Choice extends React.Component {\n static propTypes = {};\n\n state = {\n isHovered: false,\n };\n\n handleMouseEnter = () => {\n const { disabled, checked } = this.props;\n\n if (!disabled && !checked) {\n this.setState({ isHovered: true });\n }\n };\n\n handleMouseLeave = () => {\n this.setState({ isHovered: false });\n };\n\n onChange = (choice) => {\n const { disabled, onChoiceChanged } = this.props;\n\n if (!disabled) {\n onChoiceChanged(choice);\n }\n };\n\n render() {\n const {\n choice,\n index,\n choicesLength,\n showCorrect,\n isEvaluateMode,\n choiceMode,\n disabled,\n checked,\n correctness,\n displayKey,\n choicesLayout,\n gridColumns,\n isSelectionButtonBelow,\n selectedAnswerBackgroundColor,\n selectedAnswerStrokeColor,\n selectedAnswerStrokeWidth,\n hoverAnswerBackgroundColor,\n hoverAnswerStrokeColor,\n hoverAnswerStrokeWidth,\n autoFocusRef,\n tagName\n } = this.props;\n \n const { isHovered } = this.state;\n const choiceClass = 'choice' + (index === choicesLength - 1 ? ' last' : '');\n\n const feedback = !isEvaluateMode || showCorrect ? '' : choice.feedback;\n\n const choiceProps = {\n ...choice,\n checked,\n choiceMode,\n disabled,\n feedback,\n correctness,\n displayKey,\n index,\n choicesLayout,\n gridColumns,\n onChange: this.onChange,\n isEvaluateMode,\n isSelectionButtonBelow,\n selectedAnswerStrokeColor,\n selectedAnswerStrokeWidth,\n tagName,\n };\n\n const normalizeStrokeWidth = (width) => {\n if (!width) return '2px'; // default\n const trimmed = String(width).trim();\n \n // add 'px' if the value is a number\n if (/^\\d+(\\.\\d+)?$/.test(trimmed)) {\n return `${trimmed}px`;\n }\n\n return trimmed;\n };\n\n const hasSelectedStroke = selectedAnswerStrokeColor && selectedAnswerStrokeColor !== 'initial';\n const hasHoverStroke = hoverAnswerStrokeColor && hoverAnswerStrokeColor !== 'initial';\n \n let currentStrokeColor = 'transparent';\n let currentStrokeWidth = '2px';\n let currentBackgroundColor = 'initial';\n \n if ((hasSelectedStroke || hasHoverStroke)) {\n if (checked && hasSelectedStroke) {\n // selected state takes priority when selected stroke is configured\n currentStrokeColor = selectedAnswerStrokeColor;\n currentStrokeWidth = selectedAnswerStrokeWidth;\n } else if (isHovered && !disabled && hasHoverStroke) {\n // hover state when not selected and not disabled, and hover stroke is configured\n currentStrokeColor = hoverAnswerStrokeColor;\n currentStrokeWidth = hoverAnswerStrokeWidth;\n }\n }\n \n if (checked && selectedAnswerBackgroundColor && selectedAnswerBackgroundColor !== 'initial') {\n currentBackgroundColor = selectedAnswerBackgroundColor;\n } else if (isHovered && !disabled && hoverAnswerBackgroundColor && hoverAnswerBackgroundColor !== 'initial') {\n currentBackgroundColor = hoverAnswerBackgroundColor;\n }\n\n const hasStroke = hasSelectedStroke || hasHoverStroke;\n const strokeStyle = hasStroke ? {\n border: `${normalizeStrokeWidth(currentStrokeWidth)} solid ${currentStrokeColor}`,\n borderRadius: '8px',\n } : {};\n\n const noBorder = index === choicesLength - 1 || choicesLayout !== 'vertical' || hasStroke;\n const horizontalLayout = choicesLayout === 'horizontal';\n\n const choiceBackground = currentBackgroundColor !== 'initial' ? currentBackgroundColor : 'initial';\n\n return (\n <div \n className={choiceClass} \n key={index} \n style={{ backgroundColor: choiceBackground, ...strokeStyle }}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n >\n <ChoiceContainer \n component=\"div\"\n noBorder={noBorder}\n horizontalLayout={horizontalLayout}\n >\n <ChoiceInput {...choiceProps} autoFocusRef={autoFocusRef} />\n </ChoiceContainer>\n </div>\n );\n }\n}\n\nChoice.propTypes = {\n choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n choice: PropTypes.object,\n disabled: PropTypes.bool.isRequired,\n onChoiceChanged: PropTypes.func,\n index: PropTypes.number,\n choicesLength: PropTypes.number,\n showCorrect: PropTypes.bool,\n isEvaluateMode: PropTypes.bool,\n checked: PropTypes.bool,\n correctness: PropTypes.string,\n displayKey: PropTypes.string,\n choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n gridColumns: PropTypes.string,\n selectedAnswerBackgroundColor: PropTypes.string,\n selectedAnswerStrokeColor: PropTypes.string,\n selectedAnswerStrokeWidth: PropTypes.string,\n hoverAnswerBackgroundColor: PropTypes.string,\n hoverAnswerStrokeColor: PropTypes.string,\n hoverAnswerStrokeWidth: PropTypes.string,\n tagName: PropTypes.string,\n isSelectionButtonBelow: PropTypes.bool,\n autoFocusRef: PropTypes.object,\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,130 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _reactTransitionGroup = require("react-transition-group");
11
+ var _styles = require("@mui/material/styles");
12
+ var _Box = _interopRequireDefault(require("@mui/material/Box"));
13
+ var _propTypes = _interopRequireDefault(require("prop-types"));
14
+ var _renderUi = require("@pie-lib/render-ui");
15
+ const FeedbackTickContainer = (0, _styles.styled)(_Box.default)({
16
+ width: '33px',
17
+ height: '33px',
18
+ '& svg': {
19
+ position: 'absolute',
20
+ display: 'inline-block',
21
+ width: '33px',
22
+ height: '33px',
23
+ verticalAlign: 'middle',
24
+ '& hide': {
25
+ display: 'none'
26
+ }
27
+ }
28
+ });
29
+ const StyledSVG = (0, _styles.styled)('svg')({
30
+ '& .incorrect-fill': {
31
+ fill: `var(--feedback-incorrect-bg-color, ${_renderUi.color.incorrect()})`
32
+ },
33
+ '& .correct-fill': {
34
+ fill: `var(--feedback-correct-bg-color, ${_renderUi.color.correct()})`
35
+ }
36
+ });
37
+ const TransitionWrapper = (0, _styles.styled)('div')({
38
+ position: 'relative',
39
+ '&.feedback-tick-enter': {
40
+ opacity: '0',
41
+ left: '-50px'
42
+ },
43
+ '&.feedback-tick-enter-active': {
44
+ opacity: '1',
45
+ left: '0px',
46
+ transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms'
47
+ },
48
+ '&.feedback-tick-exit': {
49
+ opacity: '1',
50
+ left: '0px'
51
+ },
52
+ '&.feedback-tick-exit-active': {
53
+ opacity: '0',
54
+ left: '-50px',
55
+ transition: 'left 300ms ease-in, opacity 300ms'
56
+ }
57
+ });
58
+ class FeedbackTick extends _react.default.Component {
59
+ constructor(...args) {
60
+ super(...args);
61
+ (0, _defineProperty2.default)(this, "getIncorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
62
+ key: "1",
63
+ preserveAspectRatio: "xMinYMin meet",
64
+ x: "0px",
65
+ y: "0px",
66
+ viewBox: "0 0 44 40",
67
+ style: {
68
+ enableBackground: 'new 0 0 44 40'
69
+ }
70
+ }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("rect", {
71
+ x: "11",
72
+ y: "17.3",
73
+ transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
74
+ className: "incorrect-fill",
75
+ width: "16.6",
76
+ height: "3.7"
77
+ }), /*#__PURE__*/_react.default.createElement("rect", {
78
+ x: "17.4",
79
+ y: "10.7",
80
+ transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
81
+ className: "incorrect-fill",
82
+ width: "3.7",
83
+ height: "16.6"
84
+ }))));
85
+ (0, _defineProperty2.default)(this, "getCorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
86
+ key: "2",
87
+ preserveAspectRatio: "xMinYMin meet",
88
+ version: "1.1",
89
+ x: "0px",
90
+ y: "0px",
91
+ viewBox: "0 0 44 40",
92
+ style: {
93
+ enableBackground: 'new 0 0 44 40'
94
+ }
95
+ }, /*#__PURE__*/_react.default.createElement("polygon", {
96
+ className: "correct-fill",
97
+ points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
98
+ })));
99
+ }
100
+ render() {
101
+ const {
102
+ correctness
103
+ } = this.props;
104
+ const icon = (() => {
105
+ if (correctness === 'incorrect') {
106
+ return this.getIncorrectIcon();
107
+ } else if (correctness === 'correct') {
108
+ return this.getCorrectIcon();
109
+ }
110
+ return null;
111
+ })();
112
+ return /*#__PURE__*/_react.default.createElement(FeedbackTickContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, correctness && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
113
+ classNames: {
114
+ enter: 'feedback-tick-enter',
115
+ enterActive: 'feedback-tick-enter-active',
116
+ exit: 'feedback-tick-exit',
117
+ exitActive: 'feedback-tick-exit-active'
118
+ },
119
+ timeout: {
120
+ enter: 700,
121
+ exit: 300
122
+ }
123
+ }, /*#__PURE__*/_react.default.createElement(TransitionWrapper, null, icon))));
124
+ }
125
+ }
126
+ (0, _defineProperty2.default)(FeedbackTick, "propTypes", {
127
+ correctness: _propTypes.default.string
128
+ });
129
+ var _default = exports.default = FeedbackTick;
130
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdFRyYW5zaXRpb25Hcm91cCIsIl9zdHlsZXMiLCJfQm94IiwiX3Byb3BUeXBlcyIsIl9yZW5kZXJVaSIsIkZlZWRiYWNrVGlja0NvbnRhaW5lciIsInN0eWxlZCIsIkJveCIsIndpZHRoIiwiaGVpZ2h0IiwicG9zaXRpb24iLCJkaXNwbGF5IiwidmVydGljYWxBbGlnbiIsIlN0eWxlZFNWRyIsImZpbGwiLCJjb2xvciIsImluY29ycmVjdCIsImNvcnJlY3QiLCJUcmFuc2l0aW9uV3JhcHBlciIsIm9wYWNpdHkiLCJsZWZ0IiwidHJhbnNpdGlvbiIsIkZlZWRiYWNrVGljayIsIlJlYWN0IiwiQ29tcG9uZW50IiwiY29uc3RydWN0b3IiLCJhcmdzIiwiX2RlZmluZVByb3BlcnR5MiIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50Iiwia2V5IiwicHJlc2VydmVBc3BlY3RSYXRpbyIsIngiLCJ5Iiwidmlld0JveCIsInN0eWxlIiwiZW5hYmxlQmFja2dyb3VuZCIsInRyYW5zZm9ybSIsImNsYXNzTmFtZSIsInZlcnNpb24iLCJwb2ludHMiLCJyZW5kZXIiLCJjb3JyZWN0bmVzcyIsInByb3BzIiwiaWNvbiIsImdldEluY29ycmVjdEljb24iLCJnZXRDb3JyZWN0SWNvbiIsIlRyYW5zaXRpb25Hcm91cCIsIkNTU1RyYW5zaXRpb24iLCJjbGFzc05hbWVzIiwiZW50ZXIiLCJlbnRlckFjdGl2ZSIsImV4aXQiLCJleGl0QWN0aXZlIiwidGltZW91dCIsIlByb3BUeXBlcyIsInN0cmluZyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mZWVkYmFjay10aWNrLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwLCBDU1NUcmFuc2l0aW9uIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcyc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5cbmNvbnN0IEZlZWRiYWNrVGlja0NvbnRhaW5lciA9IHN0eWxlZChCb3gpKHtcbiAgd2lkdGg6ICczM3B4JyxcbiAgaGVpZ2h0OiAnMzNweCcsXG4gICcmIHN2Zyc6IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICB3aWR0aDogJzMzcHgnLFxuICAgIGhlaWdodDogJzMzcHgnLFxuICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICcmIGhpZGUnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQoJ3N2ZycpKHtcbiAgJyYgLmluY29ycmVjdC1maWxsJzoge1xuICAgIGZpbGw6IGB2YXIoLS1mZWVkYmFjay1pbmNvcnJlY3QtYmctY29sb3IsICR7Y29sb3IuaW5jb3JyZWN0KCl9KWAsXG4gIH0sXG4gICcmIC5jb3JyZWN0LWZpbGwnOiB7XG4gICAgZmlsbDogYHZhcigtLWZlZWRiYWNrLWNvcnJlY3QtYmctY29sb3IsICR7Y29sb3IuY29ycmVjdCgpfSlgLFxuICB9LFxufSk7XG5cbmNvbnN0IFRyYW5zaXRpb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAnJi5mZWVkYmFjay10aWNrLWVudGVyJzoge1xuICAgIG9wYWNpdHk6ICcwJyxcbiAgICBsZWZ0OiAnLTUwcHgnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWVudGVyLWFjdGl2ZSc6IHtcbiAgICBvcGFjaXR5OiAnMScsXG4gICAgbGVmdDogJzBweCcsXG4gICAgdHJhbnNpdGlvbjogJ2xlZnQgNTAwbXMgZWFzZS1pbiAyMDBtcywgb3BhY2l0eSA1MDBtcyBsaW5lYXIgMjAwbXMnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWV4aXQnOiB7XG4gICAgb3BhY2l0eTogJzEnLFxuICAgIGxlZnQ6ICcwcHgnLFxuICB9LFxuICAnJi5mZWVkYmFjay10aWNrLWV4aXQtYWN0aXZlJzoge1xuICAgIG9wYWNpdHk6ICcwJyxcbiAgICBsZWZ0OiAnLTUwcHgnLFxuICAgIHRyYW5zaXRpb246ICdsZWZ0IDMwMG1zIGVhc2UtaW4sIG9wYWNpdHkgMzAwbXMnLFxuICB9LFxufSk7XG5cbmNsYXNzIEZlZWRiYWNrVGljayBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY29ycmVjdG5lc3M6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH07XG5cbiAgZ2V0SW5jb3JyZWN0SWNvbiA9ICgpID0+IChcbiAgICA8U3R5bGVkU1ZHXG4gICAgICBrZXk9XCIxXCJcbiAgICAgIHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWluWU1pbiBtZWV0XCJcbiAgICAgIHg9XCIwcHhcIlxuICAgICAgeT1cIjBweFwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDQ0IDQwXCJcbiAgICAgIHN0eWxlPXt7IGVuYWJsZUJhY2tncm91bmQ6ICduZXcgMCAwIDQ0IDQwJyB9fVxuICAgID5cbiAgICAgIDxnPlxuICAgICAgICA8cmVjdFxuICAgICAgICAgIHg9XCIxMVwiXG4gICAgICAgICAgeT1cIjE3LjNcIlxuICAgICAgICAgIHRyYW5zZm9ybT1cIm1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC03Ljg1MiAxOS4yNTA3KVwiXG4gICAgICAgICAgY2xhc3NOYW1lPVwiaW5jb3JyZWN0LWZpbGxcIlxuICAgICAgICAgIHdpZHRoPVwiMTYuNlwiXG4gICAgICAgICAgaGVpZ2h0PVwiMy43XCJcbiAgICAgICAgLz5cbiAgICAgICAgPHJlY3RcbiAgICAgICAgICB4PVwiMTcuNFwiXG4gICAgICAgICAgeT1cIjEwLjdcIlxuICAgICAgICAgIHRyYW5zZm9ybT1cIm1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC03LjgxNzUgMTkuMjA5KVwiXG4gICAgICAgICAgY2xhc3NOYW1lPVwiaW5jb3JyZWN0LWZpbGxcIlxuICAgICAgICAgIHdpZHRoPVwiMy43XCJcbiAgICAgICAgICBoZWlnaHQ9XCIxNi42XCJcbiAgICAgICAgLz5cbiAgICAgIDwvZz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgKTtcblxuICBnZXRDb3JyZWN0SWNvbiA9ICgpID0+IChcbiAgICA8U3R5bGVkU1ZHXG4gICAgICBrZXk9XCIyXCJcbiAgICAgIHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWluWU1pbiBtZWV0XCJcbiAgICAgIHZlcnNpb249XCIxLjFcIlxuICAgICAgeD1cIjBweFwiXG4gICAgICB5PVwiMHB4XCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgNDQgNDBcIlxuICAgICAgc3R5bGU9e3sgZW5hYmxlQmFja2dyb3VuZDogJ25ldyAwIDAgNDQgNDAnIH19XG4gICAgPlxuICAgICAgPHBvbHlnb25cbiAgICAgICAgY2xhc3NOYW1lPVwiY29ycmVjdC1maWxsXCJcbiAgICAgICAgcG9pbnRzPVwiMTkuMSwyOC42IDExLjgsMjIuMyAxNC40LDE5LjIgMTcuOSwyMi4xIDIzLjksMTEuNCAyNy41LDEzLjRcIlxuICAgICAgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgKTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjb3JyZWN0bmVzcyB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgICAgaWYgKGNvcnJlY3RuZXNzID09PSAnaW5jb3JyZWN0Jykge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRJbmNvcnJlY3RJY29uKCk7XG4gICAgICB9IGVsc2UgaWYgKGNvcnJlY3RuZXNzID09PSAnY29ycmVjdCcpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q29ycmVjdEljb24oKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH0pKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZlZWRiYWNrVGlja0NvbnRhaW5lcj5cbiAgICAgICAgPFRyYW5zaXRpb25Hcm91cD5cbiAgICAgICAgICB7Y29ycmVjdG5lc3MgJiYgKFxuICAgICAgICAgICAgPENTU1RyYW5zaXRpb25cbiAgICAgICAgICAgICAgY2xhc3NOYW1lcz17e1xuICAgICAgICAgICAgICAgIGVudGVyOiAnZmVlZGJhY2stdGljay1lbnRlcicsXG4gICAgICAgICAgICAgICAgZW50ZXJBY3RpdmU6ICdmZWVkYmFjay10aWNrLWVudGVyLWFjdGl2ZScsXG4gICAgICAgICAgICAgICAgZXhpdDogJ2ZlZWRiYWNrLXRpY2stZXhpdCcsXG4gICAgICAgICAgICAgICAgZXhpdEFjdGl2ZTogJ2ZlZWRiYWNrLXRpY2stZXhpdC1hY3RpdmUnLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0aW1lb3V0PXt7IGVudGVyOiA3MDAsIGV4aXQ6IDMwMCB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VHJhbnNpdGlvbldyYXBwZXI+e2ljb259PC9UcmFuc2l0aW9uV3JhcHBlcj5cbiAgICAgICAgICAgIDwvQ1NTVHJhbnNpdGlvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RyYW5zaXRpb25Hcm91cD5cbiAgICAgIDwvRmVlZGJhY2tUaWNrQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgRmVlZGJhY2tUaWNrO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLHFCQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxPQUFBLEdBQUFGLE9BQUE7QUFDQSxJ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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"feedback-tick.js","names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_styles","_Box","_propTypes","_renderUi","FeedbackTickContainer","styled","Box","width","height","position","display","verticalAlign","StyledSVG","fill","color","incorrect","correct","TransitionWrapper","opacity","left","transition","FeedbackTick","React","Component","constructor","args","_defineProperty2","default","createElement","key","preserveAspectRatio","x","y","viewBox","style","enableBackground","transform","className","version","points","render","correctness","props","icon","getIncorrectIcon","getCorrectIcon","TransitionGroup","CSSTransition","classNames","enter","enterActive","exit","exitActive","timeout","PropTypes","string","_default","exports"],"sources":["../src/feedback-tick.jsx"],"sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst FeedbackTickContainer = styled(Box)({\n width: '33px',\n height: '33px',\n '& svg': {\n position: 'absolute',\n display: 'inline-block',\n width: '33px',\n height: '33px',\n verticalAlign: 'middle',\n '& hide': {\n display: 'none',\n },\n },\n});\n\nconst StyledSVG = styled('svg')({\n '& .incorrect-fill': {\n fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n },\n '& .correct-fill': {\n fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n },\n});\n\nconst TransitionWrapper = styled('div')({\n position: 'relative',\n '&.feedback-tick-enter': {\n opacity: '0',\n left: '-50px',\n },\n '&.feedback-tick-enter-active': {\n opacity: '1',\n left: '0px',\n transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n },\n '&.feedback-tick-exit': {\n opacity: '1',\n left: '0px',\n },\n '&.feedback-tick-exit-active': {\n opacity: '0',\n left: '-50px',\n transition: 'left 300ms ease-in, opacity 300ms',\n },\n});\n\nclass FeedbackTick extends React.Component {\n static propTypes = {\n correctness: PropTypes.string,\n };\n\n getIncorrectIcon = () => (\n <StyledSVG\n key=\"1\"\n preserveAspectRatio=\"xMinYMin meet\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 44 40\"\n style={{ enableBackground: 'new 0 0 44 40' }}\n >\n <g>\n <rect\n x=\"11\"\n y=\"17.3\"\n transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n className=\"incorrect-fill\"\n width=\"16.6\"\n height=\"3.7\"\n />\n <rect\n x=\"17.4\"\n y=\"10.7\"\n transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n className=\"incorrect-fill\"\n width=\"3.7\"\n height=\"16.6\"\n />\n </g>\n </StyledSVG>\n );\n\n getCorrectIcon = () => (\n <StyledSVG\n key=\"2\"\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 44 40\"\n style={{ enableBackground: 'new 0 0 44 40' }}\n >\n <polygon\n className=\"correct-fill\"\n points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n />\n </StyledSVG>\n );\n\n render() {\n const { correctness } = this.props;\n\n const icon = (() => {\n if (correctness === 'incorrect') {\n return this.getIncorrectIcon();\n } else if (correctness === 'correct') {\n return this.getCorrectIcon();\n }\n return null;\n })();\n\n return (\n <FeedbackTickContainer>\n <TransitionGroup>\n {correctness && (\n <CSSTransition\n classNames={{\n enter: 'feedback-tick-enter',\n enterActive: 'feedback-tick-enter-active',\n exit: 'feedback-tick-exit',\n exitActive: 'feedback-tick-exit-active',\n }}\n timeout={{ enter: 700, exit: 300 }}\n >\n <TransitionWrapper>{icon}</TransitionWrapper>\n </CSSTransition>\n )}\n </TransitionGroup>\n </FeedbackTickContainer>\n );\n }\n}\n\nexport default FeedbackTick;\n"],"mappings":"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","ignoreList":[]}