imbric-theme 0.4.3 → 0.4.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. package/atoms/Icon/Icon.module.css +30 -0
  2. package/atoms/Icon/constants.js +72 -1
  3. package/atoms/Input/Input.js +104 -16
  4. package/atoms/Input/Input.module.css +18 -0
  5. package/atoms/Modal/Modal.js +8 -3
  6. package/atoms/Modal/Modal.module.css +28 -0
  7. package/index.js +1 -0
  8. package/molecules/CardDefault/CardDefault.js +64 -0
  9. package/molecules/CardDefault/CardDefault.module.css +18 -0
  10. package/molecules/CardDefault/CardDefault.stories.js +23 -0
  11. package/molecules/CardDefault/constants.js +1 -0
  12. package/molecules/CardDefault/index.js +3 -0
  13. package/molecules/CardProductTypesBooking/CardProductTypesBooking.js +39 -12
  14. package/molecules/CardProductTypesBooking/CardProductTypesBooking.module.css +59 -21
  15. package/molecules/CardServices/CardServices.js +4 -1
  16. package/molecules/DynamicSelect/DynamicSelect.js +8 -2
  17. package/molecules/InputAutocomplete/InputAutocomplete.js +265 -0
  18. package/molecules/InputAutocomplete/InputAutocomplete.module.css +55 -0
  19. package/molecules/InputAutocomplete/InputAutocomplete.stories.js +23 -0
  20. package/molecules/InputAutocomplete/constants.js +1 -0
  21. package/molecules/InputAutocomplete/index.js +3 -0
  22. package/molecules/RowTable/RowTable.js +208 -81
  23. package/molecules/RowTable/RowTable.module.css +5 -0
  24. package/molecules/RowTable/constants.js +36 -0
  25. package/package.json +3 -1
  26. package/public/static/images/csv-svgrepo-com (1).svg +16 -0
  27. package/public/static/images/csv-svgrepo-com.svg +45 -0
  28. package/public/static/images/list-svgrepo-com.svg +19 -0
  29. package/public/static/images/pdf-svgrepo-com.svg +17 -0
  30. package/public/static/images/xls-svgrepo-com (1).svg +17 -0
  31. package/public/static/images/xls-svgrepo-com.svg +24 -0
  32. package/public/static/images/email-svgrepo-com.svg +0 -10
  33. package/public/static/images/user-svgrepo-com (1).svg +0 -27
  34. package/public/static/images/user-svgrepo-com (2).svg +0 -24
  35. package/public/static/images/user-svgrepo-com (3).svg +0 -24
  36. package/public/static/images/user-svgrepo-com.svg +0 -31
package/molecules/RowTable/RowTable.js CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react'
1
+ import React, { useState } from 'react'
2
2
  import PropTypes from 'prop-types'
3
3
 
4
4
  import styles from './RowTable.module.css'
@@ -8,9 +8,27 @@ import withStyles from '../../hocs/withStyles'
8
8
  import Moment from 'react-moment'
9
9
  import Icon from '../../atoms/Icon'
10
10
  import Picture from '../../atoms/Picture'
11
+ import Check from '../../atoms/Check'
11
12
  import { Horizontal, Vertical } from '../../layout/Spacer/components'
12
13
 
