@rn-components-dropdown/dropdown 1.0.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 (86) hide show
  1. package/dist/components/dropdown/Dropdown.d.ts +4 -0
  2. package/dist/components/dropdown/Dropdown.js +313 -0
  3. package/dist/components/dropdown/DropdownStyle.d.ts +151 -0
  4. package/dist/components/dropdown/DropdownStyle.js +148 -0
  5. package/dist/components/dropdown/components/chip/Chip.d.ts +3 -0
  6. package/dist/components/dropdown/components/chip/Chip.js +22 -0
  7. package/dist/components/dropdown/components/chip/ChipStyle.d.ts +84 -0
  8. package/dist/components/dropdown/components/chip/ChipStyle.js +63 -0
  9. package/dist/components/dropdown/components/input/TextInput.d.ts +3 -0
  10. package/dist/components/dropdown/components/input/TextInput.js +60 -0
  11. package/dist/components/dropdown/components/input/TextInputStyle.d.ts +32 -0
  12. package/dist/components/dropdown/components/input/TextInputStyle.js +33 -0
  13. package/dist/components/dropdown/hooks/useDetectDevice.d.ts +3 -0
  14. package/dist/components/dropdown/hooks/useDetectDevice.js +22 -0
  15. package/dist/components/dropdown/hooks/useDropdown.d.ts +26 -0
  16. package/dist/components/dropdown/hooks/useDropdown.js +263 -0
  17. package/dist/components/dropdown/hooks/useOrientation.d.ts +1 -0
  18. package/dist/components/dropdown/hooks/useOrientation.js +30 -0
  19. package/dist/components/dropdown/interface/ChipInterface.d.ts +8 -0
  20. package/dist/components/dropdown/interface/ChipInterface.js +2 -0
  21. package/dist/components/dropdown/interface/DropdownInterface.d.ts +71 -0
  22. package/dist/components/dropdown/interface/DropdownInterface.js +2 -0
  23. package/dist/components/dropdown/interface/InputProps.d.ts +8 -0
  24. package/dist/components/dropdown/interface/InputProps.js +2 -0
  25. package/dist/components/svgButton/SvgButton.d.ts +11 -0
  26. package/dist/components/svgButton/SvgButton.js +16 -0
  27. package/dist/components/svgButton/SvgButtonStyle.d.ts +28 -0
  28. package/dist/components/svgButton/SvgButtonStyle.js +29 -0
  29. package/dist/components/text/AppText.d.ts +12 -0
  30. package/dist/components/text/AppText.js +24 -0
  31. package/dist/components/text/AppTextStyle.d.ts +171 -0
  32. package/dist/components/text/AppTextStyle.js +27 -0
  33. package/dist/components/textInput/AppTextInput.d.ts +20 -0
  34. package/dist/components/textInput/AppTextInput.js +89 -0
  35. package/dist/components/textInput/AppTextInputStyle.d.ts +79 -0
  36. package/dist/components/textInput/AppTextInputStyle.js +61 -0
  37. package/dist/controller/dropDownController/DropdownController.d.ts +10 -0
  38. package/dist/controller/dropDownController/DropdownController.js +25 -0
  39. package/dist/controller/dropDownController/DropdownControllerStyle.d.ts +50 -0
  40. package/dist/controller/dropDownController/DropdownControllerStyle.js +48 -0
  41. package/dist/controller/textInputController/AppTextInputController.d.ts +13 -0
  42. package/dist/controller/textInputController/AppTextInputController.js +14 -0
  43. package/dist/controller/textInputController/InputControllerStyle.d.ts +31 -0
  44. package/dist/controller/textInputController/InputControllerStyle.js +29 -0
  45. package/dist/index.d.ts +5 -0
  46. package/dist/index.js +16 -0
  47. package/dist/interface/colors.interface.d.ts +20 -0
  48. package/dist/interface/colors.interface.js +2 -0
  49. package/dist/style/colors.d.ts +33 -0
  50. package/dist/style/colors.js +44 -0
  51. package/dist/style/index.d.ts +7 -0
  52. package/dist/style/index.js +29 -0
  53. package/dist/style/shadow.d.ts +161 -0
  54. package/dist/style/shadow.js +158 -0
  55. package/dist/style/spacing.d.ts +23 -0
  56. package/dist/style/spacing.js +26 -0
  57. package/package.json +33 -0
  58. package/src/components/dropdown/Dropdown.tsx +512 -0
  59. package/src/components/dropdown/DropdownStyle.ts +154 -0
  60. package/src/components/dropdown/components/chip/Chip.tsx +31 -0
  61. package/src/components/dropdown/components/chip/ChipStyle.ts +64 -0
  62. package/src/components/dropdown/components/input/TextInput.tsx +46 -0
  63. package/src/components/dropdown/components/input/TextInputStyle.ts +32 -0
  64. package/src/components/dropdown/hooks/useDetectDevice.ts +25 -0
  65. package/src/components/dropdown/hooks/useDropdown.ts +356 -0
  66. package/src/components/dropdown/hooks/useOrientation.ts +36 -0
  67. package/src/components/dropdown/interface/ChipInterface.ts +9 -0
  68. package/src/components/dropdown/interface/DropdownInterface.ts +90 -0
  69. package/src/components/dropdown/interface/InputProps.ts +9 -0
  70. package/src/components/svgButton/SvgButton.tsx +37 -0
  71. package/src/components/svgButton/SvgButtonStyle.ts +27 -0
  72. package/src/components/text/AppText.tsx +41 -0
  73. package/src/components/text/AppTextStyle.ts +40 -0
  74. package/src/components/textInput/AppTextInput.tsx +148 -0
  75. package/src/components/textInput/AppTextInputStyle.ts +72 -0
  76. package/src/controller/dropDownController/DropdownController.tsx +81 -0
  77. package/src/controller/dropDownController/DropdownControllerStyle.ts +47 -0
  78. package/src/controller/textInputController/AppTextInputController.tsx +50 -0
  79. package/src/controller/textInputController/InputControllerStyle.ts +28 -0
  80. package/src/index.ts +5 -0
  81. package/src/interface/colors.interface.ts +22 -0
  82. package/src/style/colors.ts +46 -0
  83. package/src/style/index.ts +14 -0
  84. package/src/style/shadow.ts +155 -0
  85. package/src/style/spacing.ts +23 -0
  86. package/tsconfig.json +13 -0
