@gamelearn/arcade-components 2.24.1 → 2.24.3

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 (4) hide show
  1. package/dist/components/test-component/components/Feedbacks.js +16 -2
  2. package/dist/components/test-component/components/Results.js +8 -11
  3. package/dist/components/test-component/components/TestComponent.js +3 -2
  4. package/package.json +2 -2
package/dist/components/test-component/components/Feedbacks.js CHANGED
@@ -21,11 +21,25 @@ var FeedbackItem = function FeedbackItem(_ref) {
21
21
  return correctQuestions.includes(optionSelected);
22
22
  };
23
23
 
24
+ var compare = function compare(a, b) {
25
+ if (a.index < b.index) {
26
+ return -1;
27
+ }
28
+
29
+ if (a.index > b.index) {
30
+ return 1;
31
+ }
32
+
33
+ return 0;
34
+ };
35
+
36
+ var selectedAnswersOrderedAlphabetically = selectedAnswers.sort(compare);
24
37
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
25
38
  className: "test--questions__item"
26
- }, /*#__PURE__*/_react.default.createElement("span", null, question)), selectedAnswers.map(function (answer) {
39
+ }, /*#__PURE__*/_react.default.createElement("span", null, question)), selectedAnswersOrderedAlphabetically.map(function (answer) {
27
40
  return /*#__PURE__*/_react.default.createElement("div", {
28
- key: answer.text
41
+ key: answer.text,
42
+ className: "test--response__itemwrap"
29
43
  }, /*#__PURE__*/_react.default.createElement("div", {
30
44
  className: "test--response__item ".concat(questionAnsweredCorrectly(answer.id) ? 'success' : 'failed')
31
45
  }, /*#__PURE__*/_react.default.createElement("div", {
package/dist/components/test-component/components/Results.js CHANGED
@@ -129,7 +129,6 @@ var ResultsComponent = function ResultsComponent(_ref) {
129
129
  var allIsCorrect = getNumberOfQuestionsCorrectlyAnswered() === totalCorrectAnswers;
130
130
  var minimumPercentageNotExceeded = numberOfQuestionsCorrectlyAnswered < minimumPercentage;
131
131
  var minimumPercentageExceeded = numberOfQuestionsCorrectlyAnswered >= minimumPercentage;
132
- console.info('adadf');
133
132
  var showFinishButton = !mandatory || minimumPercentageExceeded;
134
133
  var bar = Math.trunc(points / totalCorrectAnswers * 100);
135
134
 
@@ -165,45 +164,43 @@ var ResultsComponent = function ResultsComponent(_ref) {
165
164
  }
166
165
  }, [numberOfQuestionsCorrectlyAnswered, interval, points]);
167
166
  return /*#__PURE__*/_react.default.createElement("div", {
168
- className: "test--results ".concat(minimumPercentageNotExceeded || timeOver || minimumPercentage === 0 && mandatory && !allIsCorrect ? 'test--results--failed' : '')
167
+ className: "test--results ".concat(minimumPercentageNotExceeded || timeOver ? 'test--results--failed' : '')
169
168
  }, isFirst && allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
170
169
  className: "fireworks"
171
170
  }, /*#__PURE__*/_react.default.createElement("div", {
172
171
  className: "before"
173
172
  }), /*#__PURE__*/_react.default.createElement("div", {
174
173
  className: "after"
175
- })) : null, !timeOver && minimumPercentageNotExceeded || !timeOver && minimumPercentage === 0 && mandatory && !allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
174
+ })) : null, !timeOver && minimumPercentageNotExceeded ? /*#__PURE__*/_react.default.createElement("div", {
176
175
  className: "test--results__title"
177
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.NotFinishedSuccessfully'))) : null, !timeOver && minimumPercentage > 0 && minimumPercentageExceeded || allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
176
+ }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.NotFinishedSuccessfully'))) : null, !timeOver && minimumPercentageExceeded || allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
178
177
  className: "test--results__title"
179
178
  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.finishedSuccessfully'))) : null, timeOver ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
180
179
  className: "test--results__title"
181
180
  }, /*#__PURE__*/_react.default.createElement("span", null, timeOverText)), /*#__PURE__*/_react.default.createElement("div", {
182
181
  className: "test--results__time",
183
182
  id: "results-time"
184
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time)))) : null, minimumPercentage === 0 && !mandatory ? /*#__PURE__*/_react.default.createElement("div", {
185
- className: "test--results__title"
186
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.finished'))) : null, /*#__PURE__*/_react.default.createElement("div", {
183
+ }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time)))) : null, /*#__PURE__*/_react.default.createElement("div", {
187
184
  className: "chart center chart".concat(bar)
188
185
  }, /*#__PURE__*/_react.default.createElement("div", {
189
186
  className: "chart-slice"
190
187
  }, /*#__PURE__*/_react.default.createElement("div", {
191
188
  className: "chart-bar",
192
- style: minimumPercentage === 0 && mandatory && !allIsCorrect || minimumPercentageNotExceeded || timeOver ? failedColor : {}
189
+ style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
193
190
  }), /*#__PURE__*/_react.default.createElement("div", {
194
191
  className: "chart-fill",
195
- style: minimumPercentage === 0 && mandatory && !allIsCorrect || minimumPercentageNotExceeded || timeOver ? failedColor : {}
192
+ style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
196
193
  })), /*#__PURE__*/_react.default.createElement("span", {
197
194
  className: "chart-value"
198
195
  }, /*#__PURE__*/_react.default.createElement("div", {
199
196
  className: "test--results__chart"
200
197
  }, /*#__PURE__*/_react.default.createElement("span", null, points), /*#__PURE__*/_react.default.createElement("span", null, "/", totalCorrectAnswers)), /*#__PURE__*/_react.default.createElement("div", {
201
198
  className: "test--results__chart--label"
202
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.success'))))), minimumPercentage > 0 ? /*#__PURE__*/_react.default.createElement("div", {
199
+ }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.success'))))), /*#__PURE__*/_react.default.createElement("div", {
203
200
  className: "test--results__minimum"
204
201
  }, /*#__PURE__*/_react.default.createElement("div", {
205
202
  className: "icon-bell"
206
- }), /*#__PURE__*/_react.default.createElement("div", null, translate('tests.minimumQuestionsMessage'), "\xA0", /*#__PURE__*/_react.default.createElement("strong", null, minimumPercentage))) : null, /*#__PURE__*/_react.default.createElement("div", {
203
+ }), /*#__PURE__*/_react.default.createElement("div", null, translate('tests.minimumQuestionsMessage'), "\xA0", /*#__PURE__*/_react.default.createElement("strong", null, minimumPercentage))), /*#__PURE__*/_react.default.createElement("div", {
207
204
  className: "test--results__buttons"
208
205
  }, !timeOver ? /*#__PURE__*/_react.default.createElement("button", {
209
206
  className: "gat--btn gat--btn__secondary",
package/dist/components/test-component/components/TestComponent.js CHANGED
@@ -54,7 +54,8 @@ var TestComponent = function TestComponent(_ref) {
54
54
  audio = _ref.audio,
55
55
  required = _ref.required,
56
56
  pause = _ref.pause,
57
- minimumPercentage = _ref.minimumPercentage;
57
+ _ref$minimumPercentag = _ref.minimumPercentage,
58
+ minimumPercentage = _ref$minimumPercentag === void 0 ? 100 : _ref$minimumPercentag;
58
59
  var questions = test.questions;
59
60
 
60
61
  var _useState = (0, _react.useState)({}),
@@ -342,7 +343,7 @@ var TestComponent = function TestComponent(_ref) {
342
343
  timeOverText: countdown.text,
343
344
  emitEvent: emitEvent,
344
345
  soundActions: soundActions,
345
- minimumPercentage: calculatedMinimum || 0
346
+ minimumPercentage: calculatedMinimum
346
347
  })));
347
348
  };
348
349
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "author": "Gamelearn",
4
4
  "license": "unlicense",
5
- "version": "2.24.1",
5
+ "version": "2.24.3",
6
6
  "main": "dist/index.js",
7
7
  "files": [
8
8
  "dist",
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@babel/runtime": "^7.18.6",
17
- "@gamelearn/arcade-styles": "2.17.1",
17
+ "@gamelearn/arcade-styles": "2.17.2",
18
18
  "@gamelearn/arcade-three-core": "1.24.3",
19
19
  "@react-three/a11y": "^3.0.0",
20
20
  "@react-three/drei": "9.4.3",