formik-form-components 2.0.3 → 2.0.4

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 (78) hide show
  1. package/README.md +1 -21
  2. package/dist/Form/AppAutoCompleter.d.ts +1 -2
  3. package/dist/Form/AppAutoCompleter.d.ts.map +1 -1
  4. package/dist/Form/AppCheckBox.d.ts +1 -1
  5. package/dist/Form/AppCheckBox.d.ts.map +1 -1
  6. package/dist/Form/AppDateAndTimePicker.d.ts +1 -1
  7. package/dist/Form/AppDateAndTimePicker.d.ts.map +1 -1
  8. package/dist/Form/AppFormErrorMessage.d.ts +1 -1
  9. package/dist/Form/AppFormErrorMessage.d.ts.map +1 -1
  10. package/dist/Form/AppInputField.d.ts +1 -1
  11. package/dist/Form/AppInputField.d.ts.map +1 -1
  12. package/dist/Form/AppMultiSelector.d.ts +1 -1
  13. package/dist/Form/AppMultiSelector.d.ts.map +1 -1
  14. package/dist/Form/AppPhoneNoInput.d.ts +1 -1
  15. package/dist/Form/AppPhoneNoInput.d.ts.map +1 -1
  16. package/dist/Form/AppRadioGroup.d.ts +1 -1
  17. package/dist/Form/AppRadioGroup.d.ts.map +1 -1
  18. package/dist/Form/AppRating.d.ts +1 -1
  19. package/dist/Form/AppRating.d.ts.map +1 -1
  20. package/dist/Form/AppSimpleUploadFile.d.ts +1 -1
  21. package/dist/Form/AppSimpleUploadFile.d.ts.map +1 -1
  22. package/dist/Form/AppSwitch.d.ts +1 -2
  23. package/dist/Form/AppSwitch.d.ts.map +1 -1
  24. package/dist/Form/AppTagsCreator.d.ts +1 -2
  25. package/dist/Form/AppTagsCreator.d.ts.map +1 -1
  26. package/dist/Form/AppTextArea.d.ts +1 -1
  27. package/dist/Form/AppTextArea.d.ts.map +1 -1
  28. package/dist/Form/AppUploadFile.d.ts +1 -1
  29. package/dist/Form/AppUploadFile.d.ts.map +1 -1
  30. package/dist/Form/SubmitButton.d.ts +1 -1
  31. package/dist/Form/SubmitButton.d.ts.map +1 -1
  32. package/dist/index.d.ts +17 -0
  33. package/dist/index.esm.js +2 -1
  34. package/dist/index.js +2 -1
  35. package/dist/lib/index.d.ts +17 -0
  36. package/dist/lib/index.d.ts.map +1 -1
  37. package/package.json +16 -22
  38. package/src/App.css +0 -38
  39. package/src/App.test.tsx +0 -9
  40. package/src/App.tsx +0 -166
  41. package/src/Form/AppAutoCompleter.tsx +0 -252
  42. package/src/Form/AppCheckBox.tsx +0 -101
  43. package/src/Form/AppDateAndTimePicker.tsx +0 -94
  44. package/src/Form/AppDatePicker.tsx +0 -69
  45. package/src/Form/AppFormErrorMessage.tsx +0 -34
  46. package/src/Form/AppInputField.tsx +0 -80
  47. package/src/Form/AppMultiSelector.tsx +0 -163
  48. package/src/Form/AppPhoneNoInput.tsx +0 -106
  49. package/src/Form/AppRadioGroup.tsx +0 -92
  50. package/src/Form/AppRating.tsx +0 -98
  51. package/src/Form/AppSelectInput.tsx +0 -249
  52. package/src/Form/AppSimpleUploadFile.tsx +0 -154
  53. package/src/Form/AppSwitch.tsx +0 -84
  54. package/src/Form/AppTagsCreator.tsx +0 -252
  55. package/src/Form/AppTextArea.tsx +0 -90
  56. package/src/Form/AppUploadFile.tsx +0 -167
  57. package/src/Form/SubmitButton.tsx +0 -122
  58. package/src/Form/index.tsx +0 -27
  59. package/src/assets/illustrations/BackgroundIllustration.tsx +0 -42
  60. package/src/assets/illustrations/UploadIllustration.tsx +0 -659
  61. package/src/assets/illustrations/index.ts +0 -1
  62. package/src/file-thumbnail/types.ts +0 -7
  63. package/src/file-thumbnail/utils.ts +0 -162
  64. package/src/index.css +0 -9
  65. package/src/index.tsx +0 -19
  66. package/src/lib/index.ts +0 -47
  67. package/src/logo.svg +0 -1
  68. package/src/react-app-env.d.ts +0 -1
  69. package/src/reportWebVitals.ts +0 -15
  70. package/src/setupTests.ts +0 -5
  71. package/src/styles/PhoneInputCustom.css +0 -238
  72. package/src/styles/compiled-tailwind.css +0 -1
  73. package/src/upload/Upload.tsx +0 -162
  74. package/src/upload/errors/RejectionFiles.tsx +0 -49
  75. package/src/upload/index.ts +0 -5
  76. package/src/upload/preview/MultiFilePreview.tsx +0 -297
  77. package/src/upload/preview/SingleFilePreview.tsx +0 -81
  78. package/src/upload/types.ts +0 -51