@@ -0,0 +1,158 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SHADOW = void 0;
4
+ exports.SHADOW = {
5
+ noShadow: {
6
+ shadowColor: 'transparent',
7
+ shadowOffset: {
8
+ width: 0,
9
+ height: 0,
10
+ },
11
+ shadowOpacity: 0,
12
+ shadowRadius: 0,
13
+ elevation: 0,
14
+ },
15
+ shadow0: {
16
+ shadowColor: '#000',
17
+ shadowOffset: {
18
+ width: 0,
19
+ height: 1,
20
+ },
21
+ shadowOpacity: 0.18,
22
+ shadowRadius: 1.0,
23
+ elevation: 1,
24
+ },
25
+ shadow1: {
26
+ shadowColor: '#000',
27
+ shadowOffset: {
28
+ width: 0,
29
+ height: 1,
30
+ },
31
+ shadowOpacity: 0.2,
32
+ shadowRadius: 1.41,
33
+ elevation: 2,
34
+ },
35
+ shadow2: {
36
+ shadowColor: '#000',
37
+ shadowOffset: {
38
+ width: 0,
39
+ height: 1,
40
+ },
41
+ shadowOpacity: 0.22,
42
+ shadowRadius: 0.8,
43
+ elevation: 3,
44
+ },
45
+ shadow3: {
46
+ shadowColor: '#000',
47
+ shadowOffset: {
48
+ width: 0,
49
+ height: 2,
50
+ },
51
+ shadowOpacity: 0.23,
52
+ shadowRadius: 2.62,
53
+ elevation: 4,
54
+ },
55
+ shadow4: {
56
+ shadowColor: '#000',
57
+ shadowOffset: {
58
+ width: 0,
59
+ height: 2,
60
+ },
61
+ shadowOpacity: 0.25,
62
+ shadowRadius: 3.84,
63
+ elevation: 5,
64
+ },
65
+ shadow5: {
66
+ shadowColor: '#000',
67
+ shadowOffset: {
68
+ width: 0,
69
+ height: 3,
70
+ },
71
+ shadowOpacity: 0.27,
72
+ shadowRadius: 4.65,
73
+ elevation: 6,
74
+ },
75
+ shadow6: {
76
+ shadowColor: '#000',
77
+ shadowOffset: {
78
+ width: 0,
79
+ height: 3,
80
+ },
81
+ shadowOpacity: 0.29,
82
+ shadowRadius: 4.65,
83
+ elevation: 7,
84
+ },
85
+ shadow7: {
86
+ shadowColor: '#000',
87
+ shadowOffset: {
88
+ width: 0,
89
+ height: 4,
90
+ },
91
+ shadowOpacity: 0.3,
92
+ shadowRadius: 4.65,
93
+ elevation: 8,
94
+ },
95
+ shadow8: {
96
+ shadowColor: '#000',
97
+ shadowOffset: {
98
+ width: 0,
99
+ height: 4,
100
+ },
101
+ shadowOpacity: 0.32,
102
+ shadowRadius: 5.46,
103
+ elevation: 9,
104
+ },
105
+ shadow9: {
106
+ shadowColor: '#000',
107
+ shadowOffset: {
108
+ width: 0,
109
+ height: 5,
110
+ },
111
+ shadowOpacity: 0.34,
112
+ shadowRadius: 6.27,
113
+ elevation: 10,
114
+ },
115
+ shadow10: {
116
+ shadowColor: '#C3C3C3',
117
+ shadowOffset: { width: 0, height: 0 },
118
+ shadowOpacity: 0.3,
119
+ shadowRadius: 5,
120
+ elevation: 5,
121
+ },
122
+ shadow11: {
123
+ shadowColor: '#3683BC',
124
+ shadowOffset: {
125
+ width: 1,
126
+ height: 1,
127
+ },
128
+ shadowOpacity: 0.3,
129
+ shadowRadius: 1,
130
+ elevation: 1,
131
+ },
132
+ shadow12: {
133
+ shadowColor: '#000',
134
+ shadowOffset: {
135
+ width: 1,
136
+ height: 1,
137
+ },
138
+ shadowOpacity: 0.1,
139
+ shadowRadius: 3,
140
+ elevation: 5,
141
+ },
142
+ containerShadow: {
143
+ shadowOffset: { width: 2, height: 1 },
144
+ shadowOpacity: 0.5,
145
+ shadowRadius: 6,
146
+ elevation: 5,
147
+ },
148
+ shadow13: {
149
+ shadowColor: '#3683BC',
150
+ shadowOffset: {
151
+ width: 1,
152
+ height: 1,
153
+ },
154
+ shadowOpacity: 0.005,
155
+ shadowRadius: 3,
156
+ elevation: 1,
157
+ },
158
+ };
@@ -0,0 +1,23 @@
1
+ export declare const SPACING: {
2
+ none: number;
3
+ s1: number;
4
+ s2: number;
5
+ s3: number;
6
+ s4: number;
7
+ s6: number;
8
+ s8: number;
9
+ s10: number;
10
+ s12: number;
11
+ s14: number;
12
+ s16: number;
13
+ s18: number;
14
+ s20: number;
15
+ s22: number;
16
+ s24: number;
17
+ s30: number;
18
+ s36: number;
19
+ s40: number;
20
+ s45: number;
21
+ s48: number;
22
+ s50: number;
23
+ };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SPACING = void 0;
4
+ exports.SPACING = {
5
+ none: 0,
6
+ s1: 1,
7
+ s2: 2,
8
+ s3: 3,
9
+ s4: 4,
10
+ s6: 6,
11
+ s8: 8,
12
+ s10: 10,
13
+ s12: 12,
14
+ s14: 14,
15
+ s16: 16,
16
+ s18: 18,
17
+ s20: 20,
18
+ s22: 22,
19
+ s24: 24,
20
+ s30: 30,
21
+ s36: 36,
22
+ s40: 40,
23
+ s45: 45,
24
+ s48: 48,
25
+ s50: 50,
26
+ };
package/package.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "@rn-components-dropdown/dropdown",
3
+ "version": "1.0.0",
4
+ "main": "dist/index.js",
5
+ "types": "dist/index.d.ts",
6
+ "scripts": {
7
+ "build": "tsc",
8
+ "patch": "npm version patch",
9
+ "prepublishOnly": "npm run build",
10
+ "publish": "npm publish --access public"
11
+ },
12
+ "keywords": [
13
+ "react",
14
+ "react-native",
15
+ "react-components"
16
+ ],
17
+ "author": "",
18
+ "license": "ISC",
19
+ "description": "",
20
+ "devDependencies": {
21
+ "@types/lodash": "^4.17.20",
22
+ "@types/react": "^19.2.2",
23
+ "typescript": "^5.9.3"
24
+ },
25
+ "peerDependencies": {
26
+ "react": "^19.1.1",
27
+ "react-native": "^0.82.1"
28
+ },
29
+ "dependencies": {
30
+ "lodash": "^4.17.21",
31
+ "react-hook-form": "^7.66.0"
32
+ }
33
+ }