@gamelearn/arcade-components 1.15.1 → 1.16.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.
@@ -13,6 +13,8 @@ var _EndScreen = _interopRequireDefault(require("./EndScreen"));
13
13
 
14
14
  var _StartScreen = _interopRequireDefault(require("./StartScreen"));
15
15
 
16
+ var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
17
+
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
19
 
18
20
  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); }
@@ -105,7 +107,8 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
105
107
  };
106
108
 
107
109
  return /*#__PURE__*/_react.default.createElement("div", {
108
- className: "test--container"
110
+ className: "test--container",
111
+ dir: "auto"
109
112
  }, phase === 'start' && /*#__PURE__*/_react.default.createElement(_StartScreen.default, {
110
113
  description: description,
111
114
  onNext: function onNext() {
@@ -119,7 +122,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
119
122
  className: "survey--questions__container"
120
123
  }, /*#__PURE__*/_react.default.createElement("div", {
121
124
  className: "survey--questions__count"
122
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
125
+ }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), "\xA0", currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
123
126
  key: "".concat(questions[currentQuestion])
124
127
  }, /*#__PURE__*/_react.default.createElement("div", {
125
128
  className: "survey--questions__item"
@@ -150,7 +153,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
150
153
  disabled: optionSelected === null,
151
154
  className: "gat--btn__navigation ".concat(optionSelected === null ? 'disabled' : '')
152
155
  }, /*#__PURE__*/_react.default.createElement("span", {
153
- className: "icon-next"
156
+ className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
154
157
  })))), phase === 'end' && /*#__PURE__*/_react.default.createElement(_EndScreen.default, {
155
158
  onFinish: close,
156
159
  translate: translate
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _EmailPill = _interopRequireDefault(require("./EmailPill"));
13
13
 
14
+ var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
15
+
14
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
17
 
16
18
  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); }