@@ -1,659 +0,0 @@
1
- import { memo } from "react";
2
- import BackgroundIllustration from "./BackgroundIllustration";
3
-
4
- // ----------------------------------------------------------------------
5
-
6
- function UploadIllustration({
7
- className = "",
8
- ...other
9
- }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {
10
- return (
11
- <div className={`w-full h-full ${className}`} {...other}>
12
- <svg
13
- width="100%"
14
- height="100%"
15
- viewBox="0 0 480 360"
16
- xmlns="http://www.w3.org/2000/svg"
17
- >
18
- <BackgroundIllustration />
19
- <defs>
20
- <linearGradient
21
- id="linearGradient-2"
22
- x1="30.113%"
23
- x2="30.113%"
24
- y1="0%"
25
- y2="100%"
26
- >
27
- <stop offset="0%" stopOpacity="0" />
28
- <stop offset="100%" />
29
- </linearGradient>
30
- </defs>
31
-
32
- <path
33
- fill="#FF4842"
34
- fillRule="nonzero"
35
- d="M293.006 206.192c-2.248 2.672-4.676 2.628-6.123 2.251l.054-1.384s5.979-2.733 5.827-2.159c-.057.215.057.733.242 1.292zM309.393 209.217c-3.818 2.206-6.058-.38-6.578-1.112.32-.84.801-2.204.703-2.592-.144-.577 5.827 2.155 5.827 2.155l.048 1.549zM305.303 187.204s3.632-2.093 4.425-1.151c.792.942-4.425 1.151-4.425 1.151zM307.497 188.355s-.598.299.721.681c1.318.383-.721-.681-.721-.681zM285.532 182.599c-.123.036 3.022 2.123 5.862.395-.012 0-5.154-.61-5.862-.395zM291.239 186.591s-.861 1.692-2.625 1.943c-1.764.251 2.625-1.943 2.625-1.943zM302.785 190.262s4.138 6.578 3.346 8.129c-.793 1.552-3.346-8.129-3.346-8.129zM294.62 216.416c0 .368 0 .712-.036.996-.107 1.33-3.381.828-3.381.828-2.99.416-4.066-1.019-4.422-2.392a5.444 5.444 0 01-.164-1.363 5.606 5.606 0 01.054-.819v-.272a1.998 1.998 0 011.859.379c1.331 1.08 3.095.252 3.095.252s1.294.107 1.793.538c.281.242.745-.341 1.098-.897.021.359.054 1.007.074 1.701.024.356.03.714.03 1.049z"
36
- opacity="0.05"
37
- />
38
-
39
- <path
40
- fill="#FF4842"
41
- fillRule="nonzero"
42
- d="M289.37 216.339s-.897.879-2.589-.479a5.444 5.444 0 01-.164-1.363c.864.658 2.466 1.842 2.753 1.842zM294.62 216.416a.67.67 0 01-.519.132.672.672 0 01-.452-.287c.348-.266.669-.566.956-.897.009.359.015.717.015 1.052zM301.637 217.032c0 .371 0 .715.033.996.108 1.333 3.382.828 3.382.828 2.989.419 4.066-1.017 4.421-2.392a5.728 5.728 0 00.111-2.182v-.272a2.024 2.024 0 00-1.862.379c-1.331 1.08-3.092.251-3.092.251s-1.294.111-1.794.542c-.281.242-.744-.341-1.094-.897a61.426 61.426 0 00-.078 1.701c-.024.35-.03.708-.027 1.046z"
43
- opacity="0.05"
44
- />
45
-
46
- <path
47
- fill="#FF4842"
48
- fillRule="nonzero"
49
- d="M306.887 216.949s.897.879 2.587-.479c.112-.444.169-.901.167-1.36-.867.655-2.47 1.839-2.754 1.839zM301.637 217.032a.67.67 0 00.969-.155 6.35 6.35 0 01-.957-.897c-.009.356-.014.714-.012 1.052zM319.614 106.269c.063-.138.123-.275.18-.41.057-.134.077-.209.11-.317-.11.237-.206.48-.29.727z"
50
- opacity="0.05"
51
- />
52
-
53
- <path
54
- fill="currentColor"
55
- className="text-gray-900 dark:text-gray-100"
56
- fillRule="nonzero"
57
- d="M157.592 279.461a4.114 4.114 0 01-.917-3.131l13.196-107.979 1.094-8.97a4.142 4.142 0 014.078-3.635l38.654-.257a4.135 4.135 0 004.108-4.249l-.015-.409a4.14 4.14 0 014.135-4.279h40.619a4.134 4.134 0 014.098 4.682 4.137 4.137 0 003.995 4.682l39.01.996a4.13 4.13 0 013.97 4.831l-19.502 113.909-.368 2.152a4.042 4.042 0 01-.598 1.543l-135.557.114z"
58
- />
59
-
60
- <path
61
- fill="#FFF"
62
- fillRule="nonzero"
63
- d="M251.256817 123.296578L274.098317 123.296578 274.098317 200.823078 251.256817 200.823078z"
64
- transform="rotate(34.64 262.678 162.06)"
65
- />
66
-
67
- <path
68
- fill="#FFC107"
69
- fillRule="nonzero"
70
- d="M270.624591 129.857671L286.750291 129.857671 286.750291 145.983371 270.624591 145.983371z"
71
- transform="rotate(34.804 278.687 137.92)"
72
- />
73
-
74
- <path
75
- fill="#FFC107"
76
- fillRule="nonzero"
77
- d="M260.275579 145.813111L276.423079 145.813111 276.423079 161.960611 260.275579 161.960611z"
78
- opacity="0.5"
79
- transform="rotate(34.64 268.35 153.887)"
80
- />
81
-
82
- <path
83
- fill="#FFC107"
84
- fillRule="nonzero"
85
- d="M249.191579 161.852111L265.339079 161.852111 265.339079 177.999611 249.191579 177.999611z"
86
- opacity="0.3"
87
- transform="rotate(34.64 257.265 169.926)"
88
- />
89
-
90
- <path
91
- fill="#FFF"
92
- fillRule="nonzero"
93
- d="M237.472537 121.334214L260.314037 121.334214 260.314037 198.567714 237.472537 198.567714z"
94
- transform="rotate(16.29 248.893 159.951)"
95
- />
96
-
97
- <path
98
- fill="#FF4842"
99
- fillRule="nonzero"
100
- d="M249.053192 123.761554L265.200692 123.761554 265.200692 139.909054 249.053192 139.909054z"
101
- transform="rotate(16.29 257.127 131.835)"
102
- />
103
-
104
- <path
105
- fill="#FF4842"
106
- fillRule="nonzero"
107
- d="M243.584192 142.473554L259.731692 142.473554 259.731692 158.621053 243.584192 158.621053z"
108
- opacity="0.5"
109
- transform="rotate(16.29 251.658 150.547)"
110
- />
111
-
112
- <path
113
- fill="#FF4842"
114
- fillRule="nonzero"
115
- d="M238.116192 161.182554L254.263692 161.182554 254.263692 177.330054 238.116192 177.330054z"
116
- opacity="0.3"
117
- transform="rotate(16.29 246.19 169.256)"
118
- />
119
-
120
- <path
121
- fill="#FFF"
122
- fillRule="nonzero"
123
- d="M230.099192 121.641542L252.940692 121.641542 252.940692 198.875042 230.099192 198.875042z"
124
- transform="rotate(4.6 241.52 160.258)"
125
- />
126
-
127
- <path
128
- fill="#1890FF"
129
- fillRule="nonzero"
130
- d="M235.800489 122.985499L251.947989 122.985499 251.947989 139.132999 235.800489 139.132999z"
131
- transform="rotate(4.6 243.874 131.06)"
132
- />
133
-
134
- <path
135
- fill="#1890FF"
136
- fillRule="nonzero"
137
- d="M234.234488 142.413498L250.381988 142.413498 250.381988 158.560998 234.234488 158.560998z"
138
- opacity="0.5"
139
- transform="rotate(4.6 242.308 150.487)"
140
- />
141
-
142
- <path
143
- fill="#1890FF"
144
- fillRule="nonzero"
145
- d="M232.672488 161.846499L248.819988 161.846499 248.819988 177.993999 232.672488 177.993999z"
146
- opacity="0.3"
147
- transform="rotate(4.6 240.746 169.92)"
148
- />
149
-
150
- <path
151
- fill="#FFF"
152
- fillRule="nonzero"
153
- d="M224.736657 123.384871L247.578157 123.384871 247.578157 200.618371 224.736657 200.618371z"
154
- transform="rotate(-2.61 236.157 162.002)"
155
- />
156
-
157
- <path
158
- fill="currentColor"
159
- className="text-blue-600 dark:text-blue-400"
160
- fillRule="nonzero"
161
- d="M226.751283 124.659968L242.898783 124.659968 242.898783 140.807468 226.751283 140.807468z"
162
- transform="rotate(-2.61 234.825 132.734)"
163
- />
164
-
165
- <path
166
- fill="currentColor"
167
- className="text-blue-600 dark:text-blue-400"
168
- fillRule="nonzero"
169
- d="M228.305601 143.479224L244.473301 143.479224 244.473301 159.646924 228.305601 159.646924z"
170
- opacity="0.5"
171
- transform="rotate(-2.862 236.39 151.563)"
172
- />
173
-
174
- <path
175
- fill="currentColor"
176
- className="text-blue-600 dark:text-blue-400"
177
- fillRule="nonzero"
178
- d="M228.525282 163.608968L244.672782 163.608968 244.672782 179.756468 228.525282 179.756468z"
179
- opacity="0.3"
180
- transform="rotate(-2.61 236.599 171.683)"
181
- />
182
-
183
- <path
184
- fill="#F4F6F8"
185
- fillRule="nonzero"
186
- d="M232.679 225.726l-20.294 7.851-29.661 11.466c-1.121-2.093-2.771-4.921-4.813-8.297-7.026-11.642-18.65-29.75-29.001-45.665-11.66-17.938-21.696-33.075-21.696-33.075l7.265-2.093 59.346-17.23 38.854 87.043z"
187
- />
188
-
189
- <path
190
- fill="#000"
191
- fillRule="nonzero"
192
- d="M232.679 225.726l-20.294 7.851a152.535 152.535 0 01-34.484 3.169c-7.026-11.642-18.65-29.75-29-45.665l-14.42-35.18 59.343-17.218 38.855 87.043z"
193
- opacity="0.1"
194
- />
195
-
196
- <path
197
- fill="currentColor"
198
- className="text-blue-600 dark:text-blue-400"
199
- fillRule="nonzero"
200
- d="M247.777 220.841s-31.526 18.65-78.596 14.432l-37.525-91.486 17.984-3.091 62.168-10.677 35.279 89.043.690 1.779z"
201
- />
202
-
203
- <path
204
- fill="#FF4842"
205
- fillRule="nonzero"
206
- d="M247.075 219.074c-7.424.365-16.013.329-24.654-.702-9.351-1.101-18.757-3.367-26.82-7.523-6.742-3.471-12.506-7.247-17.532-11.776-13.074-11.759-21.164-28.579-28.429-58.365l62.168-10.677 35.267 89.043z"
207
- opacity="0.1"
208
- />
209
-
210
- <path
211
- fill="#FFF"
212
- fillRule="nonzero"
213
- d="M270.203 213.959s-23.239 4.55-46.894 1.749c-9.351-1.1-18.757-3.367-26.82-7.522-6.742-3.471-12.503-7.247-17.532-11.777-16.181-14.557-24.725-36.866-33.536-81.918 0 0 38.633 9.325 76.836-11.101-.012.015 12.865 80.373 47.946 110.569z"
214
- />
215
-
216
- <path
217
- fill="currentColor"
218
- className="text-blue-600 dark:text-blue-400"
219
- fillRule="nonzero"
220
- d="M165.405 131.03s31.416-1.776 40.187-8.548l1.331 4.276s-20.758 9.157-41.518 9.268v-4.996zM165.405 152.137s30.417-1.665 53.399-12.766l.777 1.776s-18.237 10.647-54.176 13.433v-2.443zM167.853 160.362s30.418-1.665 53.397-12.766l.777 1.776s-18.237 10.643-54.174 13.433v-2.443zM170.299 168.599s30.417-1.666 53.399-12.766l.774 1.775s-18.237 10.647-54.173 13.433v-2.442zM172.748 176.835s30.417-1.665 53.396-12.766l.777 1.776s-18.237 10.647-54.173 13.433v-2.443zM175.193 185.075s30.417-1.665 53.399-12.766l.774 1.776s-18.237 10.643-54.173 13.433v-2.443z"
221
- opacity="0.3"
222
- />
223
-
224
- <path
225
- fill="currentColor"
226
- className="text-blue-600 dark:text-blue-400"
227
- fillRule="nonzero"
228
- d="M389.069 287.344s-12.641-.762-11.152 8.097c0 0-.299 1.563 1.124 2.275 0 0 .021-.658 1.295-.434.454.077.916.099 1.375.066a2.832 2.832 0 001.677-.694c.468-.409 3.555-1.468 4.936-7.274 0 0 1.023-1.267.981-1.593l-2.132.897s.73 1.54.156 2.816c0 0-.069-2.759-.479-2.691-.083 0-1.109.533-1.109.533s1.253 2.69.299 4.628c0 0 .359-3.304-.699-4.434l-1.495.876s1.465 2.768.472 5.029c0 0 .254-3.465-.789-4.817l-1.361 1.062s1.379 2.729.539 4.604c0 0-.111-4.036-.835-4.341 0 0-1.195 1.049-1.369 1.494 0 0 .942 1.98.356 3.026 0 0-.359-2.691-.652-2.691 0 0-1.196 1.794-1.309 2.99 0 0 .051-1.818 1.022-3.172a3.593 3.593 0 00-1.818.942s.186-1.262 2.111-1.37c0 0 .981-1.351 1.241-1.435 0 0-1.914-.158-3.074.356 0 0 1.023-1.196 3.427-.649l1.342-1.094s-2.52-.347-3.588.036c0 0 1.229-1.052 3.95-.299l1.462-.873s-2.147-.463-3.426-.299c0 0 1.348-.729 3.856.06l1.044-.47s-1.573-.299-2.033-.358c-.461-.06-.488-.174-.488-.174a5.426 5.426 0 012.957.329s2.222-.813 2.186-.954z"
229
- />
230
-
231
- <ellipse
232
- cx="380.363"
233
- cy="298.487"
234
- fill="currentColor"
235
- className="text-blue-600 dark:text-blue-400"
236
- fillRule="nonzero"
237
- opacity="0.1"
238
- rx="8.945"
239
- ry="1.513"
240
- />
241
-
242
- <path
243
- fill="currentColor"
244
- className="text-blue-600 dark:text-blue-400"
245
- fillRule="nonzero"
246
- d="M394.956 258.102s-7.125-.43-6.279 4.565a1.218 1.218 0 00.631 1.283s.015-.371.733-.245c.255.042.515.054.774.036.349-.023.681-.159.945-.389.264-.23 2.003-.828 2.783-4.102 0 0 .577-.714.553-.897l-1.196.511s.41.87.087 1.591c0 0-.039-1.558-.269-1.522-.048 0-.625.299-.625.299s.706 1.495.173 2.61c0 0 .204-1.862-.394-2.502l-.846.496s.825 1.561.266 2.834c0 0 .143-1.955-.446-2.714l-.765.598s.774 1.539.299 2.595c0 0-.063-2.275-.469-2.446a4.75 4.75 0 00-.775.834s.532 1.118.204 1.707c0 0-.204-1.515-.368-1.521 0 0-.67 1.001-.739 1.689a3.671 3.671 0 01.577-1.794 2.007 2.007 0 00-1.025.532s.104-.711 1.196-.771c0 0 .553-.763.699-.81 0 0-1.079-.09-1.734.2 0 0 .577-.67 1.932-.365l.759-.619s-1.423-.194-2.024.021c0 0 .694-.598 2.227-.161l.826-.494a7.445 7.445 0 00-1.935-.164s.763-.413 2.174.033l.598-.263s-.897-.177-1.148-.203c-.252-.027-.275-.099-.275-.099a3.078 3.078 0 011.668.185s1.232-.46 1.208-.538z"
247
- />
248
-
249
- <ellipse
250
- cx="390.052"
251
- cy="264.383"
252
- fill="currentColor"
253
- className="text-blue-600 dark:text-blue-400"
254
- fillRule="nonzero"
255
- opacity="0.1"
256
- rx="5.044"
257
- ry="1"
258
- />
259
-
260
- <path
261
- fill="currentColor"
262
- className="text-blue-600 dark:text-blue-400"
263
- fillRule="nonzero"
264
- d="M352.896 262.437s-8.604-.52-7.588 5.51a1.47 1.47 0 00.763 1.549s0-.449.897-.299c.309.052.623.067.935.045a1.923 1.923 0 001.142-.473c.318-.279 2.419-.998 3.361-4.951 0 0 .697-.861.667-1.085l-1.468.622s.496 1.046.104 1.916c0 0-.048-1.877-.326-1.835-.056 0-.753.364-.753.364s.852 1.824.209 3.152c0 0 .245-2.249-.475-3.02l-1.023.598s.996 1.886.32 3.423c0 0 .174-2.359-.535-3.289l-.927.724s.939 1.857.365 3.133c0 0-.072-2.747-.565-2.954 0 0-.81.715-.933 1.008 0 0 .64 1.348.242 2.06 0 0-.245-1.83-.445-1.839 0 0-.804 1.214-.897 2.042.04-.768.28-1.512.697-2.159a2.427 2.427 0 00-1.235.643s.125-.858 1.435-.933c0 0 .667-.92.846-.974 0 0-1.303-.111-2.093.239 0 0 .694-.807 2.329-.44l.915-.747s-1.713-.233-2.442.024c0 0 .837-.715 2.69-.191l.996-.598s-1.462-.314-2.335-.201c0 0 .921-.496 2.625.042l.711-.32s-1.07-.209-1.384-.242c-.314-.033-.329-.119-.329-.119a3.69 3.69 0 012.012.221s1.519-.553 1.492-.646z"
265
- />
266
-
267
- <ellipse
268
- cx="346.97"
269
- cy="270.022"
270
- fill="currentColor"
271
- className="text-blue-600 dark:text-blue-400"
272
- fillRule="nonzero"
273
- opacity="0.1"
274
- rx="6.09"
275
- ry="1.028"
276
- />
277
-
278
- <rect
279
- width="51.026"
280
- height="91.312"
281
- x="303.926"
282
- y="69.211"
283
- fill="#FFF"
284
- fillRule="nonzero"
285
- rx="4.737"
286
- transform="rotate(-71.99 329.44 114.867)"
287
- />
288
-
289
- <circle
290
- cx="303.613"
291
- cy="103.507"
292
- r="9.376"
293
- fill="currentColor"
294
- className="text-blue-600 dark:text-blue-400"
295
- fillRule="nonzero"
296
- opacity="0.2"
297
- />
298
-
299
- <path
300
- fill="currentColor"
301
- className="text-blue-600 dark:text-blue-400"
302
- fillRule="nonzero"
303
- d="M344.582495 86.4883769L347.150665 86.4883769 347.150665 127.336977 344.582495 127.336977z"
304
- opacity="0.2"
305
- transform="rotate(-71.99 345.867 106.913)"
306
- />
307
-
308
- <path
309
- fill="currentColor"
310
- className="text-blue-600 dark:text-blue-400"
311
- fillRule="nonzero"
312
- d="M333.028401 99.6373982L335.596571 99.6373982 335.596571 120.445898 333.028401 120.445898z"
313
- opacity="0.2"
314
- transform="rotate(-71.99 334.312 110.042)"
315
- />
316
-
317
- <path
318
- fill="currentColor"
319
- className="text-blue-600 dark:text-blue-400"
320
- fillRule="nonzero"
321
- d="M337.109071 101.431004L339.677241 101.431004 339.677241 135.086304 337.109071 135.086304z"
322
- opacity="0.2"
323
- transform="rotate(-71.99 338.393 118.259)"
324
- />
325
-
326
- <path
327
- fill="currentColor"
328
- className="text-blue-600 dark:text-blue-400"
329
- fillRule="nonzero"
330
- d="M338.505494 105.174377L341.073664 105.174377 341.073664 146.022978 338.505494 146.022978z"
331
- opacity="0.2"
332
- transform="rotate(-71.99 339.79 125.599)"
333
- />
334
-
335
- <path
336
- fill="currentColor"
337
- className="text-blue-600 dark:text-blue-400"
338
- fillRule="nonzero"
339
- d="M348.060839 134.648161L353.026769 134.648161 353.026769 145.952261 348.060839 145.952261z"
340
- opacity="0.5"
341
- transform="rotate(-71.99 350.544 140.3)"
342
- />
343
-
344
- <rect
345
- width="50.3"
346
- height="78.305"
347
- x="291.549"
348
- y="174.486"
349
- fill="#FFF"
350
- fillRule="nonzero"
351
- rx="4"
352
- transform="rotate(-57.265 316.7 213.638)"
353
- />
354
-
355
- <path
356
- fill="#DFE3E8"
357
- fillRule="nonzero"
358
- d="M278.038439 203.88874L292.269539 203.88874 292.269539 207.23723 278.038439 207.23723z"
359
- transform="rotate(-57.57 285.154 205.563)"
360
- />
361
-
362
- <path
363
- fill="#DFE3E8"
364
- fillRule="nonzero"
365
- d="M283.007935 199.201889L314.262535 199.201889 314.262535 202.272339 283.007935 202.272339z"
366
- transform="rotate(-57.57 298.635 200.737)"
367
- />
368
-
369
- <path
370
- fill="#DFE3E8"
371
- fillRule="nonzero"
372
- d="M288.543935 202.715889L319.798535 202.715889 319.798535 205.786339 288.543935 205.786339z"
373
- transform="rotate(-57.57 304.171 204.251)"
374
- />
375
-
376
- <path
377
- fill="#DFE3E3E8"
378
- fillRule="nonzero"
379
- d="M294.078936 206.235889L325.333536 206.235889 325.333536 209.306339 294.078936 209.306339z"
380
- transform="rotate(-57.57 309.706 207.771)"
381
- />
382
-
383
- <path
384
- fill="#DFE3E8"
385
- fillRule="nonzero"
386
- d="M299.879919 211.40702L331.090719 211.40702 331.090719 214.47316 299.879919 214.47316z"
387
- transform="rotate(-57.265 315.485 212.94)"
388
- />
389
-
390
- <path
391
- fill="#F4F6F8"
392
- fillRule="nonzero"
393
- d="M305.149936 213.268889L336.404536 213.268889 336.404536 216.339339 305.149936 216.339339z"
394
- transform="rotate(-57.57 320.777 214.804)"
395
- />
396
-
397
- <path
398
- fill="#F4F6F8"
399
- fillRule="nonzero"
400
- d="M310.685935 216.782889L341.940535 216.782889 341.940535 219.853339 310.685935 219.853339z"
401
- transform="rotate(-57.57 326.313 218.318)"
402
- />
403
-
404
- <path
405
- fill="#DFE3E8"
406
- fillRule="nonzero"
407
- d="M341.417983 210.406958L349.511163 210.406958 349.511163 218.500138 341.417983 218.500138z"
408
- transform="rotate(-57.57 345.465 214.454)"
409
- />
410
-
411
- <path
412
- fill="currentColor"
413
- className="text-blue-600 dark:text-blue-400"
414
- fillRule="nonzero"
415
- d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
416
- />
417
-
418
- <path
419
- fill="currentColor"
420
- className="text-gray-900 dark:text-gray-100"
421
- fillRule="nonzero"
422
- d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
423
- opacity="0.243"
424
- />
425
-
426
- <path
427
- fill="url(#linearGradient-2)"
428
- fillRule="nonzero"
429
- d="M269.277 168.76l-45.767.493a3.127 3.127 0 00-3.094 3.125v3.782a3.127 3.127 0 01-3.05 3.124l-33.024.792a3.124 3.124 0 01-3.095-2.308l-1.551-5.701a3.124 3.124 0 00-3.053-2.308l-44.113.475a3.125 3.125 0 00-3.05 3.648l17.747 104.449a3.129 3.129 0 003.071 2.604l139.363.598a3.129 3.129 0 003.082-3.714l-20.366-106.521a3.125 3.125 0 00-3.1-2.538z"
430
- opacity="0.32"
431
- />
432
-
433
- <ellipse
434
- cx="119.593"
435
- cy="258.664"
436
- fill="currentColor"
437
- className="text-blue-600 dark:text-blue-400"
438
- fillRule="nonzero"
439
- opacity="0.1"
440
- rx="4.846"
441
- ry="1"
442
- />
443
-
444
- <ellipse
445
- cx="101.03"
446
- cy="260.545"
447
- fill="currentColor"
448
- className="text-blue-600 dark:text-blue-400"
449
- fillRule="nonzero"
450
- opacity="0.1"
451
- rx="4.846"
452
- ry="1"
453
- />
454
-
455
- <ellipse
456
- cx="108.459"
457
- cy="265.905"
458
- fill="currentColor"
459
- className="text-blue-600 dark:text-blue-400"
460
- fillRule="nonzero"
461
- opacity="0.1"
462
- rx="3.444"
463
- ry="1"
464
- />
465
-
466
- <ellipse
467
- cx="89.193"
468
- cy="265.433"
469
- fill="currentColor"
470
- className="text-blue-600 dark:text-blue-400"
471
- fillRule="nonzero"
472
- opacity="0.1"
473
- rx="3.444"
474
- ry="1"
475
- />
476
-
477
- <path
478
- fill="currentColor"
479
- className="text-blue-600 dark:text-blue-400"
480
- fillRule="nonzero"
481
- d="M100.925 260.398s6.796-22.279-1.064-31.204c-5.881-6.676-12.557-5.877-15.547-5.052a5.528 5.528 0 00-3.564 2.963c-1.046 2.254-.858 5.913 6.521 10.186 12.35 7.151 13.119 16.96 13.119 16.96l.535 6.147z"
482
- />
483
-
484
- <path
485
- stroke="currentColor"
486
- className="text-gray-900 dark:text-gray-100"
487
- strokeLinecap="round"
488
- strokeWidth="0.5"
489
- d="M85.382 227.302s20.031 6.278 15.546 33.096M97.083 229.547s-2.76 1.86-1.88 4.655M87.39 231.203s1.687-1.716 3.741-.768M95.31 239.832s2.963-1.495 3.728.379M102.638 242.962s-2.224-.176-2.263.897"
490
- />
491
-
492
- <path
493
- fill="currentColor"
494
- className="text-blue-600 dark:text-blue-400"
495
- fillRule="nonzero"
496
- d="M101.2 260.575s-7.961-16.193-10.147-15.846c-1.037.17-1.516 1.196-1.734 2.218a6.516 6.516 0 00.434 3.941c1.13 2.601 4.165 7.519 11.447 9.687z"
497
- />
498
-
499
- <path
500
- stroke="currentColor"
501
- className="text-gray-900 dark:text-gray-100"
502
- strokeLinecap="round"
503
- strokeWidth="0.5"
504
- d="M91.113 247.808s8.353 12.115 9.968 12.647"
505
- />
506
-
507
- <path
508
- stroke="currentColor"
509
- className="text-gray-900 dark:text-gray-100"
510
- strokeLinecap="round"
511
- strokeWidth="0.5"
512
- d="M90.344 249.701L92.293 249.701"
513
- />
514
-
515
- <path
516
- stroke="currentColor"
517
- className="text-gray-900 dark:text-gray-100"
518
- strokeLinecap="round"
519
- strokeWidth="0.5"
520
- d="M92.68 254.132L95.738 254.263"
521
- />
522
-
523
- <path
524
- stroke="currentColor"
525
- className="text-gray-900 dark:text-gray-100"
526
- strokeLinecap="round"
527
- strokeWidth="0.5"
528
- d="M94.542 250.586L94.21 252.179"
529
- />
530
-
531
- <path
532
- stroke="currentColor"
533
- className="text-gray-900 dark:text-gray-100"
534
- strokeLinecap="round"
535
- strokeWidth="0.5"
536
- d="M97.792 255.432L97.732 256.879"
537
- />
538
-
539
- <path
540
- fill="currentColor"
541
- className="text-blue-600 dark:text-blue-400"
542
- fillRule="nonzero"
543
- d="M100.964 260.575s7.959-16.193 10.144-15.846c1.041.17 1.519 1.196 1.734 2.218a6.514 6.514 0 01-.433 3.941c-1.13 2.601-4.168 7.519-11.445 9.687z"
544
- />
545
-
546
- <path
547
- stroke="currentColor"
548
- className="text-gray-900 dark:text-gray-100"
549
- strokeLinecap="round"
550
- strokeWidth="0.5"
551
- d="M111.051 247.808s-8.371 12.115-9.97 12.647"
552
- />
553
-
554
- <path
555
- stroke="currentColor"
556
- className="text-gray-900 dark:text-gray-100"
557
- strokeLinecap="round"
558
- strokeWidth="0.5"
559
- d="M111.82 249.701L109.871 249.701"
560
- />
561
-
562
- <path
563
- stroke="currentColor"
564
- className="text-gray-900 dark:text-gray-100"
565
- strokeLinecap="round"
566
- strokeWidth="0.5"
567
- d="M109.485 254.132L106.426 254.263"
568
- />
569
-
570
- <path
571
- stroke="currentColor"
572
- className="text-gray-900 dark:text-gray-100"
573
- strokeLinecap="round"
574
- strokeWidth="0.5"
575
- d="M107.622 250.586L107.954 252.179"
576
- />
577
-
578
- <path
579
- stroke="currentColor"
580
- className="text-gray-900 dark:text-gray-100"
581
- strokeLinecap="round"
582
- strokeWidth="0.5"
583
- d="M104.372 255.432L104.432 256.879"
584
- />
585
-
586
- <path
587
- fill="currentColor"
588
- className="text-blue-600 dark:text-blue-400"
589
- fillRule="nonzero"
590
- d="M87.295 264.357a1.375 1.375 0 01-.452-.685.599.599 0 01.317-.697c.3-.11.598.09.837.299.24.21.512.431.81.38a1.237 1.237 0 01-.382-1.16.47.47 0 01.105-.236c.161-.174.454-.099.648.039.598.43.787 1.264.790 2.018.03-.277.03-.555 0-.831a.853.853 0 01.334-.727.938.938 0 01.476-.114.988.988 0 01.774.222.767.767 0 01-.030.947c-.229.257-.5.474-.801.64a1.805 1.805 0 00-.571.547.399.399 0 00-.042.096h-1.740a4.826 4.826 0 01-1.073-.738zM117.626 257.833a1.355 1.355 0 01-.452-.682.599.599 0 01.314-.696c.299-.111.598.089.837.299.239.209.509.436.817.391a1.236 1.236 0 01-.386-1.157.472.472 0 01.107-.236c.162-.173.455-.099.649.036.613.433.787 1.268.790 2.021a4.008 4.008 0 000-.834.852.852 0 01.299-.736.955.955 0 01.475-.11.998.998 0 01.774.218.768.768 0 01-.033.951 2.996 2.996 0 01-.798.64 1.767 1.767 0 00-.571.544.499.499 0 00-.042.098h-1.701a4.78 4.78 0 01-1.079-.747zM107.518 264.357a1.406 1.406 0 01-.455-.685.6.6 0 01.317-.697c.299-.10.598.09.837.299.239.21.505.437.816.395a1.247 1.247 0 01-.385-1.16.472.472 0 01.107-.236c.162-.174.455-.099.649.039.613.43.783 1.264.789 2.018.030-.277.030-.555 0-.832a.855.855 0 01.314-.735.93.93 0 01.476-.114.988.988 0 01.774.222.764.764 0 01-.033.947 3.028 3.028 0 01-.798.640 1.798 1.798 0 00-.571.547.411.411 0 00-.042.096h-1.734c-.385-.2-.742-.45-1.061-.744z"
591
- />
592
-
593
- <circle
594
- cx="84.467"
595
- cy="87.003"
596
- r="6.467"
597
- fill="currentColor"
598
- className="text-blue-600 dark:text-blue-400"
599
- fillRule="nonzero"
600
- opacity="0.1"
601
- />
602
-
603
- <circle
604
- cx="395.425"
605
- cy="138.681"
606
- r="6.467"
607
- fill="currentColor"
608
- className="text-blue-600 dark:text-blue-400"
609
- fillRule="nonzero"
610
- opacity="0.1"
611
- />
612
-
613
- <circle
614
- cx="279.178"
615
- cy="66.467"
616
- r="6.467"
617
- fill="currentColor"
618
- className="text-blue-600 dark:text-blue-400"
619
- fillRule="nonzero"
620
- opacity="0.1"
621
- />
622
-
623
- <circle
624
- cx="97.4"
625
- cy="122.68"
626
- r="10.838"
627
- fill="currentColor"
628
- className="text-blue-600 dark:text-blue-400"
629
- fillRule="nonzero"
630
- opacity="0.1"
631
- />
632
-
633
- <path
634
- fill="currentColor"
635
- className="text-gray-900 dark:text-gray-100"
636
- fillRule="nonzero"
637
- d="M206.029 209.911c-7.975 0-14.44 6.465-14.44 14.440s6.465 14.440 14.440 14.440 14.440-6.465 14.440-14.440-6.465-14.440-14.440-14.440z"
638
- />
639
-
640
- <path
641
- fill="currentColor"
642
- className="text-blue-600 dark:text-blue-400"
643
- fillRule="nonzero"
644
- d="M206.029 211.59c7.047 0 12.761 5.714 12.761 12.761 0 7.048-5.714 12.761-12.761 12.761-7.048 0-12.761-5.713-12.761-12.761.006-7.045 5.716-12.754 12.761-12.761"
645
- opacity="0.72"
646
- />
647
-
648
- <path
649
- fill="currentColor"
650
- className="text-gray-900 dark:text-gray-100"
651
- fillRule="nonzero"
652
- d="M200.058 225.406l-.699-.681a.721.721 0 010-1.065l6.127-5.984a.753.753 0 01.546-.231c.206 0 .404.083.545.231l6.127 5.978a.733.733 0 010 1.065l-.699.682a.768.768 0 01-1.091 0l-3.622-3.727v8.843a.725.725 0 01-.219.523.76.76 0 01-.534.217h-1.009a.75.75 0 01-.759-.740v-8.832l-3.622 3.726a.768.768 0 01-1.091-.005z"
653
- />
654
- </svg>
655
- </div>
656
- );
657
- }
658
-
659
- export default memo(UploadIllustration);
@@ -1 +0,0 @@
1
- export { default as UploadIllustration } from './UploadIllustration';
@@ -1,7 +0,0 @@
1
- // ----------------------------------------------------------------------
2
-
3
- export interface ExtendFile extends File {
4
- preview?: string;
5
- path?: string;
6
- lastModifiedDate?: string;
7
- }