13
- export const RowTable = ({ getStyles, slice, columnsData, onClickActionEdit, onClickActionSendEmail, onClickActionDelete }) => {
14
+ export const RowTable = ({
15
+ getStyles,
16
+ slice,
17
+ columnsData,
18
+ isClickRow,
19
+ onClickRow,
20
+ onClickActionUserView,
21
+ onClickActionListInvoice,
22
+ onClickActionListXLS,
23
+ onClickActionListCSV,
24
+ onClickActionListPDF,
25
+ onClickActionEdit,
26
+ onClickActionSendEmail,
27
+ onClickActionDelete,
28
+
29
+ isCheckedCheckbox,
30
+ onClickCheckbox,
31
+ }) => {
14
32
 
15
33
 
16
34
 
@@ -21,137 +39,223 @@ export const RowTable = ({ getStyles, slice, columnsData, onClickActionEdit, onC
21
39
  // }
22
40
 
23
41
 
42
+ // const handleClick = () => () => {
43
+ // // onClick()
44
+
45
+ // isChecked ? setIsChecked(false) : setIsChecked(true)
46
+
47
+ // }
48
+
49
+
24
50
  return (
25
51
  <div className={getStyles('tbl-content')}>
26
52
  <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
27
53
  <tbody>
28
54
  {slice.map((item, index) => (
29
55
 
30
- <tr key={index}>
56
+ <tr className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
57
+
31
58
  {columnsData.map((itemTd) => (
32
59
  itemTd.activeView ?
33
60
  (
34
61
 
35
- itemTd.isPicture
62
+
63
+ itemTd.isCheckbox
36
64
 
37
65
  ?
38
- <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor]}>
39
- <Picture
40
- src={item[itemTd.accessor]}
41
- width={50}
66
+ <td
67
+ className={getStyles('td', 'tdacction')}
68
+ key={[itemTd.accessor]}
69
+ onClick={(e) => {
70
+ onClickCheckbox(e, item)
71
+ // isChecked ? setIsChecked(false) : setIsChecked(true)
72
+ }}>
73
+
74
+ <Check id={item[itemTd.accessor]} isChecked={isCheckedCheckbox}
75
+
42
76
  />
43
77
  </td>
44
78
  :
45
79
 
46
- itemTd.subAccessor === 'action'
47
-
48
- ?
49
80
 
50
- <td className={getStyles('td')} key={[itemTd.accessor]}>
51
-
52
- {itemTd.viewEdit ?
53
- <>
54
- <Icon
55
- background="base"
56
- name="edit"
57
- onClick={(e) => { onClickActionEdit(e, item) }}
58
- />
59
- <Horizontal size="xs" />
60
- </>
61
- : null}
62
-
63
- {itemTd.viewEmailSend ?
64
- <>
65
- <Icon
66
- background="base"
67
- name="sendEmail"
68
- // onClick={(e) => onClickEdit(e, item)}
69
- onClick={e => { onClickActionSendEmail(e, item) }}
70
- />
71
- <Horizontal size="xs" />
72
- </>
73
- : null}
74
-
75
- {itemTd.viewTrash ?
76
- <>
77
- <Icon
78
- background="base"
79
- name="trash"
80
- // onClick={(e) => onClickEdit(e, item)}
81
- onClick={e => { onClickActionDelete(e, item) }}
82
- />
83
- <Horizontal size="xs" />
84
- </>
85
- : null}
81
+ itemTd.isPicture
86
82
 
83
+ ?
84
+ <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor]}>
85
+ <Picture
86
+ src={item[itemTd.accessor]}
87
+ width={50}
88
+ />
87
89
  </td>
88
-
89
90
  :
90
91
 
91
- itemTd.subAccessor !== ''
92
+ itemTd.subAccessor === 'action'
92
93
 
93
94
  ?
94
95
 
95
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
96
+ <td className={getStyles('td')} key={[itemTd.accessor]}>
97
+
98
+ {itemTd.viewUserView ?
99
+ <>
100
+ <Icon
101
+ background="base"
102
+ name="userView"
103
+ onClick={(e) => { onClickActionUserView(e, item) }}
104
+ />
105
+ <Horizontal size="xs" />
106
+ </>
107
+ : null}
108
+
109
+
110
+ {itemTd.viewListInvoice ?
111
+ <>
112
+ <Icon
113
+ background="base"
114
+ name="listInvoice"
115
+ onClick={(e) => { onClickActionListInvoice(e, item) }}
116
+ />
117
+ <Horizontal size="xs" />
118
+ </>
119
+ : null}
120
+
121
+ {itemTd.viewListXLS ?
122
+ <>
123
+ <Icon
124
+ background="base"
125
+ name="listXLS"
126
+ onClick={(e) => { onClickActionListXLS(e, item) }}
127
+ />
128
+ <Horizontal size="xs" />
129
+ </>
130
+ : null}
131
+
132
+ {itemTd.viewListCSV ?
133
+ <>
134
+ <Icon
135
+ background="base"
136
+ name="listCSV"
137
+ onClick={(e) => { onClickActionListCSV(e, item) }}
138
+ />
139
+ <Horizontal size="xs" />
140
+ </>
141
+ : null}
142
+
143
+ {itemTd.viewListPDF ?
144
+ <>
145
+ <Icon
146
+ background="base"
147
+ name="listPDF"
148
+ onClick={(e) => { onClickActionListPDF(e, item) }}
149
+ />
150
+ <Horizontal size="xs" />
151
+ </>
152
+ : null}
153
+
154
+
155
+
156
+ {itemTd.viewEdit ?
157
+ <>
158
+ <Icon
159
+ background="base"
160
+ name="edit"
161
+ onClick={(e) => { onClickActionEdit(e, item) }}
162
+ />
163
+ <Horizontal size="xs" />
164
+ </>
165
+ : null}
166
+
167
+ {itemTd.viewEmailSend ?
168
+ <>
169
+ <Icon
170
+ background="base"
171
+ name="sendEmail"
172
+ // onClick={(e) => onClickEdit(e, item)}
173
+ onClick={e => { onClickActionSendEmail(e, item) }}
174
+ />
175
+ <Horizontal size="xs" />
176
+ </>
177
+ : null}
178
+
179
+ {itemTd.viewTrash ?
180
+ <>
181
+ <Icon
182
+ background="base"
183
+ name="trash"
184
+ // onClick={(e) => onClickEdit(e, item)}
185
+ onClick={e => { onClickActionDelete(e, item) }}
186
+ />
187
+ <Horizontal size="xs" />
188
+ </>
189
+ : null}
190
+
191
+ </td>
96
192
 
97
193
  :
98
194
 
99
- itemTd.typeFilter === 'date'
195
+ itemTd.subAccessor !== ''
100
196
 
101
197
  ?
102
198
 
103
- <td className={getStyles('td')} key={[itemTd.accessor]}>
104
- <Moment format="DD/MM/YYYY hh:mm:ss">
105
- {item[itemTd.accessor]}
106
- </Moment>
107
- </td>
199
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
108
200
 
109
201
  :
110
202
 
111
- itemTd.typeFilter === 'select'
203
+ itemTd.typeFilter === 'date'
112
204
 
113
205
  ?
114
206
 
115
- itemTd.optionsSelect.map((itemSelect) => (
207
+ <td className={getStyles('td')} key={[itemTd.accessor]}>
208
+ <Moment format="DD/MM/YYYY hh:mm:ss">
209
+ {item[itemTd.accessor]}
210
+ </Moment>
211
+ </td>
116
212
 
213
+ :
117
214
 
118
- item[itemTd.accessor] === itemSelect.value ?
215
+ itemTd.typeFilter === 'select'
119
216
 
120
- <td className={getStyles('td')} key={[itemTd.accessor]}>
121
- {itemSelect.label}
122
- </td>
217
+ ?
123
218
 
124
- :
219
+ itemTd.optionsSelect.map((itemSelect) => (
125
220
 
126
- null
127
- ))
128
221
 
129
- :
222
+ item[itemTd.accessor] === itemSelect.value ?
130
223
 
131
- itemTd.typeFilter === 'number'
224
+ <td className={getStyles('td')} key={[itemTd.accessor]}>
225
+ {itemSelect.label}
226
+ </td>
132
227
 
133
- ?
228
+ :
229
+
230
+ null
231
+ ))
232
+
233
+ :
134
234
 
135
- itemTd.subTypeFilter
235
+ itemTd.typeFilter === 'number'
136
236
 
137
237
  ?
138
238
 
139
- itemTd.characterExtra === 'km'
239
+ itemTd.subTypeFilter
240
+
140
241
  ?
141
- <td className={getStyles('td')} key={[itemTd.accessor]}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
242
+
243
+ itemTd.characterExtra === 'km'
244
+ ?
245
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
246
+ :
247
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
142
248
  :
143
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
144
- :
145
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
249
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
146
250
 
147
- :
251
+ :
148
252
 
149
- itemTd.subTypeFilter
253
+ itemTd.subTypeFilter
150
254
 
151
- ?
152
- <td className={getStyles('td')} key={[itemTd.accessor]}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
153
- :
154
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
255
+ ?
256
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
257
+ :
258
+ <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
155
259
 
156
260
  ) : null
157
261
  ))}
@@ -167,14 +271,37 @@ export const RowTable = ({ getStyles, slice, columnsData, onClickActionEdit, onC
167
271
  RowTable.propTypes = {
168
272
  getStyles: PropTypes.func.isRequired,
169
273
  type: PropTypes.oneOf(options.types),
274
+ isClickRow: PropTypes.bool,
275
+ onClickRow: PropTypes.func,
276
+ onClickCheckbox: PropTypes.func,
277
+ onClickActionUserView: PropTypes.func,
278
+ onClickActionListInvoice: PropTypes.func,
279
+ onClickActionListXLS: PropTypes.func,
280
+ onClickActionListCSV: PropTypes.func,
281
+ onClickActionListPDF: PropTypes.func,
170
282
  onClickActionEdit: PropTypes.func,
171
283
  onClickActionSendEmail: PropTypes.func,
172
- onClickActionDelete: PropTypes.func
284
+ onClickActionDelete: PropTypes.func,
285
+
286
+ isCheckedCheckbox: PropTypes.bool
173
287
  }
174
288
 
175
289
  RowTable.defaultProps = {
176
290
  getStyles: () => { },
291
+ isClickRow: false,
292
+ onClickRow: () => { },
293
+ onClickCheckbox: () => { },
294
+ onClickActionUserView: () => { },
295
+ onClickActionListInvoice: () => { },
296
+ onClickActionListXLS: () => { },
297
+ onClickActionListCSV: () => { },
298
+ onClickActionListPDF: () => { },
177
299
  onClickActionEdit: () => { },
300
+ onClickActionSendEmail: () => { },
301
+ onClickActionDelete: () => { },
302
+
303
+ isCheckedCheckbox: false
304
+
178
305
  }
179
306
 
180
307
  export default withStyles(styles)(RowTable)
package/molecules/RowTable/RowTable.module.css CHANGED
@@ -25,4 +25,9 @@
25
25
  max-width: 80px;
26
26
  min-width: 80px;
27
27
  width: 80px;
28
+ }
29
+
30
+ .tr-content:hover {
31
+ background-color: #edf1fe;
32
+ cursor: pointer;
28
33
  }
package/molecules/RowTable/constants.js CHANGED
@@ -72,6 +72,7 @@ export const options = {
72
72
  authorizationBreakValue6: "U0193271095",
73
73
  authorizationBreakValue7: "FACILITIES",
74
74
  iconUrl: "https://resources.callcenter.cab/img/travelprograms/imbric_taxi_satin.png",
75
+ idCheckbox: 'checkbox1'
75
76
  },
76
77
  {
77
78
  id: 346248955,
@@ -138,6 +139,7 @@ export const options = {
138
139
  authorizationBreakValue6: "U0193271095",
139
140
  authorizationBreakValue7: "FACILITIES",
140
141
  iconUrl: "https://resources.callcenter.cab/img/travelprograms/imbric_taxi_satin.png",
142
+ idCheckbox: 'checkbox2',
141
143
  },
142
144
  {
143
145
  id: 346248954,
@@ -204,6 +206,7 @@ export const options = {
204
206
  authorizationBreakValue6: "U0193271095",
205
207
  authorizationBreakValue7: "FACILITIES",
206
208
  iconUrl: "https://resources.callcenter.cab/img/travelprograms/imbric_taxi_satin.png",
209
+ idCheckbox: 'checkbox3'
207
210
  }
208
211
  ],
209
212
 
@@ -355,6 +358,34 @@ export const options = {
355
358
  nameInput: 'ID Proveedor',
356
359
  placeholder: 'ID Proveedor'
357
360
  },
361
+ {
362
+ activeView: true,
363
+ sortable: false,
364
+ accessor: 'idCheckbox',
365
+ subAccessor: '',
366
+ title: 'IdCheckbox',
367
+ viewIsFilter: false,
368
+ typeFilter: '',
369
+ subTypeFilter: false,
370
+ idInput: '',
371
+ nameInput: '',
372
+ placeholder: '',
373
+ isCheckbox: true,
374
+ },
375
+ // {
376
+ // accessor: 'idCheckbox',
377
+ // subAccessor: 'idCheckbox',
378
+ // activeView: true,
379
+ // idInput: 'idCheckbox',
380
+ // nameInput: 'idCheckboxs',
381
+ // placeholder: '',
382
+ // sortable: false,
383
+ // subTypeFilter: false,
384
+ // title: '',
385
+ // typeFilter: 'text',
386
+ // viewIsFilter: false,
387
+ // isCheckbox: true,
388
+ // },
358
389
  {
359
390
  accessor: 'action',
360
391
  subAccessor: 'action',
@@ -367,6 +398,11 @@ export const options = {
367
398
  title: '',
368
399
  typeFilter: 'text',
369
400
  viewIsFilter: false,
401
+ viewUserView: true,
402
+ viewListInvoice: true,
403
+ viewListXLS: true,
404
+ viewListCSV: true,
405
+ viewListPDF: true,
370
406
  viewEdit: true,
371
407
  viewTrash: true,
372
408
  viewEmailSend: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "0.4.3",
3
+ "version": "0.4.4",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",
@@ -59,7 +59,9 @@
59
59
  "react-moment": "1.1.2",
60
60
  "react-router": "6.3.0",
61
61
  "react-router-dom": "6.3.0",
62
+ "react-search-autocomplete": "7.2.2",
62
63
  "react-select": "5.3.2",
64
+ "react-spinners": "0.13.4",
63
65
  "sweetalert2": "11.4.14",
64
66
  "sweetalert2-react-content": "5.0.0",
65
67
  "yup": "0.32.11"
package/public/static/images/csv-svgrepo-com (1).svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <g>
6
+ <polygon points="8,11.2 8,9.6 4,9.6 3.2,9.6 3.2,10.4 3.2,16.8 3.2,17.6 4,17.6 8,17.6 8,16 4.8,16 4.8,11.2 "/>
7
+ <path d="M20.8,21.6c0,0.4-0.4,0.8-0.8,0.8H4c-0.4,0-0.8-0.4-0.8-0.8v-2.4H1.6v2.4C1.6,22.9,2.7,24,4,24h16c1.3,0,2.4-1.1,2.4-2.4
8
+ v-2.4h-1.6V21.6z"/>
9
+ <path d="M22.2,5l-4.8-4.8l-0.6,0.6l0,0l0.6-0.6L17.1,0h-0.3H4C2.7,0,1.6,1.1,1.6,2.4V8h1.6V2.4C3.2,2,3.6,1.6,4,1.6h12.5l4.3,4.3V8
10
+ h1.6V5.6V5.3L22.2,5z"/>
11
+ <polygon points="9.6,16 9.6,17.6 13.6,17.6 14.4,17.6 14.4,16.8 14.4,13.6 14.4,12.8 13.6,12.8 11.2,12.8 11.2,11.2 14.4,11.2
12
+ 14.4,9.6 10.4,9.6 9.6,9.6 9.6,10.4 9.6,13.6 9.6,14.4 10.4,14.4 12.8,14.4 12.8,16 "/>
13
+ <polygon points="16,9.6 16,15.2 16,15.5 16.2,15.8 16.8,15.2 16.8,15.2 16.2,15.8 17.8,17.4 18.4,17.9 19,17.4 20.6,15.8
14
+ 20.8,15.5 20.8,15.2 20.8,9.6 19.2,9.6 19.2,14.9 18.4,15.7 17.6,14.9 17.6,9.6 "/>
15
+ </g>
16
+ </svg>
package/public/static/images/csv-svgrepo-com.svg ADDED
@@ -0,0 +1,45 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:none;}
7
+ </style>
8
+ <polygon class="st0" points="3.2,9.3 1.9,10.5 3.2,10.5 "/>
9
+ <rect x="4.1" y="20.8" class="st0" width="15.7" height="2"/>
10
+ <path class="st0" d="M19.9,8.1V5.6h-3.9c-0.3,0-0.5-0.2-0.5-0.5V1.2H4.1v6.9v2.5h15.7V8.1z"/>
11
+ <polygon class="st0" points="16.4,1.9 16.4,4.6 19.2,4.6 "/>
12
+ <polygon class="st0" points="20.8,9.3 20.8,10.5 22.1,10.5 "/>
13
+ <path class="st0" d="M3.6,11.5H1.2v8.4h21.6v-8.4h-2.5H3.6z M7.4,16.8c0.1,0.3,0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.3,0.4,0.5
14
+ c0.2,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.3-0.2,0.4-0.4l0.6,0.7c-0.2,0.2-0.4,0.4-0.6,0.6S8.9,19,8.5,19
15
+ c-0.3,0-0.6-0.1-0.9-0.2s-0.5-0.4-0.7-0.6c-0.2-0.3-0.3-0.6-0.4-1c-0.1-0.4-0.2-0.8-0.2-1.2c0-0.5,0.1-0.9,0.2-1.2
16
+ c0.1-0.4,0.2-0.7,0.4-1c0.2-0.3,0.4-0.5,0.7-0.6c0.3-0.2,0.6-0.2,0.9-0.2c0.3,0,0.6,0.1,0.9,0.2c0.3,0.1,0.5,0.3,0.6,0.5l-0.6,0.7
17
+ c-0.2-0.3-0.5-0.5-0.9-0.5c-0.2,0-0.4,0.1-0.5,0.2c-0.2,0.1-0.3,0.3-0.4,0.5c-0.1,0.2-0.2,0.4-0.2,0.7c-0.1,0.3-0.1,0.5-0.1,0.8
18
+ C7.4,16.2,7.4,16.5,7.4,16.8z M11.7,15.1c0.2,0.1,0.3,0.3,0.6,0.4c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.1,0.3,0.2,0.4,0.3
19
+ c0.1,0.1,0.2,0.3,0.3,0.5s0.1,0.4,0.1,0.7c0,0.3,0,0.5-0.1,0.8c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.3,0.3-0.5,0.3
20
+ C12.3,19,12.1,19,11.9,19c-0.3,0-0.6-0.1-0.9-0.2c-0.3-0.1-0.5-0.3-0.7-0.5l0.5-0.7c0.1,0.2,0.3,0.3,0.5,0.4
21
+ c0.2,0.1,0.4,0.1,0.6,0.1c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.6c0-0.3-0.1-0.5-0.3-0.6c-0.2-0.2-0.4-0.3-0.6-0.4
22
+ c-0.2-0.1-0.3-0.2-0.5-0.3s-0.3-0.2-0.4-0.3c-0.1-0.1-0.2-0.3-0.3-0.5c-0.1-0.2-0.1-0.4-0.1-0.6c0-0.3,0-0.6,0.1-0.8
23
+ c0.1-0.2,0.2-0.4,0.4-0.5c0.2-0.1,0.3-0.3,0.5-0.3c0.2-0.1,0.4-0.1,0.6-0.1c0.3,0,0.6,0,0.8,0.1c0.2,0.1,0.4,0.2,0.6,0.4l-0.6,0.7
24
+ c-0.2-0.3-0.5-0.4-0.8-0.4c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0.1-0.2,0.1c-0.1,0.1-0.1,0.2-0.2,0.3c0,0.1-0.1,0.2-0.1,0.4
25
+ C11.5,14.8,11.6,15,11.7,15.1z M16.5,18.9h-1.3L13.8,13h1.1l1,4.7h0l1-4.7H18L16.5,18.9z"/>
26
+ <path d="M23.8,11c0,0,0-0.1,0-0.1c0,0,0,0,0,0c0-0.1-0.1-0.1-0.1-0.1c0,0,0,0,0,0l-2.8-2.8V5.1c0,0,0,0,0,0c0,0,0-0.1,0-0.1
27
+ c0,0,0,0,0,0c0-0.1-0.1-0.1-0.1-0.1l-4.4-4.4c0,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0c0,0-0.1,0-0.1,0c0,0,0,0,0,0H3.6
28
+ c-0.3,0-0.5,0.2-0.5,0.5v7.2l-2.8,2.8c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0c0,0,0,0.1,0,0.1c0,0,0,0,0,0v9.3
29
+ c0,0.3,0.2,0.5,0.5,0.5h2.5v2.5c0,0.3,0.2,0.5,0.5,0.5h16.7c0.3,0,0.5-0.2,0.5-0.5v-2.5h2.5c0.3,0,0.5-0.2,0.5-0.5L23.8,11
30
+ C23.8,11,23.8,11,23.8,11z M20.8,9.3l1.3,1.3h-1.3V9.3z M16.4,1.9l2.7,2.7h-2.7V1.9z M4.1,8.1V1.2h11.3v3.9c0,0.3,0.2,0.5,0.5,0.5
31
+ h3.9v2.5v2.5H4.1V8.1z M3.2,9.3v1.3H1.9L3.2,9.3z M19.9,22.8H4.1v-2h15.7V22.8z M22.8,19.9H1.2v-8.4h2.5h16.7h2.5V19.9z"/>
32
+ <path d="M11.7,13.9c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.6,0.1,0.8,0.4l0.6-0.7c-0.2-0.2-0.4-0.3-0.6-0.4
33
+ c-0.2-0.1-0.5-0.1-0.8-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.5,0.3c-0.2,0.1-0.3,0.3-0.4,0.5c-0.1,0.2-0.1,0.5-0.1,0.8
34
+ c0,0.2,0,0.5,0.1,0.6c0.1,0.2,0.2,0.3,0.3,0.5c0.1,0.1,0.2,0.2,0.4,0.3s0.3,0.2,0.5,0.3c0.3,0.1,0.5,0.3,0.6,0.4
35
+ c0.2,0.2,0.3,0.4,0.3,0.6c0,0.3-0.1,0.5-0.2,0.6c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.3-0.2-0.5-0.4l-0.5,0.7
36
+ c0.2,0.2,0.4,0.4,0.7,0.5c0.3,0.1,0.6,0.2,0.9,0.2c0.2,0,0.4,0,0.7-0.1c0.2-0.1,0.4-0.2,0.5-0.3c0.2-0.2,0.3-0.3,0.4-0.6
37
+ c0.1-0.2,0.1-0.5,0.1-0.8c0-0.3,0-0.5-0.1-0.7s-0.2-0.3-0.3-0.5c-0.1-0.1-0.3-0.2-0.4-0.3c-0.2-0.1-0.3-0.2-0.4-0.3
38
+ c-0.2-0.1-0.4-0.3-0.6-0.4c-0.2-0.1-0.2-0.3-0.2-0.6c0-0.1,0-0.3,0.1-0.4C11.6,14.1,11.6,14,11.7,13.9z"/>
39
+ <path d="M7.7,14.4C7.8,14.2,7.9,14,8,13.9c0.2-0.1,0.3-0.2,0.5-0.2c0.4,0,0.7,0.2,0.9,0.5l0.6-0.7c-0.2-0.2-0.4-0.4-0.6-0.5
40
+ c-0.3-0.1-0.6-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.2-0.5,0.4-0.7,0.6c-0.2,0.3-0.3,0.6-0.4,1c-0.1,0.4-0.2,0.8-0.2,1.2
41
+ c0,0.5,0.1,0.9,0.2,1.2c0.1,0.4,0.2,0.7,0.4,1c0.2,0.3,0.4,0.5,0.7,0.6S8.2,19,8.5,19c0.4,0,0.7-0.1,0.9-0.2s0.4-0.3,0.6-0.6
42
+ l-0.6-0.7c-0.1,0.1-0.2,0.3-0.4,0.4c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.5-0.2c-0.2-0.1-0.3-0.3-0.4-0.5
43
+ c-0.1-0.2-0.2-0.4-0.2-0.7c-0.1-0.3-0.1-0.5-0.1-0.8c0-0.3,0-0.6,0.1-0.8C7.5,14.8,7.6,14.6,7.7,14.4z"/>
44
+ <polygon points="15.9,17.7 15.9,17.7 14.9,13 13.8,13 15.2,18.9 16.5,18.9 18,13 16.9,13 "/>
45
+ </svg>
package/public/static/images/list-svgrepo-com.svg ADDED
@@ -0,0 +1,19 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <g>
6
+ <g>
7
+ <path d="M23.9,2.3H9c0,0-0.1,0-0.1,0.1v1.4c0,0,0,0.1,0.1,0.1h15c0,0,0.1,0,0.1-0.1L23.9,2.3C24,2.3,24,2.3,23.9,2.3z"/>
8
+ <circle cx="3.5" cy="12.5" r="1.9"/>
9
+ <circle cx="3.5" cy="20.8" r="1.9"/>
10
+ <path d="M9,6.3h7.1c0,0,0.1,0,0.1-0.1V4.9c0,0,0-0.1-0.1-0.1H9c0,0-0.1,0-0.1,0.1L9,6.3C8.9,6.3,9,6.3,9,6.3z"/>
11
+ <path d="M23.9,10.5H9c0,0-0.1,0-0.1,0.1V12C8.9,12,9,12,9,12h15c0,0,0.1,0,0.1-0.1L23.9,10.5C24,10.5,24,10.5,23.9,10.5z"/>
12
+ <path d="M9,14.6h7.1c0,0,0.1,0,0.1-0.1v-1.4c0,0,0-0.1-0.1-0.1H9c0,0-0.1,0-0.1,0.1L9,14.6C8.9,14.5,9,14.6,9,14.6z"/>
13
+ <path d="M23.9,18.7H9c0,0-0.1,0-0.1,0.1v1.4c0,0,0,0.1,0.1,0.1h15c0,0,0.1,0,0.1-0.1L23.9,18.7C24,18.8,24,18.7,23.9,18.7z"/>
14
+ <path d="M16.1,21.3H9c0,0-0.1,0-0.1,0.1v1.4c0,0,0,0.1,0.1,0.1h7.1c0,0,0.1,0,0.1-0.1L16.1,21.3C16.1,21.3,16.1,21.3,16.1,21.3z"
15
+ />
16
+ <polygon points="2.6,4.3 1.4,3 0,4.3 1.3,5.6 2.6,7 4,5.6 7.1,2.6 5.7,1.2 "/>
17
+ </g>
18
+ </g>
19
+ </svg>
package/public/static/images/pdf-svgrepo-com.svg ADDED
@@ -0,0 +1,17 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <g>
6
+ <path d="M4.8,14.4h0.8C7,14.4,8,13.3,8,12S7,9.6,5.6,9.6H4H3.3v0.8v3.2v4h1.6V14.4z M6.4,12c0,0.4-0.4,0.8-0.8,0.8H4.8v-1.6h0.8
7
+ C6.1,11.2,6.4,11.6,6.4,12z"/>
8
+ <path d="M20.7,21.5c0,0.4-0.4,0.8-0.8,0.8H4c-0.4,0-0.8-0.4-0.8-0.8v-2.4H1.7v2.4c0,1.3,1.1,2.4,2.4,2.4H20c1.3,0,2.4-1.1,2.4-2.4
9
+ v-2.4h-1.6V21.5z"/>
10
+ <path d="M14.4,15.2V12c0-1.3-1.1-2.4-2.4-2.4h-1.6H9.6v0.8v6.4v0.8h0.8H12C13.3,17.6,14.4,16.5,14.4,15.2z M11.2,16v-4.8H12
11
+ c0.4,0,0.8,0.4,0.8,0.8v3.2c0,0.4-0.4,0.8-0.8,0.8H11.2z"/>
12
+ <polygon points="20.7,11.2 20.7,9.6 17.6,9.6 16.8,9.6 16,9.6 16,17.6 17.6,17.6 17.6,14.4 19.2,14.4 19.2,12.8 17.6,12.8
13
+ 17.6,11.2 "/>
14
+ <path d="M22.1,5.1l-0.6,0.6l0,0L22.1,5.1l-4.8-4.8l-0.6,0.6l0,0l0.6-0.6l-0.2-0.2h-0.3H4c-1.3,0-2.4,1.1-2.4,2.4V8h1.6V2.5
15
+ C3.3,2,3.6,1.7,4,1.7h12.4L20.7,6V8h1.6V5.6V5.3L22.1,5.1z"/>
16
+ </g>
17
+ </svg>
package/public/static/images/xls-svgrepo-com (1).svg ADDED
@@ -0,0 +1,17 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <g>
6
+ <path d="M20.8,21.6c0,0.4-0.4,0.8-0.8,0.8H4c-0.4,0-0.8-0.4-0.8-0.8v-2.4H1.6v2.4C1.6,22.9,2.7,24,4,24h16c1.3,0,2.4-1.1,2.4-2.4
7
+ v-2.4h-1.6V21.6z"/>
8
+ <polygon points="3.2,14.9 3.2,15.2 3.2,17.6 4.8,17.6 4.8,15.5 5.6,14.7 6.4,15.5 6.4,17.6 8,17.6 8,15.2 8,14.9 7.8,14.6
9
+ 6.7,13.6 7.8,12.6 8,12.3 8,12 8,9.6 6.4,9.6 6.4,11.7 5.6,12.5 4.8,11.7 4.8,9.6 3.2,9.6 3.2,12 3.2,12.3 3.4,12.6 4.5,13.6
10
+ 3.4,14.6 "/>
11
+ <polygon points="16,16 16,17.6 20,17.6 20.8,17.6 20.8,16.8 20.8,13.6 20.8,12.8 20,12.8 17.6,12.8 17.6,11.2 20.8,11.2 20.8,9.6
12
+ 16.8,9.6 16,9.6 16,10.4 16,13.6 16,14.4 16.8,14.4 19.2,14.4 19.2,16 "/>
13
+ <polygon points="9.6,9.6 9.6,16.8 9.6,17.6 10.4,17.6 14.4,17.6 14.4,16 11.2,16 11.2,9.6 "/>
14
+ <path d="M22.2,5l-4.8-4.8l-0.6,0.6l0,0l0.6-0.6L17.1,0h-0.3H4C2.7,0,1.6,1.1,1.6,2.4V8h1.6V2.4C3.2,2,3.6,1.6,4,1.6h12.5l4.3,4.3V8
15
+ h1.6V5.6V5.3L22.2,5z"/>
16
+ </g>
17
+ </svg>
package/public/static/images/xls-svgrepo-com.svg ADDED
@@ -0,0 +1,24 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
+ <g>
6
+ <g>
7
+ <path d="M23.8,11c0,0,0-0.1,0-0.1c0,0,0,0,0,0c0-0.1-0.1-0.1-0.1-0.1c0,0,0,0,0,0l-2.8-2.8V5.1c0,0,0,0,0,0c0,0,0-0.1,0-0.1
8
+ c0,0,0,0,0,0c0-0.1-0.1-0.1-0.1-0.1l-4.4-4.4c0,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0c0,0-0.1,0-0.1,0c0,0,0,0,0,0H3.6
9
+ c-0.3,0-0.5,0.2-0.5,0.5v7.2l-2.8,2.8c0,0,0,0,0,0c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0c0,0,0,0.1,0,0.1c0,0,0,0,0,0v9.3
10
+ c0,0.3,0.2,0.5,0.5,0.5h2.5v2.5c0,0.3,0.2,0.5,0.5,0.5h16.7c0.3,0,0.5-0.2,0.5-0.5v-2.5h2.5c0.3,0,0.5-0.2,0.5-0.5L23.8,11
11
+ C23.8,11,23.8,11,23.8,11z M22.1,10.5h-1.3V9.3L22.1,10.5z M19.2,4.6h-2.7V1.9L19.2,4.6z M4.1,1.2h11.3v3.9c0,0.3,0.2,0.5,0.5,0.5
12
+ h3.9v2.5v2.5H4.1V8.1V1.2z M3.2,9.3v1.3H1.9L3.2,9.3z M19.9,22.8H4.1v-2h15.7V22.8z M22.8,19.9H1.2v-8.4h2.5h16.7h2.5V19.9z"/>
13
+ <polygon points="12.2,13 11.2,13 11.2,18.9 13.8,18.9 13.8,18 12.2,18 "/>
14
+ <path d="M15.4,13.9c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.6,0.1,0.8,0.4l0.6-0.7c-0.2-0.2-0.4-0.3-0.6-0.4
15
+ c-0.2-0.1-0.5-0.1-0.8-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.5,0.3c-0.2,0.1-0.3,0.3-0.4,0.5c-0.1,0.2-0.1,0.5-0.1,0.8
16
+ c0,0.2,0,0.5,0.1,0.6c0.1,0.2,0.2,0.3,0.3,0.5c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.3,0.2,0.5,0.3c0.3,0.1,0.5,0.3,0.6,0.4
17
+ c0.2,0.2,0.3,0.4,0.3,0.6c0,0.3-0.1,0.5-0.2,0.6c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.3-0.2-0.5-0.4L14,18.4
18
+ c0.2,0.2,0.4,0.4,0.7,0.5C15,19,15.3,19,15.6,19c0.2,0,0.4,0,0.7-0.1c0.2-0.1,0.4-0.2,0.5-0.3c0.2-0.2,0.3-0.3,0.4-0.6
19
+ c0.1-0.2,0.1-0.5,0.1-0.8c0-0.3,0-0.5-0.1-0.7c-0.1-0.2-0.2-0.3-0.3-0.5c-0.1-0.1-0.3-0.2-0.4-0.3c-0.2-0.1-0.3-0.2-0.4-0.3
20
+ c-0.2-0.1-0.4-0.3-0.6-0.4c-0.2-0.1-0.2-0.3-0.2-0.6c0-0.1,0-0.3,0.1-0.4C15.3,14.1,15.4,14,15.4,13.9z"/>
21
+ <polygon points="10.4,13 9.4,13 8.5,15 7.6,13 6.6,13 7.9,15.8 6.4,18.9 7.5,18.9 8.5,16.6 9.5,18.9 10.5,18.9 9,15.8 "/>
22
+ </g>
23
+ </g>
24
+ </svg>
package/public/static/images/email-svgrepo-com.svg DELETED
@@ -1,10 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
- <g>
6
- <path d="M24,5.8h-8.2v1.5h6.7v1L12,14.7L1.5,8.3V7.3h6.6V5.8H0v16.9h24V5.8z M22.5,19.7l-5.2-6.5l5.2-3.2V19.7z M12,16.3
7
- c0.1,0,0.3,0,0.4-0.1L16,14l5.7,7.1H2.3L8,14l3.6,2.2C11.7,16.3,11.9,16.3,12,16.3z M6.7,13.2l-5.2,6.5v-9.6L6.7,13.2z"/>
8
- <polygon points="12.7,10.8 12.7,5.2 14.7,5.2 12,1.4 9.3,5.2 11.3,5.2 11.3,10.8 "/>
9
- </g>
10
- </svg>