@@ -137,7 +139,11 @@ var StepOne = function StepOne(_ref) {
137
139
  className: "referrals-piece__form"
138
140
  }, /*#__PURE__*/_react.default.createElement("div", {
139
141
  className: "referrals-piece__instructions"
140
- }, /*#__PURE__*/_react.default.createElement("div", null, translate('puzzles.referrals.inviter.instructions')), /*#__PURE__*/_react.default.createElement("div", null, translate('puzzles.referrals.inviter.limit'))), /*#__PURE__*/_react.default.createElement("div", {
142
+ }, /*#__PURE__*/_react.default.createElement("div", {
143
+ dir: "auto"
144
+ }, translate('puzzles.referrals.inviter.instructions')), /*#__PURE__*/_react.default.createElement("div", {
145
+ dir: "auto"
146
+ }, translate('puzzles.referrals.inviter.limit'))), /*#__PURE__*/_react.default.createElement("div", {
141
147
  className: "referrals-piece__faketextarea",
142
148
  onClick: focusInInput
143
149
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -160,6 +166,7 @@ var StepOne = function StepOne(_ref) {
160
166
  onBlur: handleKeyDown,
161
167
  type: "email"
162
168
  }) : null)), /*#__PURE__*/_react.default.createElement("div", {
169
+ dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
163
170
  className: "referrals-piece__footervalidation"
164
171
  }, /*#__PURE__*/_react.default.createElement("div", {
165
172
  className: "referrals-piece__errormessage"
@@ -43,7 +43,8 @@ var StepTwo = function StepTwo(_ref) {
43
43
  var validLabel = valid === 1 ? 'invitationSend' : 'invitationsSend';
44
44
  var notValidLabel = invalid === 1 ? 'invitationNotSend' : 'invitationsNotSend';
45
45
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
46
- className: "referrals-piece__body"
46
+ className: "referrals-piece__body",
47
+ dir: "auto"
47
48
  }, /*#__PURE__*/_react.default.createElement("div", {
48
49
  className: "referrals-piece__title"
49
50
  }, translate('puzzles.referrals.inviter.titleStep2')), /*#__PURE__*/_react.default.createElement("ul", {
@@ -15,6 +15,8 @@ var _OpinionBox = _interopRequireDefault(require("./OpinionBox"));
15
15
 
16
16
  var _TextBox = _interopRequireDefault(require("./TextBox"));
17
17
 
18
+ var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
20
22
  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); }
@@ -106,7 +108,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
106
108
 
107
109
  var View = PAGES[page].component;
108
110
  return /*#__PURE__*/_react.default.createElement("div", {
109
- className: "survey--container"
111
+ className: "survey--container",
112
+ dir: "auto"
110
113
  }, /*#__PURE__*/_react.default.createElement("div", {
111
114
  className: "survey--questions"
112
115
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -137,7 +140,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
137
140
  onClick: changePage,
138
141
  className: "gat--btn__navigation ".concat(disabled ? 'disabled' : '')
139
142
  }, /*#__PURE__*/_react.default.createElement("span", {
140
- className: "icon-next"
143
+ className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
141
144
  })) : /*#__PURE__*/_react.default.createElement("button", {
142
145
  id: "survey-button",
143
146
  type: "button",
@@ -13,6 +13,8 @@ var _Questions = _interopRequireDefault(require("./Questions"));
13
13
 
14
14
  var _Feedback = _interopRequireDefault(require("./Feedback"));
15
15
 
16
+ var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
17
+
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
19
 
18
20
  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); }
@@ -130,7 +132,8 @@ var Container = function Container(_ref) {
130
132
  className: "flex justify-space-between align-center"
131
133
  }, /*#__PURE__*/_react.default.createElement("div", {
132
134
  className: "test--questions__count"
133
- }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
135
+ }, (0, _LangIsRtl.default)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentQuestionId + 1, "/", questions.length, " ", /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length)), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
136
+ dir: "ltr",
134
137
  className: "test--timer ".concat(time < 10 ? 'test--timer--finalseconds' : '')
135
138
  }, /*#__PURE__*/_react.default.createElement("div", {
136
139
  id: "test-time"
@@ -152,7 +155,7 @@ var Container = function Container(_ref) {
152
155
  type: "button",
153
156
  className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
154
157
  }, /*#__PURE__*/_react.default.createElement("span", {
155
- className: "icon-next"
158
+ className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
156
159
  })) : /*#__PURE__*/_react.default.createElement("button", {
157
160
  id: "finish-button",
158
161
  onClick: function onClick() {
@@ -165,7 +168,7 @@ var Container = function Container(_ref) {
165
168
  type: "button",
166
169
  className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
167
170
  }, /*#__PURE__*/_react.default.createElement("span", {
168
- className: "icon-next"
171
+ className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
169
172
  })))));
170
173
  };
171
174
 
@@ -7,6 +7,8 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
11
+
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
13
 
12
14
  var LABELS_INDEX = ['A', 'B', 'C'];
@@ -43,7 +45,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
43
45
  type: "button",
44
46
  className: "gat--btn__navigation"
45
47
  }, /*#__PURE__*/_react.default.createElement("span", {
46
- className: "icon-next"
48
+ className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
47
49
  }))));
48
50
  };
49
51
 
@@ -237,7 +237,8 @@ var TestComponent = function TestComponent(_ref) {
237
237
  };
238
238
 
239
239
  return /*#__PURE__*/_react.default.createElement("div", {
240
- className: "test--container"
240
+ className: "test--container",
241
+ dir: "auto"
241
242
  }, view !== 'results' ? /*#__PURE__*/_react.default.createElement(_Container.default, {
242
243
  type: test.type,
243
244
  result: result,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "author": "Gamelearn",
4
4
  "license": "unlicense",
5
- "version": "1.15.1",
5
+ "version": "1.16.0",
6
6
  "main": "dist/index.js",
7
7
  "files": [
8
8
  "dist",
@@ -13,7 +13,7 @@
13
13
  "url": "https://github.com/gamelearn/arcade-components"
14
14
  },
15
15
  "dependencies": {
16
- "@gamelearn/arcade-styles": "0.11.3",
16
+ "@gamelearn/arcade-styles": "0.11.4",
17
17
  "@gamelearn/arcade-three-core": "1.1.15",
18
18
  "@react-three/drei": "8.8.1",
19
19
  "@react-three/fiber": "7.0.25",