@lets-events/react 12.7.2 → 12.8.0

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 (93) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +21 -19
  3. package/CHANGELOG.md +12 -0
  4. package/dist/index.d.mts +13 -1
  5. package/dist/index.d.ts +13 -1
  6. package/dist/index.js +147 -9
  7. package/dist/index.mjs +143 -6
  8. package/package.json +1 -1
  9. package/src/components/Alert.tsx +303 -303
  10. package/src/components/Avatar.tsx +55 -55
  11. package/src/components/Badge.tsx +123 -123
  12. package/src/components/Box.tsx +3 -3
  13. package/src/components/Button/index.tsx +62 -62
  14. package/src/components/Button/styledComponents.ts +320 -320
  15. package/src/components/ButtonGroup.tsx +484 -484
  16. package/src/components/Calendar/index.tsx +148 -148
  17. package/src/components/Calendar/styledComponents.ts +274 -259
  18. package/src/components/Card.tsx +67 -67
  19. package/src/components/CheckboxGroup.tsx +176 -176
  20. package/src/components/Container.tsx +39 -39
  21. package/src/components/Divider.tsx +7 -7
  22. package/src/components/DoubleCalendar/index.tsx +170 -170
  23. package/src/components/Drawer/index.tsx +100 -100
  24. package/src/components/Drawer/styledComponents.ts +103 -103
  25. package/src/components/Dropdown.tsx +302 -302
  26. package/src/components/Filter.tsx +164 -164
  27. package/src/components/Flex.tsx +118 -118
  28. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  29. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  30. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  31. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  32. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  33. package/src/components/FormFields/BirthDateFormField.tsx +84 -84
  34. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  35. package/src/components/FormFields/CPFFormField.tsx +78 -78
  36. package/src/components/FormFields/CalendarFormField.tsx +95 -95
  37. package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
  38. package/src/components/FormFields/DateAndTimeFormField.tsx +154 -0
  39. package/src/components/FormFields/DoubleCalendarFormField.tsx +93 -93
  40. package/src/components/FormFields/EmailFormField.tsx +27 -27
  41. package/src/components/FormFields/Form.tsx +39 -39
  42. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
  43. package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
  44. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  45. package/src/components/FormFields/RadioGroupFormField.tsx +86 -86
  46. package/src/components/FormFields/RichEditorFormField.tsx +103 -103
  47. package/src/components/FormFields/SelectFormField.tsx +93 -93
  48. package/src/components/FormFields/SwitchFormField.tsx +46 -46
  49. package/src/components/FormFields/TextAreaFormField.tsx +61 -61
  50. package/src/components/FormFields/TextFormField.tsx +112 -112
  51. package/src/components/FormFields/TimePickerFormField.tsx +88 -88
  52. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  53. package/src/components/FormFields/subComponents/FormLabel.tsx +36 -36
  54. package/src/components/FormFields/utils/validation.ts +23 -23
  55. package/src/components/Grid.tsx +137 -137
  56. package/src/components/Icon.tsx +47 -47
  57. package/src/components/MenuDropdown/index.tsx +38 -38
  58. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  59. package/src/components/Modal.tsx +110 -110
  60. package/src/components/MultiSelect/index.tsx +268 -268
  61. package/src/components/MultiSelect/styledComponents.ts +160 -160
  62. package/src/components/RadioGroup.tsx +210 -210
  63. package/src/components/RichEditor/QuillComponent.tsx +468 -468
  64. package/src/components/RichEditor/RichEditor.tsx +49 -49
  65. package/src/components/RichEditor/RichTextPresenter.tsx +18 -18
  66. package/src/components/RichEditor/index.ts +3 -3
  67. package/src/components/RichEditor/styledComponents.ts +1170 -1170
  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 +372 -372
  73. package/src/components/TextareaField.tsx +116 -116
  74. package/src/components/TimePicker.tsx +328 -328
  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/Tooltip/index.tsx +73 -73
  82. package/src/components/Tooltip/styles.ts +77 -77
  83. package/src/hooks/useCountries.ts +41 -41
  84. package/src/hooks/useImageUpload.ts +139 -139
  85. package/src/hooks/useOnClickOutside.tsx +42 -42
  86. package/src/index.tsx +72 -71
  87. package/src/styles/index.ts +41 -41
  88. package/src/types/typographyValues.ts +178 -178
  89. package/src/utils/getNestedValue.ts +3 -3
  90. package/src/utils/states.ts +29 -29
  91. package/src/utils/uploadService.ts +180 -180
  92. package/tsconfig.json +3 -3
  93. package/tsup.config.ts +38 -38
