@holper/react-native-holper-storybook 0.6.90 → 0.6.92

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/lib/components/FlashMessage/index.js +1 -2
  2. package/lib/configs/constants.js +130 -123
  3. package/package.json +1 -1
package/lib/components/FlashMessage/index.js CHANGED
@@ -36,8 +36,7 @@ export const customRenderFlashMessageIcon = (
36
36
  return renderFlashMessageIcon(icon, style, customProps);
37
37
  };
38
38
 
39
- const statusBarHeight =
40
- Platform.OS === 'android' ? { statusBarHeight: 10 } : {};
39
+ const statusBarHeight = Platform.OS === 'android' ? { statusBarHeight: 5 } : {};
41
40
 
42
41
  export const sendMessage = ({ variant, message, description }) => {
43
42
  return showMessage({
package/lib/configs/constants.js CHANGED
@@ -1,263 +1,270 @@
1
1
  export const Colors = {
2
2
  // Blacks and Whites
3
- transparent: "transparent",
4
- white: "#FFFFFF",
5
- gray: "#D0D0D0",
6
- dimgray: "#CFCFCF",
7
- darkgray: "#2E3640",
8
- whiteice: "#E7EAEE",
9
- whitepearl: "#F7F8F9",
3
+ transparent: 'transparent',
4
+ white: '#FFFFFF',
5
+ gray: '#D0D0D0',
6
+ dimgray: '#CFCFCF',
7
+ darkgray: '#2E3640',
8
+ whiteice: '#E7EAEE',
9
+ whitepearl: '#F7F8F9',
10
10
  // Greens
11
- lightgreen: "#64FFA5",
12
- green: "#3FE384",
11
+ lightergreen: '#F5FEFA',
12
+ lightgreen: '#64FFA5',
13
+ midgreen: '#3FE39E',
14
+ green: '#3FE384',
13
15
  // Blues
14
- lightblue: "#E4E9F2",
15
- midblue: "#727C8E",
16
- darkblue: "#515C6F",
17
- brightblue: "#00D8FF",
18
- mediumblue: "#F2F7FE",
19
- blue: "#2A539C",
20
- attentionBlue: "#dbf0fe",
16
+ lightblue: '#EFF9FF',
17
+ electricblue: '#3FA5F8',
18
+ midblue: '#727C8E',
19
+ darkblue: '#515C6F',
20
+ brightblue: '#00D8FF',
21
+ mediumblue: '#F2F7FE',
22
+ blue: '#2A539C',
23
+ attentionBlue: '#dbf0fe',
21
24
  // Violet
22
- violet: "#300049",
23
- placeboPurple: "#F0ECFE",
25
+ lightviolet: '#FAF9FF',
26
+ brightviolet: '#9980FA',
27
+ violet: '#300049',
28
+ placeboPurple: '#F0ECFE',
24
29
  // Reds
25
- lightred: "#FFC1C1",
26
- red: "#FD4C4C",
30
+ lightred: '#FFC1C1',
31
+ red: '#FD4C4C',
27
32
  // Yellow
28
- lightyellow: "#F3F2D3",
29
- yellow: "#FDD100",
30
- gold: "#D4AF37",
33
+ lightyellow: '#FBFDE9',
34
+ yellow: '#FDD100',
35
+ darkyellow: ' #FFBB87',
36
+ lightgold: '#ECDFAA',
37
+ gold: '#D4AF37',
31
38
  };
32
39
 
33
40
  export const borderRadius = 8;
34
41
 
35
42
  export const ConstantsWS = Object.freeze({
36
- HIRING: "HIRING",
37
- CANCELED: "CANCELED",
38
- CANCELED_BY_PROFESSIONAL: "CANCELED_BY_PROFESSIONAL",
39
- NOT_CONFIRMED: "NOT_CONFIRMED",
40
- NOT_STARTED: "NOT_STARTED",
41
- POSTULATION: "POSTULATION",
42
- NOTIFICATION: "NOTIFICATION",
43
- CHAT: "CHAT",
44
- MAP: "MAP",
45
- RECOMMENDATION: "RECOMMENDATION",
46
- ISSUE: "ISSUE",
47
- CLOSED: "CLOSED",
48
- USER: "USER",
43
+ HIRING: 'HIRING',
44
+ CANCELED: 'CANCELED',
45
+ CANCELED_BY_PROFESSIONAL: 'CANCELED_BY_PROFESSIONAL',
46
+ NOT_CONFIRMED: 'NOT_CONFIRMED',
47
+ NOT_STARTED: 'NOT_STARTED',
48
+ POSTULATION: 'POSTULATION',
49
+ NOTIFICATION: 'NOTIFICATION',
50
+ CHAT: 'CHAT',
51
+ MAP: 'MAP',
52
+ RECOMMENDATION: 'RECOMMENDATION',
53
+ ISSUE: 'ISSUE',
54
+ CLOSED: 'CLOSED',
55
+ USER: 'USER',
49
56
  });
50
57
 
51
58
  export const HiringStatus = Object.freeze({
52
- PENDING: "pending",
53
- ON_THE_WAY: "onTheWay",
54
- ARRIVAL_CONFIRMED: "arrivalConfirmed",
55
- IN_PROGRESS: "inProgress",
56
- PAYMENT: "payment",
57
- PAYMENT_ERROR: "paymentError",
58
- DONE: "done",
59
- CANCELED: "canceled",
60
- UNPAID: "unpaid",
59
+ PENDING: 'pending',
60
+ ON_THE_WAY: 'onTheWay',
61
+ ARRIVAL_CONFIRMED: 'arrivalConfirmed',
62
+ IN_PROGRESS: 'inProgress',
63
+ PAYMENT: 'payment',
64
+ PAYMENT_ERROR: 'paymentError',
65
+ DONE: 'done',
66
+ CANCELED: 'canceled',
67
+ UNPAID: 'unpaid',
61
68
  });
62
69
 
63
70
  export const CouponStatus = Object.freeze({
64
- PENDING: "pending",
65
- IN_USE: "inUse",
66
- EXPIRED: "expired",
67
- DONE: "DONE",
71
+ PENDING: 'pending',
72
+ IN_USE: 'inUse',
73
+ EXPIRED: 'expired',
74
+ DONE: 'DONE',
68
75
  });
69
76
 
70
77
  export const NotificationsTypes = Object.freeze({
71
78
  /** New hiring is created */
72
- NEW_HIRING: "newHiring",
79
+ NEW_HIRING: 'newHiring',
73
80
  /** Professional accept immediate hiring */
74
- HIRING_IMMEDIATE: "hiringImmediate",
81
+ HIRING_IMMEDIATE: 'hiringImmediate',
75
82
  /** Professional accept scheduled hiring */
76
- HIRING_SCHEDULED: "hiringScheduled",
77
- HIRING_ACCEPTED: "hiringAccepted",
78
- HIRING_CANCELED: "hiringCanceled",
79
- HIRING_ON_THE_WAY: "hiringOnTheWay",
80
- HIRING_ARRIVAL_CONFIRMED: "hiringArrivalConfirmed",
81
- HIRING_IN_PROGRESS: "hiringInProgress",
82
- HIRING_DONE: "hiringDone",
83
- HIRING_DELAY: "hiringDelay",
84
- HIRING_DELAY_TRAFFIC: "hiringDelayTraffic",
85
- HIRING_DELAY_ACCIDENT: "hiringDelayAccident",
86
- HIRING_DELAY_WORK: "hiringDelayWork",
87
- HIRING_EXTRA_TASK: "hiringExtraTask",
88
- HIRING_EXTRA_TASK_ACCEPTED: "hiringExtraTaskAccepted",
89
- HIRING_EXTRA_TASK_REJECTED: "hiringExtraTaskRejected",
90
- HIRING_PAYMENT_REJECTED: "hiringPaymentRejected",
91
- HIRING_RATING: "hiringRating",
92
- NEW_MESSAGE: "newMessage",
83
+ HIRING_SCHEDULED: 'hiringScheduled',
84
+ HIRING_ACCEPTED: 'hiringAccepted',
85
+ HIRING_CANCELED: 'hiringCanceled',
86
+ HIRING_ON_THE_WAY: 'hiringOnTheWay',
87
+ HIRING_ARRIVAL_CONFIRMED: 'hiringArrivalConfirmed',
88
+ HIRING_IN_PROGRESS: 'hiringInProgress',
89
+ HIRING_DONE: 'hiringDone',
90
+ HIRING_DELAY: 'hiringDelay',
91
+ HIRING_DELAY_TRAFFIC: 'hiringDelayTraffic',
92
+ HIRING_DELAY_ACCIDENT: 'hiringDelayAccident',
93
+ HIRING_DELAY_WORK: 'hiringDelayWork',
94
+ HIRING_EXTRA_TASK: 'hiringExtraTask',
95
+ HIRING_EXTRA_TASK_ACCEPTED: 'hiringExtraTaskAccepted',
96
+ HIRING_EXTRA_TASK_REJECTED: 'hiringExtraTaskRejected',
97
+ HIRING_PAYMENT_REJECTED: 'hiringPaymentRejected',
98
+ HIRING_RATING: 'hiringRating',
99
+ NEW_MESSAGE: 'newMessage',
93
100
  /** Reminder for the client to open the door */
94
- REMINDER_OPEN_DOOR: "reminderOpenDoor",
101
+ REMINDER_OPEN_DOOR: 'reminderOpenDoor',
95
102
  /** Reminder for the professional to start the path */
96
- REMINDER_START_PATH: "reminderStartPath",
103
+ REMINDER_START_PATH: 'reminderStartPath',
97
104
  /** Reminder for the professional when the start time is passed */
98
- REMINDER_DELAYED: "reminderDelay",
105
+ REMINDER_DELAYED: 'reminderDelay',
99
106
  /** Reminder for the professional when arrived to mark the arrival confirmed */
100
- REMINDER_ARRIVED: "reminderArrived",
107
+ REMINDER_ARRIVED: 'reminderArrived',
101
108
  /** Reminder for the professional to start the progress */
102
- REMINDER_START_PROGRESS: "reminderStartProgress",
109
+ REMINDER_START_PROGRESS: 'reminderStartProgress',
103
110
  });
104
111
 
105
112
  export const MapStyle = [
106
113
  {
107
- elementType: "geometry",
114
+ elementType: 'geometry',
108
115
  stylers: [
109
116
  {
110
- color: "#f5f5f5",
117
+ color: '#f5f5f5',
111
118
  },
112
119
  ],
113
120
  },
114
121
  {
115
- elementType: "labels.icon",
122
+ elementType: 'labels.icon',
116
123
  stylers: [
117
124
  {
118
- visibility: "off",
125
+ visibility: 'off',
119
126
  },
120
127
  ],
121
128
  },
122
129
  {
123
- elementType: "labels.text.fill",
130
+ elementType: 'labels.text.fill',
124
131
  stylers: [
125
132
  {
126
- color: "#616161",
133
+ color: '#616161',
127
134
  },
128
135
  ],
129
136
  },
130
137
  {
131
- elementType: "labels.text.stroke",
138
+ elementType: 'labels.text.stroke',
132
139
  stylers: [
133
140
  {
134
- color: "#f5f5f5",
141
+ color: '#f5f5f5',
135
142
  },
136
143
  ],
137
144
  },
138
145
  {
139
- featureType: "administrative.land_parcel",
140
- elementType: "labels.text.fill",
146
+ featureType: 'administrative.land_parcel',
147
+ elementType: 'labels.text.fill',
141
148
  stylers: [
142
149
  {
143
- color: "#bdbdbd",
150
+ color: '#bdbdbd',
144
151
  },
145
152
  ],
146
153
  },
147
154
  {
148
- featureType: "poi",
149
- elementType: "geometry",
155
+ featureType: 'poi',
156
+ elementType: 'geometry',
150
157
  stylers: [
151
158
  {
152
- color: "#eeeeee",
159
+ color: '#eeeeee',
153
160
  },
154
161
  ],
155
162
  },
156
163
  {
157
- featureType: "poi",
158
- elementType: "labels.text.fill",
164
+ featureType: 'poi',
165
+ elementType: 'labels.text.fill',
159
166
  stylers: [
160
167
  {
161
- color: "#757575",
168
+ color: '#757575',
162
169
  },
163
170
  ],
164
171
  },
165
172
  {
166
- featureType: "poi.park",
167
- elementType: "geometry",
173
+ featureType: 'poi.park',
174
+ elementType: 'geometry',
168
175
  stylers: [
169
176
  {
170
- color: "#e5e5e5",
177
+ color: '#e5e5e5',
171
178
  },
172
179
  ],
173
180
  },
174
181
  {
175
- featureType: "poi.park",
176
- elementType: "labels.text.fill",
182
+ featureType: 'poi.park',
183
+ elementType: 'labels.text.fill',
177
184
  stylers: [
178
185
  {
179
- color: "#9e9e9e",
186
+ color: '#9e9e9e',
180
187
  },
181
188
  ],
182
189
  },
183
190
  {
184
- featureType: "road",
185
- elementType: "geometry",
191
+ featureType: 'road',
192
+ elementType: 'geometry',
186
193
  stylers: [
187
194
  {
188
- color: "#ffffff",
195
+ color: '#ffffff',
189
196
  },
190
197
  ],
191
198
  },
192
199
  {
193
- featureType: "road.arterial",
194
- elementType: "labels.text.fill",
200
+ featureType: 'road.arterial',
201
+ elementType: 'labels.text.fill',
195
202
  stylers: [
196
203
  {
197
- color: "#757575",
204
+ color: '#757575',
198
205
  },
199
206
  ],
200
207
  },
201
208
  {
202
- featureType: "road.highway",
203
- elementType: "geometry",
209
+ featureType: 'road.highway',
210
+ elementType: 'geometry',
204
211
  stylers: [
205
212
  {
206
- color: "#dadada",
213
+ color: '#dadada',
207
214
  },
208
215
  ],
209
216
  },
210
217
  {
211
- featureType: "road.highway",
212
- elementType: "labels.text.fill",
218
+ featureType: 'road.highway',
219
+ elementType: 'labels.text.fill',
213
220
  stylers: [
214
221
  {
215
- color: "#616161",
222
+ color: '#616161',
216
223
  },
217
224
  ],
218
225
  },
219
226
  {
220
- featureType: "road.local",
221
- elementType: "labels.text.fill",
227
+ featureType: 'road.local',
228
+ elementType: 'labels.text.fill',
222
229
  stylers: [
223
230
  {
224
- color: "#9e9e9e",
231
+ color: '#9e9e9e',
225
232
  },
226
233
  ],
227
234
  },
228
235
  {
229
- featureType: "transit.line",
230
- elementType: "geometry",
236
+ featureType: 'transit.line',
237
+ elementType: 'geometry',
231
238
  stylers: [
232
239
  {
233
- color: "#e5e5e5",
240
+ color: '#e5e5e5',
234
241
  },
235
242
  ],
236
243
  },
237
244
  {
238
- featureType: "transit.station",
239
- elementType: "geometry",
245
+ featureType: 'transit.station',
246
+ elementType: 'geometry',
240
247
  stylers: [
241
248
  {
242
- color: "#eeeeee",
249
+ color: '#eeeeee',
243
250
  },
244
251
  ],
245
252
  },
246
253
  {
247
- featureType: "water",
248
- elementType: "geometry",
254
+ featureType: 'water',
255
+ elementType: 'geometry',
249
256
  stylers: [
250
257
  {
251
- color: "#c9c9c9",
258
+ color: '#c9c9c9',
252
259
  },
253
260
  ],
254
261
  },
255
262
  {
256
- featureType: "water",
257
- elementType: "labels.text.fill",
263
+ featureType: 'water',
264
+ elementType: 'labels.text.fill',
258
265
  stylers: [
259
266
  {
260
- color: "#9e9e9e",
267
+ color: '#9e9e9e',
261
268
  },
262
269
  ],
263
270
  },
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.90",
5
+ "version": "0.6.92",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "lib",