@gamelearn/arcade-components 2.24.2 → 2.24.5

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 (3) hide show
  1. package/dist/components/test-component/components/Feedbacks.js +16 -2
  2. package/dist/components/test-component/components/Results.js +8 -10
  3. 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
@@ -164,45 +164,43 @@ var ResultsComponent = function ResultsComponent(_ref) {
164
164
  }
165
165
  }, [numberOfQuestionsCorrectlyAnswered, interval, points]);
166
166
  return /*#__PURE__*/_react.default.createElement("div", {
167
- className: "test--results ".concat(minimumPercentageNotExceeded || timeOver || minimumPercentage === 0 && mandatory && !allIsCorrect ? 'test--results--failed' : '')
167
+ className: "test--results ".concat(minimumPercentageNotExceeded || timeOver ? 'test--results--failed' : '')
168
168
  }, isFirst && allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
169
169
  className: "fireworks"
170
170
  }, /*#__PURE__*/_react.default.createElement("div", {
171
171
  className: "before"
172
172
  }), /*#__PURE__*/_react.default.createElement("div", {
173
173
  className: "after"
174
- })) : null, !timeOver && minimumPercentageNotExceeded || !timeOver && minimumPercentage === 0 && mandatory && !allIsCorrect ? /*#__PURE__*/_react.default.createElement("div", {
174
+ })) : null, !timeOver && minimumPercentageNotExceeded ? /*#__PURE__*/_react.default.createElement("div", {
175
175
  className: "test--results__title"
176
- }, /*#__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", {
177
177
  className: "test--results__title"
178
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", {
179
179
  className: "test--results__title"
180
180
  }, /*#__PURE__*/_react.default.createElement("span", null, timeOverText)), /*#__PURE__*/_react.default.createElement("div", {
181
181
  className: "test--results__time",
182
182
  id: "results-time"
183
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.time', time)))) : null, minimumPercentage === 0 && !mandatory ? /*#__PURE__*/_react.default.createElement("div", {
184
- className: "test--results__title"
185
- }, /*#__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", {
186
184
  className: "chart center chart".concat(bar)
187
185
  }, /*#__PURE__*/_react.default.createElement("div", {
188
186
  className: "chart-slice"
189
187
  }, /*#__PURE__*/_react.default.createElement("div", {
190
188
  className: "chart-bar",
191
- style: minimumPercentage === 0 && mandatory && !allIsCorrect || minimumPercentageNotExceeded || timeOver ? failedColor : {}
189
+ style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
192
190
  }), /*#__PURE__*/_react.default.createElement("div", {
193
191
  className: "chart-fill",
194
- style: minimumPercentage === 0 && mandatory && !allIsCorrect || minimumPercentageNotExceeded || timeOver ? failedColor : {}
192
+ style: minimumPercentageNotExceeded || timeOver ? failedColor : {}
195
193
  })), /*#__PURE__*/_react.default.createElement("span", {
196
194
  className: "chart-value"
197
195
  }, /*#__PURE__*/_react.default.createElement("div", {
198
196
  className: "test--results__chart"
199
197
  }, /*#__PURE__*/_react.default.createElement("span", null, points), /*#__PURE__*/_react.default.createElement("span", null, "/", totalCorrectAnswers)), /*#__PURE__*/_react.default.createElement("div", {
200
198
  className: "test--results__chart--label"
201
- }, /*#__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", {
202
200
  className: "test--results__minimum"
203
201
  }, /*#__PURE__*/_react.default.createElement("div", {
204
202
  className: "icon-bell"
205
- }), /*#__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", {
206
204
  className: "test--results__buttons"
207
205
  }, !timeOver ? /*#__PURE__*/_react.default.createElement("button", {
208
206
  className: "gat--btn gat--btn__secondary",
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.2",
5
+ "version": "2.24.5",
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",