tg-core-components 6.1.19 → 6.1.20-cur-reg.1

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/es/widgets/AccountDetail/index.js +84 -33
  2. package/lib/widgets/AccountDetail/index.js +84 -33
  3. package/package.json +2 -2
package/es/widgets/AccountDetail/index.js CHANGED
@@ -11,6 +11,32 @@ import Button from '../../components/Button';
11
11
  import countryEmojiFlags from '../../misc/countryEmojiFlags';
12
12
  import Icon from '../../components/Icon';
13
13
 
14
+ var genders = [{
15
+ label: function label(intl) {
16
+ return translate({
17
+ id: 'noun.male',
18
+ defaultMessage: 'Male'
19
+ }, intl);
20
+ },
21
+ value: 'Male'
22
+ }, {
23
+ label: function label(intl) {
24
+ return translate({
25
+ id: 'noun.female',
26
+ defaultMessage: 'Female'
27
+ }, intl);
28
+ },
29
+ value: 'Female'
30
+ }, {
31
+ label: function label(intl) {
32
+ return translate({
33
+ id: 'noun.other',
34
+ defaultMessage: 'Other'
35
+ }, intl);
36
+ },
37
+ value: 'Other'
38
+ }];
39
+
14
40
  var AccountDetail = function AccountDetail(_ref) {
15
41
  var data = _ref.data,
16
42
  intl = _ref.intl,
@@ -93,33 +119,23 @@ var AccountDetail = function AccountDetail(_ref) {
93
119
  React.createElement(
94
120
  Select,
95
121
  {
96
- disabled: true,
97
122
  className: 'layout-item-6',
98
- value: countries && countries.value.find(function (c) {
99
- return c.value === data.Country;
100
- }) && countries.value.find(function (c) {
101
- return c.value === data.Country;
102
- }).value,
123
+ value: data.Country,
103
124
  label: translate({
104
125
  id: 'title.country',
105
126
  defaultMessage: 'Country'
106
127
  }, intl),
107
128
  name: 'Country',
108
129
  icon: React.createElement(Icon, { icon: 'flag' }) },
109
- React.createElement(
110
- Select.Option,
111
- {
112
- value: countries && countries.value.find(function (c) {
113
- return c.value === data.Country;
114
- }) && countries.value.find(function (c) {
115
- return c.value === data.Country;
116
- }).value },
117
- countries && countries.value.find(function (c) {
118
- return c.value === data.Country;
119
- }) && countries.value.find(function (c) {
120
- return c.value === data.Country;
121
- }).label
122
- )
130
+ countries.sort(function (a, b) {
131
+ return a.label.localeCompare(b.label);
132
+ }).map(function (c) {
133
+ return React.createElement(
134
+ Select.Option,
135
+ { key: c.value, value: c.value },
136
+ c.label
137
+ );
138
+ })
123
139
  ),
124
140
  React.createElement(Input, {
125
141
  disabled: true,
@@ -141,18 +157,51 @@ var AccountDetail = function AccountDetail(_ref) {
141
157
  }, intl),
142
158
  name: 'Email'
143
159
  }),
144
- React.createElement(Input, {
145
- value: data.MobilePhoneNumber,
146
- type: 'tel',
147
- label: translate({
148
- id: 'title.mobile_number',
149
- defaultMessage: 'Mobile number'
150
- }, intl),
151
- name: 'MobilePhoneNumber',
152
- autoComplete: 'off',
153
- status: errors.MobilePhoneNumber && 'failure' || 'idle',
154
- statusText: errors.MobilePhoneNumber && translate({ id: errors.MobilePhoneNumber }, intl)
155
- }),
160
+ React.createElement(
161
+ 'div',
162
+ { className: 'layout-item' },
163
+ React.createElement(Input, {
164
+ className: 'layout-item-6',
165
+ value: data.MobilePhoneNumber,
166
+ type: 'tel',
167
+ label: translate({
168
+ id: 'title.mobile_number',
169
+ defaultMessage: 'Mobile number'
170
+ }, intl),
171
+ name: 'MobilePhoneNumber',
172
+ autoComplete: 'off',
173
+ status: errors.MobilePhoneNumber && 'failure' || 'idle',
174
+ statusText: errors.MobilePhoneNumber && translate({ id: errors.MobilePhoneNumber }, intl)
175
+ }),
176
+ React.createElement(
177
+ Select,
178
+ {
179
+ className: 'layout-item-6',
180
+ value: data.Gender,
181
+ label: translate({
182
+ id: 'title.gender',
183
+ defaultMessage: 'Gender'
184
+ }, intl),
185
+ name: 'Gender',
186
+ status: errors.Gender && 'failure' || 'idle',
187
+ statusText: errors.Gender && translate({ id: errors.Gender }, intl) },
188
+ React.createElement(
189
+ Select.Option,
190
+ { value: '', disabled: true },
191
+ translate({
192
+ id: 'label.select-gender',
193
+ defaultMessage: 'Select gender'
194
+ }, intl)
195
+ ),
196
+ genders.map(function (gender) {
197
+ return React.createElement(
198
+ Select.Option,
199
+ { value: gender.value },
200
+ gender.label(intl)
201
+ );
202
+ })
203
+ )
204
+ ),
156
205
  !['sga', 'dga'].includes(jurisdiction) && React.createElement(
157
206
  Fragment,
158
207
  null,
@@ -216,7 +265,9 @@ var rules = {
216
265
  Address1: [[require, 'error.empty.address']],
217
266
  Zip: [[require, 'error.empty.zip_code']],
218
267
  City: [[require, 'error.empty.city']],
219
- Password: [[require, 'error.empty.password']]
268
+ Password: [[require, 'error.empty.password']],
269
+ Country: [[require, 'error.empty.country']],
270
+ Gender: [[require, 'error.empty.gender']]
220
271
  };
221
272
 
222
273
  export default compose(WithValidation(rules), injectIntl)(AccountDetail);
package/lib/widgets/AccountDetail/index.js CHANGED
@@ -52,6 +52,32 @@ var _Icon2 = _interopRequireDefault(_Icon);
52
52
 
53
53
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
54
54
 
55
+ var genders = [{
56
+ label: function label(intl) {
57
+ return (0, _translate2.default)({
58
+ id: 'noun.male',
59
+ defaultMessage: 'Male'
60
+ }, intl);
61
+ },
62
+ value: 'Male'
63
+ }, {
64
+ label: function label(intl) {
65
+ return (0, _translate2.default)({
66
+ id: 'noun.female',
67
+ defaultMessage: 'Female'
68
+ }, intl);
69
+ },
70
+ value: 'Female'
71
+ }, {
72
+ label: function label(intl) {
73
+ return (0, _translate2.default)({
74
+ id: 'noun.other',
75
+ defaultMessage: 'Other'
76
+ }, intl);
77
+ },
78
+ value: 'Other'
79
+ }];
80
+
55
81
  var AccountDetail = function AccountDetail(_ref) {
56
82
  var data = _ref.data,
57
83
  intl = _ref.intl,
@@ -134,33 +160,23 @@ var AccountDetail = function AccountDetail(_ref) {
134
160
  _react2.default.createElement(
135
161
  _Select2.default,
136
162
  {
137
- disabled: true,
138
163
  className: 'layout-item-6',
139
- value: countries && countries.value.find(function (c) {
140
- return c.value === data.Country;
141
- }) && countries.value.find(function (c) {
142
- return c.value === data.Country;
143
- }).value,
164
+ value: data.Country,
144
165
  label: (0, _translate2.default)({
145
166
  id: 'title.country',
146
167
  defaultMessage: 'Country'
147
168
  }, intl),
148
169
  name: 'Country',
149
170
  icon: _react2.default.createElement(_Icon2.default, { icon: 'flag' }) },
150
- _react2.default.createElement(
151
- _Select2.default.Option,
152
- {
153
- value: countries && countries.value.find(function (c) {
154
- return c.value === data.Country;
155
- }) && countries.value.find(function (c) {
156
- return c.value === data.Country;
157
- }).value },
158
- countries && countries.value.find(function (c) {
159
- return c.value === data.Country;
160
- }) && countries.value.find(function (c) {
161
- return c.value === data.Country;
162
- }).label
163
- )
171
+ countries.sort(function (a, b) {
172
+ return a.label.localeCompare(b.label);
173
+ }).map(function (c) {
174
+ return _react2.default.createElement(
175
+ _Select2.default.Option,
176
+ { key: c.value, value: c.value },
177
+ c.label
178
+ );
179
+ })
164
180
  ),
165
181
  _react2.default.createElement(_Input2.default, {
166
182
  disabled: true,
@@ -182,18 +198,51 @@ var AccountDetail = function AccountDetail(_ref) {
182
198
  }, intl),
183
199
  name: 'Email'
184
200
  }),
185
- _react2.default.createElement(_Input2.default, {
186
- value: data.MobilePhoneNumber,
187
- type: 'tel',
188
- label: (0, _translate2.default)({
189
- id: 'title.mobile_number',
190
- defaultMessage: 'Mobile number'
191
- }, intl),
192
- name: 'MobilePhoneNumber',
193
- autoComplete: 'off',
194
- status: errors.MobilePhoneNumber && 'failure' || 'idle',
195
- statusText: errors.MobilePhoneNumber && (0, _translate2.default)({ id: errors.MobilePhoneNumber }, intl)
196
- }),
201
+ _react2.default.createElement(
202
+ 'div',
203
+ { className: 'layout-item' },
204
+ _react2.default.createElement(_Input2.default, {
205
+ className: 'layout-item-6',
206
+ value: data.MobilePhoneNumber,
207
+ type: 'tel',
208
+ label: (0, _translate2.default)({
209
+ id: 'title.mobile_number',
210
+ defaultMessage: 'Mobile number'
211
+ }, intl),
212
+ name: 'MobilePhoneNumber',
213
+ autoComplete: 'off',
214
+ status: errors.MobilePhoneNumber && 'failure' || 'idle',
215
+ statusText: errors.MobilePhoneNumber && (0, _translate2.default)({ id: errors.MobilePhoneNumber }, intl)
216
+ }),
217
+ _react2.default.createElement(
218
+ _Select2.default,
219
+ {
220
+ className: 'layout-item-6',
221
+ value: data.Gender,
222
+ label: (0, _translate2.default)({
223
+ id: 'title.gender',
224
+ defaultMessage: 'Gender'
225
+ }, intl),
226
+ name: 'Gender',
227
+ status: errors.Gender && 'failure' || 'idle',
228
+ statusText: errors.Gender && (0, _translate2.default)({ id: errors.Gender }, intl) },
229
+ _react2.default.createElement(
230
+ _Select2.default.Option,
231
+ { value: '', disabled: true },
232
+ (0, _translate2.default)({
233
+ id: 'label.select-gender',
234
+ defaultMessage: 'Select gender'
235
+ }, intl)
236
+ ),
237
+ genders.map(function (gender) {
238
+ return _react2.default.createElement(
239
+ _Select2.default.Option,
240
+ { value: gender.value },
241
+ gender.label(intl)
242
+ );
243
+ })
244
+ )
245
+ ),
197
246
  !['sga', 'dga'].includes(jurisdiction) && _react2.default.createElement(
198
247
  _react.Fragment,
199
248
  null,
@@ -257,7 +306,9 @@ var rules = {
257
306
  Address1: [[_required2.default, 'error.empty.address']],
258
307
  Zip: [[_required2.default, 'error.empty.zip_code']],
259
308
  City: [[_required2.default, 'error.empty.city']],
260
- Password: [[_required2.default, 'error.empty.password']]
309
+ Password: [[_required2.default, 'error.empty.password']],
310
+ Country: [[_required2.default, 'error.empty.country']],
311
+ Gender: [[_required2.default, 'error.empty.gender']]
261
312
  };
262
313
 
263
314
  exports.default = (0, _compose2.default)((0, _WithValidation2.default)(rules), _reactIntl.injectIntl)(AccountDetail);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tg-core-components",
3
- "version": "6.1.19",
3
+ "version": "6.1.20-cur-reg.1",
4
4
  "description": "tg-core-components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -76,5 +76,5 @@
76
76
  "webpack": "^3.0.0",
77
77
  "webpack-blocks": "^1.0.0"
78
78
  },
79
- "gitHead": "f0c8788ebfd0bd8ae189b72e3c4c3092ce2aef09"
79
+ "gitHead": "6b2c0c27f0824c16b73b60458ae499745c80b34b"
80
80
  }