@holper/react-native-holper-storybook 0.6.55 → 0.6.57

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 (5) hide show
  1. package/lib/components/Input/index.js +6 -6
  2. package/lib/components/Select/style.js +1 -1
  3. package/lib/components/Textarea/index.js +2 -0
  4. package/lib/configs/constants.js +113 -110
  5. package/package.json +1 -1
package/lib/components/Input/index.js CHANGED
@@ -4,7 +4,7 @@ import { TextInput, View } from 'react-native';
4
4
  import { Colors } from '../../configs/constants';
5
5
  import style from './style';
6
6
 
7
- const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
7
+ const Input = ({ variant, disabled, leftIcon, leftIconWide, ...props }) => (
8
8
  <View>
9
9
  <TextInput
10
10
  style={[
@@ -12,11 +12,11 @@ const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
12
12
  style[variant],
13
13
  leftIcon ? style.leftIcon : {},
14
14
  leftIconWide ? style.leftIconWide : {},
15
- disabled ? style.disabled : {}
15
+ disabled ? style.disabled : {},
16
16
  ]}
17
17
  editable={!disabled}
18
18
  allowFontScaling={false}
19
- placeholderTextColor={Colors.lightblue}
19
+ placeholderTextColor={Colors.midblue}
20
20
  {...props}
21
21
  />
22
22
  <View
@@ -24,7 +24,7 @@ const Input = ({variant, disabled, leftIcon, leftIconWide, ...props}) => (
24
24
  style[variant],
25
25
  style.leftIconContainer,
26
26
  leftIconWide ? style.leftWideIconContainer : {},
27
- disabled ? style.disabled : {}
27
+ disabled ? style.disabled : {},
28
28
  ]}
29
29
  >
30
30
  {leftIcon}
@@ -36,14 +36,14 @@ Input.defaultProps = {
36
36
  variant: 'default',
37
37
  disabled: false,
38
38
  leftIcon: null,
39
- leftIconWide: false
39
+ leftIconWide: false,
40
40
  };
41
41
 
42
42
  Input.propTypes = {
43
43
  variant: PropTypes.oneOf(['default', 'completed', 'error']),
44
44
  disabled: PropTypes.bool,
45
45
  leftIcon: PropTypes.node,
46
- leftIconWide: PropTypes.bool
46
+ leftIconWide: PropTypes.bool,
47
47
  };
48
48
 
49
49
  export default Input;
