@lets-events/react 12.10.10 → 12.10.12

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 (94) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +19 -21
  3. package/CHANGELOG.md +12 -0
  4. package/dist/index.js +5 -1
  5. package/dist/index.mjs +5 -1
  6. package/package.json +1 -1
  7. package/src/components/Alert.tsx +303 -303
  8. package/src/components/Avatar.tsx +55 -55
  9. package/src/components/Badge.tsx +123 -123
  10. package/src/components/Box.tsx +3 -3
  11. package/src/components/Button/index.tsx +74 -74
  12. package/src/components/Button/styledComponents.ts +361 -361
  13. package/src/components/ButtonGroup.tsx +484 -484
  14. package/src/components/Calendar/index.tsx +168 -168
  15. package/src/components/Calendar/styledComponents.ts +480 -480
  16. package/src/components/Card.tsx +67 -67
  17. package/src/components/CheckboxGroup.tsx +176 -176
  18. package/src/components/Container.tsx +39 -39
  19. package/src/components/Divider.tsx +7 -7
  20. package/src/components/DoubleCalendar/index.tsx +204 -204
  21. package/src/components/Drawer/index.tsx +113 -113
  22. package/src/components/Drawer/styledComponents.ts +97 -97
  23. package/src/components/Dropdown.tsx +302 -302
  24. package/src/components/Filter.tsx +164 -164
  25. package/src/components/Flex.tsx +118 -118
  26. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  27. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  28. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  29. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  30. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  31. package/src/components/FormFields/BirthDateFormField.tsx +84 -84
  32. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  33. package/src/components/FormFields/CPFFormField.tsx +78 -78
  34. package/src/components/FormFields/CalendarFormField.tsx +98 -98
  35. package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
  36. package/src/components/FormFields/DateAndTimeFormField.tsx +217 -217
  37. package/src/components/FormFields/DoubleCalendarFormField.tsx +96 -96
  38. package/src/components/FormFields/EmailFormField.tsx +27 -27
  39. package/src/components/FormFields/Form.tsx +39 -39
  40. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
  41. package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
  42. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  43. package/src/components/FormFields/RadioGroupFormField.tsx +88 -88
  44. package/src/components/FormFields/RichEditorFormField.tsx +128 -128
  45. package/src/components/FormFields/SelectFormField.tsx +113 -113
  46. package/src/components/FormFields/SwitchFormField.tsx +46 -46
  47. package/src/components/FormFields/TextAreaFormField.tsx +61 -61
  48. package/src/components/FormFields/TextFormField.tsx +112 -112
  49. package/src/components/FormFields/TimePickerFormField.tsx +88 -88
  50. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  51. package/src/components/FormFields/subComponents/FormLabel.tsx +36 -36
  52. package/src/components/FormFields/utils/validation.ts +23 -23
  53. package/src/components/Grid.tsx +137 -137
  54. package/src/components/Icon.tsx +47 -47
  55. package/src/components/MenuDropdown/index.tsx +38 -38
  56. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  57. package/src/components/Modal.tsx +114 -110
  58. package/src/components/MultiSelect/index.tsx +305 -305
  59. package/src/components/MultiSelect/styledComponents.ts +160 -160
  60. package/src/components/RadioGroup.tsx +210 -210
  61. package/src/components/RichEditor/QuillComponent.tsx +419 -419
  62. package/src/components/RichEditor/RichEditor.tsx +53 -53
  63. package/src/components/RichEditor/RichTextPresenter.tsx +18 -18
  64. package/src/components/RichEditor/editorConfig.ts +149 -149
  65. package/src/components/RichEditor/index.ts +3 -3
  66. package/src/components/RichEditor/styledComponents.ts +1175 -1175
  67. package/src/components/RichEditor/types.ts +12 -12
  68. package/src/components/Section.tsx +33 -33
  69. package/src/components/Step.tsx +164 -164
  70. package/src/components/Switch.tsx +108 -108
  71. package/src/components/Text.tsx +38 -38
  72. package/src/components/TextField.tsx +423 -423
  73. package/src/components/TextareaField.tsx +116 -116
  74. package/src/components/TimePicker.tsx +357 -357
  75. package/src/components/Toast/components/ToastItem.tsx +41 -41
  76. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  77. package/src/components/Toast/hooks/useToast.ts +12 -12
  78. package/src/components/Toast/index.tsx +5 -5
  79. package/src/components/Toast/styles/index.ts +135 -135
  80. package/src/components/Toast/types/index.ts +46 -46
  81. package/src/components/ToggleElement/index.tsx +58 -58
  82. package/src/components/Tooltip/index.tsx +73 -73
  83. package/src/components/Tooltip/styles.ts +77 -77
  84. package/src/hooks/useCountries.ts +41 -41
  85. package/src/hooks/useImageUpload.ts +139 -139
  86. package/src/hooks/useOnClickOutside.tsx +42 -42
  87. package/src/index.tsx +72 -72
  88. package/src/styles/index.ts +41 -41
  89. package/src/types/typographyValues.ts +178 -178
  90. package/src/utils/getNestedValue.ts +3 -3
  91. package/src/utils/states.ts +29 -29
  92. package/src/utils/uploadService.ts +180 -180
  93. package/tsconfig.json +3 -3
  94. package/tsup.config.ts +38 -38