package/src/components/Drawer/styledComponents.ts CHANGED
@@ -1,103 +1,103 @@
1
- import { styled } from "../../styles";
2
-
3
- export const DrawerOverlayStyled = styled("div", {
4
- position: "fixed",
5
- top: 0,
6
- right: 0,
7
- width: "100vw",
8
- height: "100vh",
9
- background: "rgba(0, 0, 0, 0.4)",
10
-
11
- transition: "opacity 200ms ease",
12
-
13
- variants: {
14
- open: {
15
- true: {
16
- opacity: "1",
17
- },
18
- false: {
19
- pointerEvents: "none",
20
- opacity: "0",
21
- },
22
- },
23
- },
24
- });
25
-
26
- export const DrawerWrapper = styled("div", {
27
- position: "fixed",
28
- top: 0,
29
- right: 0,
30
- height: "100vh",
31
- overflow: "hidden",
32
-
33
- variants: {
34
- open: {
35
- true: {},
36
- false: {
37
- pointerEvents: "none",
38
- },
39
- },
40
- },
41
- });
42
-
43
- export const DrawerContainerStyled = styled("div", {
44
- position: "absolute",
45
- top: 0,
46
- right: 0,
47
- height: "100vh",
48
- background: "$neutral50",
49
- display: "flex",
50
- flexDirection: "column",
51
- boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
52
- overflowY: "auto",
53
- width: "100%",
54
- boxSizing: 'border-box',
55
-
56
- "@md": {
57
- minWidth: "100vw",
58
- maxWidth: "100vw",
59
- },
60
-
61
- transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
62
-
63
- paddingBottom: "1.5rem",
64
-
65
- variants: {
66
- open: {
67
- true: {
68
- transform: "translateX(0) scale(1)",
69
- },
70
- false: {
71
- transform: "translateX(110%) scale(0.98)",
72
- },
73
- },
74
- },
75
- });
76
-
77
- export const DrawerHeaderDiv = styled("div", {
78
- display: "flex",
79
- justifyContent: "space-between",
80
- alignItems: "center",
81
- borderBottom: "1px solid $neutral300",
82
- padding: "1.5rem 1rem",
83
- position: "relative",
84
- });
85
-
86
- export const DrawerHeaderTitle = styled("h2", {
87
- fontSize: "1.125rem",
88
- fontWeight: "400",
89
- fontFamily: "Work Sans",
90
- color: "$dark800",
91
- margin: "0",
92
- });
93
- export const DrawerHeaderCloseButton = styled("button", {
94
- background: "none",
95
- border: "none",
96
- cursor: "pointer",
97
- });
98
- export const GoBackButtonStyled = styled("button", {
99
- background: "none",
100
- padding: "0",
101
- border: "none",
102
- cursor: "pointer",
103
- });
1
+ import { styled } from "../../styles";
2
+
3
+ export const DrawerOverlayStyled = styled("div", {
4
+ position: "fixed",
5
+ top: 0,
6
+ right: 0,
7
+ width: "100vw",
8
+ height: "100vh",
9
+ background: "rgba(0, 0, 0, 0.4)",
10
+
11
+ transition: "opacity 200ms ease",
12
+
13
+ variants: {
14
+ open: {
15
+ true: {
16
+ opacity: "1",
17
+ },
18
+ false: {
19
+ pointerEvents: "none",
20
+ opacity: "0",
21
+ },
22
+ },
23
+ },
24
+ });
25
+
26
+ export const DrawerWrapper = styled("div", {
27
+ position: "fixed",
28
+ top: 0,
29
+ right: 0,
30
+ height: "100vh",
31
+ overflow: "hidden",
32
+
33
+ variants: {
34
+ open: {
35
+ true: {},
36
+ false: {
37
+ pointerEvents: "none",
38
+ },
39
+ },
40
+ },
41
+ });
42
+
43
+ export const DrawerContainerStyled = styled("div", {
44
+ position: "absolute",
45
+ top: 0,
46
+ right: 0,
47
+ height: "100vh",
48
+ background: "$neutral50",
49
+ display: "flex",
50
+ flexDirection: "column",
51
+ boxShadow: "-4px 0 12px rgba(0, 0, 0, 0.2)",
52
+ overflowY: "auto",
53
+ width: "100%",
54
+ boxSizing: 'border-box',
55
+
56
+ "@md": {
57
+ minWidth: "100vw",
58
+ maxWidth: "100vw",
59
+ },
60
+
61
+ transition: "transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)",
62
+
63
+ paddingBottom: "1.5rem",
64
+
65
+ variants: {
66
+ open: {
67
+ true: {
68
+ transform: "translateX(0) scale(1)",
69
+ },
70
+ false: {
71
+ transform: "translateX(110%) scale(0.98)",
72
+ },
73
+ },
74
+ },
75
+ });
76
+
77
+ export const DrawerHeaderDiv = styled("div", {
78
+ display: "flex",
79
+ justifyContent: "space-between",
80
+ alignItems: "center",
81
+ borderBottom: "1px solid $neutral300",
82
+ padding: "1.5rem 1rem",
83
+ position: "relative",
84
+ });
85
+
86
+ export const DrawerHeaderTitle = styled("h2", {
87
+ fontSize: "1.125rem",
88
+ fontWeight: "400",
89
+ fontFamily: "Work Sans",
90
+ color: "$dark800",
91
+ margin: "0",
92
+ });
93
+ export const DrawerHeaderCloseButton = styled("button", {
94
+ background: "none",
95
+ border: "none",
96
+ cursor: "pointer",
97
+ });
98
+ export const GoBackButtonStyled = styled("button", {
99
+ background: "none",
100
+ padding: "0",
101
+ border: "none",
102
+ cursor: "pointer",
103
+ });