package/lib/components/Select/style.js CHANGED
@@ -56,7 +56,7 @@ export const includesSelect = {
56
56
  export const placeholderStyle = {
57
57
  fontSize: 16,
58
58
  ...fontStyle,
59
- color: Colors.lightblue,
59
+ color: Colors.midblue,
60
60
  };
61
61
 
62
62
  export const listItemLabelStyle = {
package/lib/components/Textarea/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { TextInput } from 'react-native';
4
+ import { Colors } from '../../configs/constants';
4
5
  import style from './style';
5
6
 
6
7
  const Textarea = ({
@@ -22,6 +23,7 @@ const Textarea = ({
22
23
  editable={!disabled}
23
24
  numberOfLines={numberOfLines}
24
25
  textAlignVertical='top'
26
+ placeholderTextColor={Colors.midblue}
25
27
  {...props}
26
28
  />
27
29
  );
package/lib/configs/constants.js CHANGED
@@ -20,12 +20,15 @@ export const Colors = {
20
20
  red: '#FD4C4C',
21
21
  // Yellow
22
22
  lightyellow: '#F3F2D3',
23
- yellow: '#FDD100'
23
+ yellow: '#FDD100',
24
24
  };
25
25
 
26
26
  export const ConstantsWS = Object.freeze({
27
27
  HIRING: 'HIRING',
28
28
  CANCELED: 'CANCELED',
29
+ CANCELED_BY_PROFESSIONAL: 'CANCELED_BY_PROFESSIONAL',
30
+ NOT_CONFIRMED: 'NOT_CONFIRMED',
31
+ NOT_STARTED: 'NOT_STARTED',
29
32
  POSTULATION: 'POSTULATION',
30
33
  NOTIFICATION: 'NOTIFICATION',
31
34
  CHAT: 'CHAT',
@@ -33,7 +36,7 @@ export const ConstantsWS = Object.freeze({
33
36
  RECOMMENDATION: 'RECOMMENDATION',
34
37
  ISSUE: 'ISSUE',
35
38
  CLOSED: 'CLOSED',
36
- USER: 'USER'
39
+ USER: 'USER',
37
40
  });
38
41
 
39
42
  export const HiringStatus = Object.freeze({
@@ -45,14 +48,14 @@ export const HiringStatus = Object.freeze({
45
48
  PAYMENT_ERROR: 'paymentError',
46
49
  DONE: 'done',
47
50
  CANCELED: 'canceled',
48
- UNPAID: 'unpaid'
51
+ UNPAID: 'unpaid',
49
52
  });
50
53
 
51
54
  export const CouponStatus = Object.freeze({
52
55
  PENDING: 'pending',
53
56
  IN_USE: 'inUse',
54
57
  EXPIRED: 'expired',
55
- DONE: 'DONE'
58
+ DONE: 'DONE',
56
59
  });
57
60
 
58
61
  export const NotificationsTypes = Object.freeze({
@@ -87,166 +90,166 @@ export const NotificationsTypes = Object.freeze({
87
90
  /** Reminder for the professional when arrived to mark the arrival confirmed */
88
91
  REMINDER_ARRIVED: 'reminderArrived',
89
92
  /** Reminder for the professional to start the progress */
90
- REMINDER_START_PROGRESS: 'reminderStartProgress'
93
+ REMINDER_START_PROGRESS: 'reminderStartProgress',
91
94
  });
92
95
 
93
96
  export const MapStyle = [
94
97
  {
95
- 'elementType': 'geometry',
96
- 'stylers': [
98
+ elementType: 'geometry',
99
+ stylers: [
97
100
  {
98
- 'color': '#f5f5f5'
99
- }
100
- ]
101
+ color: '#f5f5f5',
102
+ },
103
+ ],
101
104
  },
102
105
  {
103
- 'elementType': 'labels.icon',
104
- 'stylers': [
106
+ elementType: 'labels.icon',
107
+ stylers: [
105
108
  {
106
- 'visibility': 'off'
107
- }
108
- ]
109
+ visibility: 'off',
110
+ },
111
+ ],
109
112
  },
110
113
  {
111
- 'elementType': 'labels.text.fill',
112
- 'stylers': [
114
+ elementType: 'labels.text.fill',
115
+ stylers: [
113
116
  {
114
- 'color': '#616161'
115
- }
116
- ]
117
+ color: '#616161',
118
+ },
119
+ ],
117
120
  },
118
121
  {
119
- 'elementType': 'labels.text.stroke',
120
- 'stylers': [
122
+ elementType: 'labels.text.stroke',
123
+ stylers: [
121
124
  {
122
- 'color': '#f5f5f5'
123
- }
124
- ]
125
+ color: '#f5f5f5',
126
+ },
127
+ ],
125
128
  },
126
129
  {
127
- 'featureType': 'administrative.land_parcel',
128
- 'elementType': 'labels.text.fill',
129
- 'stylers': [
130
+ featureType: 'administrative.land_parcel',
131
+ elementType: 'labels.text.fill',
132
+ stylers: [
130
133
  {
131
- 'color': '#bdbdbd'
132
- }
133
- ]
134
+ color: '#bdbdbd',
135
+ },
136
+ ],
134
137
  },
135
138
  {
136
- 'featureType': 'poi',
137
- 'elementType': 'geometry',
138
- 'stylers': [
139
+ featureType: 'poi',
140
+ elementType: 'geometry',
141
+ stylers: [
139
142
  {
140
- 'color': '#eeeeee'
141
- }
142
- ]
143
+ color: '#eeeeee',
144
+ },
145
+ ],
143
146
  },
144
147
  {
145
- 'featureType': 'poi',
146
- 'elementType': 'labels.text.fill',
147
- 'stylers': [
148
+ featureType: 'poi',
149
+ elementType: 'labels.text.fill',
150
+ stylers: [
148
151
  {
149
- 'color': '#757575'
150
- }
151
- ]
152
+ color: '#757575',
153
+ },
154
+ ],
152
155
  },
153
156
  {
154
- 'featureType': 'poi.park',
155
- 'elementType': 'geometry',
156
- 'stylers': [
157
+ featureType: 'poi.park',
158
+ elementType: 'geometry',
159
+ stylers: [
157
160
  {
158
- 'color': '#e5e5e5'
159
- }
160
- ]
161
+ color: '#e5e5e5',
162
+ },
163
+ ],
161
164
  },
162
165
  {
163
- 'featureType': 'poi.park',
164
- 'elementType': 'labels.text.fill',
165
- 'stylers': [
166
+ featureType: 'poi.park',
167
+ elementType: 'labels.text.fill',
168
+ stylers: [
166
169
  {
167
- 'color': '#9e9e9e'
168
- }
169
- ]
170
+ color: '#9e9e9e',
171
+ },
172
+ ],
170
173
  },
171
174
  {
172
- 'featureType': 'road',
173
- 'elementType': 'geometry',
174
- 'stylers': [
175
+ featureType: 'road',
176
+ elementType: 'geometry',
177
+ stylers: [
175
178
  {
176
- 'color': '#ffffff'
177
- }
178
- ]
179
+ color: '#ffffff',
180
+ },
181
+ ],
179
182
  },
180
183
  {
181
- 'featureType': 'road.arterial',
182
- 'elementType': 'labels.text.fill',
183
- 'stylers': [
184
+ featureType: 'road.arterial',
185
+ elementType: 'labels.text.fill',
186
+ stylers: [
184
187
  {
185
- 'color': '#757575'
186
- }
187
- ]
188
+ color: '#757575',
189
+ },
190
+ ],
188
191
  },
189
192
  {
190
- 'featureType': 'road.highway',
191
- 'elementType': 'geometry',
192
- 'stylers': [
193
+ featureType: 'road.highway',
194
+ elementType: 'geometry',
195
+ stylers: [
193
196
  {
194
- 'color': '#dadada'
195
- }
196
- ]
197
+ color: '#dadada',
198
+ },
199
+ ],
197
200
  },