@@ -1,180 +1,180 @@
1
- export interface UploadConfig {
2
- apiUrl: string;
3
- s3Bucket: string;
4
- s3Region: string;
5
- s3Url: string;
6
- timeout?: number;
7
- maxFileSize?: number;
8
- endpoints?: {
9
- presignedUrl: string;
10
- upload: string;
11
- };
12
- }
13
-
14
- interface UploadResponse {
15
- url: string;
16
- filename: string;
17
- size: number;
18
- type: string;
19
- }
20
-
21
- interface UploadProgress {
22
- amount: number;
23
- message: string;
24
- }
25
- const generateUniqueFilename = (originalName: string): string => {
26
- const timestamp = Date.now().toString(36);
27
- const random = Math.random().toString(36).substring(2, 8);
28
- const extension = originalName.split(".").pop();
29
-
30
- return `${timestamp}_${random}.${extension}`;
31
- };
32
-
33
- export class UploadService {
34
- static async getPresignedUrl(
35
- filename: string,
36
- contentType: string,
37
- config: UploadConfig
38
- ): Promise<string> {
39
- const apiUrl = config.apiUrl;
40
- const presignedUrlEndpoint = config.endpoints?.presignedUrl;
41
- const bucket = config.s3Bucket;
42
-
43
- try {
44
- const response = await fetch(`${apiUrl}${presignedUrlEndpoint}`, {
45
- method: "POST",
46
- headers: {
47
- "Content-Type": "application/json",
48
- },
49
- body: JSON.stringify({
50
- filename,
51
- contentType,
52
- bucket,
53
- }),
54
- });
55
-
56
- if (!response.ok) {
57
- throw new Error("Falha ao gerar URL de upload");
58
- }
59
-
60
- const data = await response.json();
61
- return data.presignedUrl;
62
- } catch (error) {
63
- console.error("Erro ao gerar URL pré-assinada:", error);
64
- throw new Error("Falha ao gerar URL de upload");
65
- }
66
- }
67
-
68
- static async uploadToS3(
69
- file: File,
70
- config: UploadConfig,
71
- onProgress?: (progress: UploadProgress) => void
72
- ): Promise<UploadResponse> {
73
- try {
74
- const uniqueFilename = generateUniqueFilename(file.name);
75
- const blob = new Blob([file], { type: file.type });
76
-
77
- const s3Url = `${config.s3Url}/${uniqueFilename}`;
78
-
79
- return new Promise((resolve, reject) => {
80
- const xhr = new XMLHttpRequest();
81
-
82
- xhr.upload.addEventListener("progress", (event) => {
83
- if (event.lengthComputable) {
84
- const percentComplete = Math.round(
85
- (event.loaded / event.total) * 100
86
- );
87
- onProgress?.({
88
- amount: percentComplete,
89
- message: `Fazendo upload... ${percentComplete}%`,
90
- });
91
- }
92
- });
93
-
94
- xhr.addEventListener("load", () => {
95
- if (xhr.status === 200) {
96
- resolve({
97
- url: s3Url,
98
- filename: uniqueFilename,
99
- size: file.size,
100
- type: file.type,
101
- });
102
- } else {
103
- reject(new Error(`Upload falhou com status: ${xhr.status}`));
104
- }
105
- });
106
-
107
- xhr.addEventListener("error", () => {
108
- reject(new Error("Erro de rede durante upload"));
109
- });
110
-
111
- xhr.open("PUT", s3Url);
112
- xhr.setRequestHeader("Content-Type", file.type);
113
- xhr.send(blob);
114
- });
115
- } catch (error) {
116
- console.error("Erro no upload:", error);
117
- throw error;
118
- }
119
- }
120
-
121
- static async uploadViaAPI(
122
- file: File,
123
- config: UploadConfig,
124
- onProgress?: (progress: UploadProgress) => void
125
- ): Promise<UploadResponse> {
126
- try {
127
- const formData = new FormData();
128
- formData.append("file", file);
129
- const bucket = config.s3Bucket;
130
- formData.append("bucket", bucket);
131
-
132
- const xhr = new XMLHttpRequest();
133
-
134
- return new Promise((resolve, reject) => {
135
- xhr.upload.addEventListener("progress", (event) => {
136
- if (event.lengthComputable) {
137
- const percentComplete = Math.round(
138
- (event.loaded / event.total) * 100
139
- );
140
- onProgress?.({
141
- amount: percentComplete,
142
- message: `Fazendo upload... ${percentComplete}%`,
143
- });
144
- }
145
- });
146
-
147
- xhr.addEventListener("load", () => {
148
- if (xhr.status === 200) {
149
- try {
150
- const response = JSON.parse(xhr.responseText);
151
- resolve({
152
- url: response.url,
153
- filename: response.filename,
154
- size: file.size,
155
- type: file.type,
156
- });
157
- } catch (error) {
158
- reject(new Error("Resposta inválida do servidor"));
159
- }
160
- } else {
161
- reject(new Error(`Upload falhou com status: ${xhr.status}`));
162
- }
163
- });
164
-
165
- xhr.addEventListener("error", () => {
166
- reject(new Error("Erro de rede durante upload"));
167
- });
168
-
169
- const apiUrl = config.apiUrl;
170
- const uploadEndpoint = config.endpoints?.upload;
171
-
172
- xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
173
- xhr.send(formData);
174
- });
175
- } catch (error) {
176
- console.error("Erro no upload via API:", error);
177
- throw error;
178
- }
179
- }
180
- }
1
+ export interface UploadConfig {
2
+ apiUrl: string;
3
+ s3Bucket: string;
4
+ s3Region: string;
5
+ s3Url: string;
6
+ timeout?: number;
7
+ maxFileSize?: number;
8
+ endpoints?: {
9
+ presignedUrl: string;
10
+ upload: string;
11
+ };
12
+ }
13
+
14
+ interface UploadResponse {
15
+ url: string;
16
+ filename: string;
17
+ size: number;
18
+ type: string;
19
+ }
20
+
21
+ interface UploadProgress {
22
+ amount: number;
23
+ message: string;
24
+ }
25
+ const generateUniqueFilename = (originalName: string): string => {
26
+ const timestamp = Date.now().toString(36);
27
+ const random = Math.random().toString(36).substring(2, 8);
28
+ const extension = originalName.split(".").pop();
29
+
30
+ return `${timestamp}_${random}.${extension}`;
31
+ };
32
+
33
+ export class UploadService {
34
+ static async getPresignedUrl(
35
+ filename: string,
36
+ contentType: string,
37
+ config: UploadConfig
38
+ ): Promise<string> {
39
+ const apiUrl = config.apiUrl;
40
+ const presignedUrlEndpoint = config.endpoints?.presignedUrl;
41
+ const bucket = config.s3Bucket;
42
+
43
+ try {
44
+ const response = await fetch(`${apiUrl}${presignedUrlEndpoint}`, {
45
+ method: "POST",
46
+ headers: {
47
+ "Content-Type": "application/json",
48
+ },
49
+ body: JSON.stringify({
50
+ filename,
51
+ contentType,
52
+ bucket,
53
+ }),
54
+ });
55
+
56
+ if (!response.ok) {
57
+ throw new Error("Falha ao gerar URL de upload");
58
+ }
59
+
60
+ const data = await response.json();
61
+ return data.presignedUrl;
62
+ } catch (error) {
63
+ console.error("Erro ao gerar URL pré-assinada:", error);
64
+ throw new Error("Falha ao gerar URL de upload");
65
+ }
66
+ }
67
+
68
+ static async uploadToS3(
69
+ file: File,
70
+ config: UploadConfig,
71
+ onProgress?: (progress: UploadProgress) => void
72
+ ): Promise<UploadResponse> {
73
+ try {
74
+ const uniqueFilename = generateUniqueFilename(file.name);
75
+ const blob = new Blob([file], { type: file.type });
76
+
77
+ const s3Url = `${config.s3Url}/${uniqueFilename}`;
78
+
79
+ return new Promise((resolve, reject) => {
80
+ const xhr = new XMLHttpRequest();
81
+
82
+ xhr.upload.addEventListener("progress", (event) => {
83
+ if (event.lengthComputable) {
84
+ const percentComplete = Math.round(
85
+ (event.loaded / event.total) * 100
86
+ );
87
+ onProgress?.({
88
+ amount: percentComplete,
89
+ message: `Fazendo upload... ${percentComplete}%`,
90
+ });
91
+ }
92
+ });
93
+
94
+ xhr.addEventListener("load", () => {
95
+ if (xhr.status === 200) {
96
+ resolve({
97
+ url: s3Url,
98
+ filename: uniqueFilename,
99
+ size: file.size,
100
+ type: file.type,
101
+ });
102
+ } else {
103
+ reject(new Error(`Upload falhou com status: ${xhr.status}`));
104
+ }
105
+ });
106
+
107
+ xhr.addEventListener("error", () => {
108
+ reject(new Error("Erro de rede durante upload"));
109
+ });
110
+
111
+ xhr.open("PUT", s3Url);
112
+ xhr.setRequestHeader("Content-Type", file.type);
113
+ xhr.send(blob);
114
+ });
115
+ } catch (error) {
116
+ console.error("Erro no upload:", error);
117
+ throw error;
118
+ }
119
+ }
120
+
121
+ static async uploadViaAPI(
122
+ file: File,
123
+ config: UploadConfig,
124
+ onProgress?: (progress: UploadProgress) => void
125
+ ): Promise<UploadResponse> {
126
+ try {
127
+ const formData = new FormData();
128
+ formData.append("file", file);
129
+ const bucket = config.s3Bucket;
130
+ formData.append("bucket", bucket);
131
+
132
+ const xhr = new XMLHttpRequest();
133
+
134
+ return new Promise((resolve, reject) => {
135
+ xhr.upload.addEventListener("progress", (event) => {
136
+ if (event.lengthComputable) {
137
+ const percentComplete = Math.round(
138
+ (event.loaded / event.total) * 100
139
+ );
140
+ onProgress?.({
141
+ amount: percentComplete,
142
+ message: `Fazendo upload... ${percentComplete}%`,
143
+ });
144
+ }
145
+ });
146
+
147
+ xhr.addEventListener("load", () => {
148
+ if (xhr.status === 200) {
149
+ try {
150
+ const response = JSON.parse(xhr.responseText);
151
+ resolve({
152
+ url: response.url,
153
+ filename: response.filename,
154
+ size: file.size,
155
+ type: file.type,
156
+ });
157
+ } catch (error) {
158
+ reject(new Error("Resposta inválida do servidor"));
159
+ }
160
+ } else {
161
+ reject(new Error(`Upload falhou com status: ${xhr.status}`));
162
+ }
163
+ });
164
+
165
+ xhr.addEventListener("error", () => {
166
+ reject(new Error("Erro de rede durante upload"));
167
+ });
168
+
169
+ const apiUrl = config.apiUrl;
170
+ const uploadEndpoint = config.endpoints?.upload;
171
+
172
+ xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
173
+ xhr.send(formData);
174
+ });
175
+ } catch (error) {
176
+ console.error("Erro no upload via API:", error);
177
+ throw error;
178
+ }
179
+ }
180
+ }
package/tsconfig.json CHANGED
@@ -1,4 +1,4 @@
1
- {
2
- "extends": "@lets-events/ts-config/react.json",
3
- "include": ["src"]
1
+ {
2
+ "extends": "@lets-events/ts-config/react.json",
3
+ "include": ["src"]
4
4
  }
package/tsup.config.ts CHANGED
@@ -1,38 +1,38 @@
1
- import { defineConfig } from "tsup";
2
-
3
- export default defineConfig({
4
- entry: ["src/index.tsx"],
5
- format: ["esm", "cjs"],
6
- dts: true,
7
- external: ["react"],
8
- define: {
9
- "process.env.REACT_APP_API_URL": JSON.stringify(
10
- process.env.REACT_APP_API_URL || "https://api.lets.events"
11
- ),
12
- "process.env.REACT_APP_S3_BUCKET": JSON.stringify(
13
- process.env.REACT_APP_S3_BUCKET || "lets.events-development"
14
- ),
15
- "process.env.REACT_APP_S3_REGION": JSON.stringify(
16
- process.env.REACT_APP_S3_REGION || "sa-east-1"
17
- ),
18
- "process.env.REACT_APP_AWS_URL": JSON.stringify(
19
- process.env.REACT_APP_AWS_URL ||
20
- "https://s3-sa-east-1.amazonaws.com/lets.events-development"
21
- ),
22
- "process.env.REACT_APP_UPLOAD_TIMEOUT": JSON.stringify(
23
- process.env.REACT_APP_UPLOAD_TIMEOUT || "30000"
24
- ),
25
- "process.env.REACT_APP_MAX_FILE_SIZE": JSON.stringify(
26
- process.env.REACT_APP_MAX_FILE_SIZE || "5242880"
27
- ),
28
- "process.env.NODE_ENV": JSON.stringify(
29
- process.env.NODE_ENV || "development"
30
- ),
31
- "process.env.REACT_APP_AWS_ACCESS_KEY_ID": JSON.stringify(
32
- process.env.REACT_APP_AWS_ACCESS_KEY_ID || ""
33
- ),
34
- "process.env.REACT_APP_AWS_SECRET_ACCESS_KEY": JSON.stringify(
35
- process.env.REACT_APP_AWS_SECRET_ACCESS_KEY || ""
36
- ),
37
- },
38
- });
1
+ import { defineConfig } from "tsup";
2
+
3
+ export default defineConfig({
4
+ entry: ["src/index.tsx"],
5
+ format: ["esm", "cjs"],
6
+ dts: true,
7
+ external: ["react"],
8
+ define: {
9
+ "process.env.REACT_APP_API_URL": JSON.stringify(
10
+ process.env.REACT_APP_API_URL || "https://api.lets.events"
11
+ ),
12
+ "process.env.REACT_APP_S3_BUCKET": JSON.stringify(
13
+ process.env.REACT_APP_S3_BUCKET || "lets.events-development"
14
+ ),
15
+ "process.env.REACT_APP_S3_REGION": JSON.stringify(
16
+ process.env.REACT_APP_S3_REGION || "sa-east-1"
17
+ ),
18
+ "process.env.REACT_APP_AWS_URL": JSON.stringify(
19
+ process.env.REACT_APP_AWS_URL ||
20
+ "https://s3-sa-east-1.amazonaws.com/lets.events-development"
21
+ ),
22
+ "process.env.REACT_APP_UPLOAD_TIMEOUT": JSON.stringify(
23
+ process.env.REACT_APP_UPLOAD_TIMEOUT || "30000"
24
+ ),
25
+ "process.env.REACT_APP_MAX_FILE_SIZE": JSON.stringify(
26
+ process.env.REACT_APP_MAX_FILE_SIZE || "5242880"
27
+ ),
28
+ "process.env.NODE_ENV": JSON.stringify(
29
+ process.env.NODE_ENV || "development"
30
+ ),
31
+ "process.env.REACT_APP_AWS_ACCESS_KEY_ID": JSON.stringify(
32
+ process.env.REACT_APP_AWS_ACCESS_KEY_ID || ""
33
+ ),
34
+ "process.env.REACT_APP_AWS_SECRET_ACCESS_KEY": JSON.stringify(
35
+ process.env.REACT_APP_AWS_SECRET_ACCESS_KEY || ""
36
+ ),
37
+ },
38
+ });