198
201
  {
199
- 'featureType': 'road.highway',
200
- 'elementType': 'labels.text.fill',
201
- 'stylers': [
202
+ featureType: 'road.highway',
203
+ elementType: 'labels.text.fill',
204
+ stylers: [
202
205
  {
203
- 'color': '#616161'
204
- }
205
- ]
206
+ color: '#616161',
207
+ },
208
+ ],
206
209
  },
207
210
  {
208
- 'featureType': 'road.local',
209
- 'elementType': 'labels.text.fill',
210
- 'stylers': [
211
+ featureType: 'road.local',
212
+ elementType: 'labels.text.fill',
213
+ stylers: [
211
214
  {
212
- 'color': '#9e9e9e'
213
- }
214
- ]
215
+ color: '#9e9e9e',
216
+ },
217
+ ],
215
218
  },
216
219
  {
217
- 'featureType': 'transit.line',
218
- 'elementType': 'geometry',
219
- 'stylers': [
220
+ featureType: 'transit.line',
221
+ elementType: 'geometry',
222
+ stylers: [
220
223
  {
221
- 'color': '#e5e5e5'
222
- }
223
- ]
224
+ color: '#e5e5e5',
225
+ },
226
+ ],
224
227
  },
225
228
  {
226
- 'featureType': 'transit.station',
227
- 'elementType': 'geometry',
228
- 'stylers': [
229
+ featureType: 'transit.station',
230
+ elementType: 'geometry',
231
+ stylers: [
229
232
  {
230
- 'color': '#eeeeee'
231
- }
232
- ]
233
+ color: '#eeeeee',
234
+ },
235
+ ],
233
236
  },
234
237
  {
235
- 'featureType': 'water',
236
- 'elementType': 'geometry',
237
- 'stylers': [
238
+ featureType: 'water',
239
+ elementType: 'geometry',
240
+ stylers: [
238
241
  {
239
- 'color': '#c9c9c9'
240
- }
241
- ]
242
+ color: '#c9c9c9',
243
+ },
244
+ ],
242
245
  },
243
246
  {
244
- 'featureType': 'water',
245
- 'elementType': 'labels.text.fill',
246
- 'stylers': [
247
+ featureType: 'water',
248
+ elementType: 'labels.text.fill',
249
+ stylers: [
247
250
  {
248
- 'color': '#9e9e9e'
249
- }
250
- ]
251
- }
251
+ color: '#9e9e9e',
252
+ },
253
+ ],
254
+ },
252
255
  ];
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "main": "lib/index.js",
3
3
  "name": "@holper/react-native-holper-storybook",
4
4
  "description": "A component library for Holper projects",
5
- "version": "0.6.55",
5
+ "version": "0.6.57",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "lib",