@codeleap/mobile 1.9.20 → 1.9.21

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 (194) hide show
  1. package/CodeLeap-Mobile-Packages.code-workspace +7 -7
  2. package/dist/components/ActivityIndicator.d.ts +13 -13
  3. package/dist/components/ActivityIndicator.js +54 -54
  4. package/dist/components/ActivityIndicator.js.map +0 -0
  5. package/dist/components/Animated.d.ts +15 -15
  6. package/dist/components/Animated.js +58 -58
  7. package/dist/components/Animated.js.map +0 -0
  8. package/dist/components/Button.d.ts +125 -125
  9. package/dist/components/Button.js +82 -82
  10. package/dist/components/Button.js.map +0 -0
  11. package/dist/components/Checkbox/index.d.ts +15 -15
  12. package/dist/components/Checkbox/index.js +79 -77
  13. package/dist/components/Checkbox/index.js.map +1 -1
  14. package/dist/components/Checkbox/styles.d.ts +55 -55
  15. package/dist/components/Checkbox/styles.js +51 -48
  16. package/dist/components/Checkbox/styles.js.map +1 -1
  17. package/dist/components/ContentView.d.ts +10 -10
  18. package/dist/components/ContentView.js +50 -50
  19. package/dist/components/ContentView.js.map +0 -0
  20. package/dist/components/FileInput.d.ts +31 -28
  21. package/dist/components/FileInput.js +230 -195
  22. package/dist/components/FileInput.js.map +1 -1
  23. package/dist/components/Icon.d.ts +12 -12
  24. package/dist/components/Icon.js +70 -70
  25. package/dist/components/Icon.js.map +0 -0
  26. package/dist/components/Image.d.ts +18 -18
  27. package/dist/components/Image.js +59 -59
  28. package/dist/components/Image.js.map +0 -0
  29. package/dist/components/List.d.ts +14 -14
  30. package/dist/components/List.js +83 -83
  31. package/dist/components/List.js.map +0 -0
  32. package/dist/components/Modal/index.d.ts +26 -26
  33. package/dist/components/Modal/index.js +112 -112
  34. package/dist/components/Modal/index.js.map +0 -0
  35. package/dist/components/Modal/styles.d.ts +69 -69
  36. package/dist/components/Modal/styles.js +64 -64
  37. package/dist/components/Modal/styles.js.map +0 -0
  38. package/dist/components/Navigation/Navigation.d.ts +3 -3
  39. package/dist/components/Navigation/Navigation.js +87 -87
  40. package/dist/components/Navigation/Navigation.js.map +0 -0
  41. package/dist/components/Navigation/constants.d.ts +5 -5
  42. package/dist/components/Navigation/constants.js +10 -10
  43. package/dist/components/Navigation/constants.js.map +0 -0
  44. package/dist/components/Navigation/index.d.ts +3 -3
  45. package/dist/components/Navigation/index.js +19 -19
  46. package/dist/components/Navigation/index.js.map +0 -0
  47. package/dist/components/Navigation/types.d.ts +26 -26
  48. package/dist/components/Navigation/types.js +7 -7
  49. package/dist/components/Navigation/types.js.map +0 -0
  50. package/dist/components/Navigation/utils.d.ts +3 -3
  51. package/dist/components/Navigation/utils.js +69 -69
  52. package/dist/components/Navigation/utils.js.map +0 -0
  53. package/dist/components/Overlay.d.ts +16 -16
  54. package/dist/components/Overlay.js +69 -69
  55. package/dist/components/Overlay.js.map +0 -0
  56. package/dist/components/Pager/index.d.ts +20 -20
  57. package/dist/components/Pager/index.js +167 -167
  58. package/dist/components/Pager/index.js.map +0 -0
  59. package/dist/components/Pager/styles.d.ts +54 -54
  60. package/dist/components/Pager/styles.js +43 -43
  61. package/dist/components/Pager/styles.js.map +0 -0
  62. package/dist/components/RadioInput/index.d.ts +26 -26
  63. package/dist/components/RadioInput/index.js +72 -72
  64. package/dist/components/RadioInput/index.js.map +0 -0
  65. package/dist/components/RadioInput/styles.d.ts +57 -57
  66. package/dist/components/RadioInput/styles.js +44 -44
  67. package/dist/components/RadioInput/styles.js.map +0 -0
  68. package/dist/components/Scroll.d.ts +13 -13
  69. package/dist/components/Scroll.js +81 -81
  70. package/dist/components/Scroll.js.map +0 -0
  71. package/dist/components/Sections.d.ts +11 -11
  72. package/dist/components/Sections.js +80 -80
  73. package/dist/components/Sections.js.map +0 -0
  74. package/dist/components/Select/index.d.ts +5 -5
  75. package/dist/components/Select/index.js +150 -150
  76. package/dist/components/Select/index.js.map +0 -0
  77. package/dist/components/Select/styles.d.ts +9 -9
  78. package/dist/components/Select/styles.js +56 -56
  79. package/dist/components/Select/styles.js.map +0 -0
  80. package/dist/components/Select/types.d.ts +40 -40
  81. package/dist/components/Select/types.js +2 -2
  82. package/dist/components/Select/types.js.map +0 -0
  83. package/dist/components/Slider/Mark.d.ts +3 -3
  84. package/dist/components/Slider/Mark.js +31 -31
  85. package/dist/components/Slider/Mark.js.map +0 -0
  86. package/dist/components/Slider/Thumb.d.ts +7 -7
  87. package/dist/components/Slider/Thumb.js +29 -29
  88. package/dist/components/Slider/Thumb.js.map +0 -0
  89. package/dist/components/Slider/index.d.ts +3 -3
  90. package/dist/components/Slider/index.js +97 -97
  91. package/dist/components/Slider/index.js.map +0 -0
  92. package/dist/components/Slider/types.d.ts +25 -25
  93. package/dist/components/Slider/types.js +2 -2
  94. package/dist/components/Slider/types.js.map +0 -0
  95. package/dist/components/Switch.d.ts +13 -13
  96. package/dist/components/Switch.js +75 -75
  97. package/dist/components/Switch.js.map +0 -0
  98. package/dist/components/Text.d.ts +12 -12
  99. package/dist/components/Text.js +52 -52
  100. package/dist/components/Text.js.map +0 -0
  101. package/dist/components/TextInput.d.ts +183 -183
  102. package/dist/components/TextInput.js +180 -178
  103. package/dist/components/TextInput.js.map +1 -1
  104. package/dist/components/Touchable.d.ts +14 -14
  105. package/dist/components/Touchable.js +61 -61
  106. package/dist/components/Touchable.js.map +1 -1
  107. package/dist/components/View.d.ts +120 -120
  108. package/dist/components/View.js +54 -54
  109. package/dist/components/View.js.map +0 -0
  110. package/dist/components/components.d.ts +25 -25
  111. package/dist/components/components.js +41 -41
  112. package/dist/components/components.js.map +0 -0
  113. package/dist/index.d.ts +5 -5
  114. package/dist/index.js +28 -28
  115. package/dist/index.js.map +0 -0
  116. package/dist/modules/documentPicker.d.ts +3 -3
  117. package/dist/modules/documentPicker.js +11 -11
  118. package/dist/modules/documentPicker.js.map +0 -0
  119. package/dist/modules/fastImage.d.ts +1 -1
  120. package/dist/modules/fastImage.js +9 -9
  121. package/dist/modules/fastImage.js.map +0 -0
  122. package/dist/modules/reactNavigation.d.ts +3 -3
  123. package/dist/modules/reactNavigation.js +10 -10
  124. package/dist/modules/reactNavigation.js.map +0 -0
  125. package/dist/modules/textInputMask.d.ts +12 -12
  126. package/dist/modules/textInputMask.js +7 -7
  127. package/dist/modules/types/fileTypes.d.ts +138 -138
  128. package/dist/modules/types/fileTypes.js +2 -2
  129. package/dist/modules/types/fileTypes.js.map +0 -0
  130. package/dist/modules/types/textInputMask.d.ts +12 -12
  131. package/dist/modules/types/textInputMask.js +2 -2
  132. package/dist/types/utility.d.ts +2 -2
  133. package/dist/types/utility.js +2 -2
  134. package/dist/types/utility.js.map +0 -0
  135. package/dist/utils/OSAlert.d.ts +31 -31
  136. package/dist/utils/OSAlert.js +141 -141
  137. package/dist/utils/OSAlert.js.map +0 -0
  138. package/dist/utils/misc.d.ts +2 -2
  139. package/dist/utils/misc.js +25 -25
  140. package/dist/utils/misc.js.map +0 -0
  141. package/dist/utils/styles.d.ts +1 -1
  142. package/dist/utils/styles.js +12 -12
  143. package/dist/utils/styles.js.map +0 -0
  144. package/package.json +40 -40
  145. package/src/components/ActivityIndicator.tsx +46 -46
  146. package/src/components/Animated.tsx +34 -34
  147. package/src/components/Button.tsx +95 -95
  148. package/src/components/Checkbox/index.tsx +85 -85
  149. package/src/components/Checkbox/styles.ts +76 -76
  150. package/src/components/ContentView.tsx +58 -58
  151. package/src/components/FileInput.tsx +230 -230
  152. package/src/components/Icon.tsx +58 -58
  153. package/src/components/Image.tsx +61 -61
  154. package/src/components/List.tsx +111 -111
  155. package/src/components/Modal/index.tsx +161 -161
  156. package/src/components/Modal/styles.ts +133 -133
  157. package/src/components/Navigation/Navigation.tsx +58 -58
  158. package/src/components/Navigation/constants.ts +8 -8
  159. package/src/components/Navigation/index.tsx +3 -3
  160. package/src/components/Navigation/types.ts +35 -35
  161. package/src/components/Navigation/utils.tsx +59 -59
  162. package/src/components/Overlay.tsx +77 -77
  163. package/src/components/Pager/index.tsx +242 -242
  164. package/src/components/Pager/styles.ts +51 -51
  165. package/src/components/RadioInput/index.tsx +101 -101
  166. package/src/components/RadioInput/styles.ts +67 -67
  167. package/src/components/Scroll.tsx +106 -106
  168. package/src/components/Sections.tsx +101 -101
  169. package/src/components/Select/index.tsx +195 -195
  170. package/src/components/Select/styles.ts +81 -81
  171. package/src/components/Select/types.ts +46 -46
  172. package/src/components/Slider/Mark.tsx +46 -46
  173. package/src/components/Slider/Thumb.tsx +29 -29
  174. package/src/components/Slider/index.tsx +123 -123
  175. package/src/components/Slider/types.ts +25 -25
  176. package/src/components/Switch.tsx +81 -81
  177. package/src/components/Text.tsx +30 -30
  178. package/src/components/TextInput.tsx +247 -245
  179. package/src/components/Touchable.tsx +65 -67
  180. package/src/components/View.tsx +46 -46
  181. package/src/components/components.ts +26 -26
  182. package/src/index.ts +6 -6
  183. package/src/modules/documentPicker.ts +7 -7
  184. package/src/modules/fastImage.ts +2 -2
  185. package/src/modules/index.d.ts +496 -496
  186. package/src/modules/reactNavigation.ts +4 -4
  187. package/src/modules/textInputMask.ts +9 -9
  188. package/src/modules/types/documentPicker.d.ts +215 -215
  189. package/src/modules/types/fileTypes.ts +138 -138
  190. package/src/modules/types/textInputMask.ts +13 -13
  191. package/src/types/utility.ts +3 -3
  192. package/src/utils/OSAlert.ts +180 -180
  193. package/src/utils/misc.ts +24 -24
  194. package/src/utils/styles.ts +14 -14
@@ -1,142 +1,142 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- /* eslint no-restricted-imports: 'off' */
15
- /* eslint prefer-const: 'off' */
16
- var react_native_1 = require("react-native");
17
- var currentAlerts = {};
18
- function generateAlertID(from) {
19
- return [
20
- from.type,
21
- from.title,
22
- from.body,
23
- ].join('-');
24
- }
25
- function shouldShowAlert(args, type) {
26
- var alertId = generateAlertID(__assign(__assign({}, args), { type: type }));
27
- if (!Object.keys(currentAlerts).includes(alertId)) {
28
- currentAlerts[alertId] = true;
29
- return alertId;
30
- }
31
- return '';
32
- }
33
- function popAlert(id) {
34
- delete currentAlerts[id];
35
- }
36
- function ask(_a) {
37
- var title = _a.title, body = _a.body, _b = _a.options, options = _b === void 0 ? null : _b;
38
- if (!title) {
39
- title = 'Quick quetion';
40
- }
41
- OSAlert({
42
- title: title,
43
- body: body,
44
- options: options,
45
- });
46
- }
47
- function warn(args) {
48
- var id = shouldShowAlert(args, 'warn');
49
- if (!id)
50
- return;
51
- var title = args.title, body = args.body, onAccept = args.onAccept, onReject = args.onReject;
52
- if (!title) {
53
- title = 'Hang on';
54
- }
55
- if (!body) {
56
- body = 'Are you sure?';
57
- }
58
- if (!onReject) {
59
- onReject = function () { return null; };
60
- }
61
- OSAlert({
62
- title: title,
63
- body: body,
64
- options: [
65
- {
66
- text: 'Cancel',
67
- onPress: function () {
68
- popAlert(id);
69
- onReject();
70
- },
71
- },
72
- {
73
- text: 'OK',
74
- style: 'destructive',
75
- onPress: function () {
76
- popAlert(id);
77
- onAccept === null || onAccept === void 0 ? void 0 : onAccept();
78
- },
79
- },
80
- ],
81
- });
82
- }
83
- function info(args) {
84
- var id = shouldShowAlert(args, 'info');
85
- if (!id)
86
- return;
87
- var title = args.title, body = args.body, _a = args.onDismiss, onDismiss = _a === void 0 ? function () { return null; } : _a;
88
- if (!title) {
89
- title = 'FYI';
90
- }
91
- OSAlert({
92
- title: title,
93
- body: body,
94
- options: [
95
- {
96
- text: 'OK',
97
- onPress: function () {
98
- popAlert(id);
99
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
100
- },
101
- },
102
- ],
103
- });
104
- }
105
- function OSError(args) {
106
- var id = shouldShowAlert(args, 'error');
107
- if (!id)
108
- return;
109
- var title = args.title, body = args.body;
110
- if (!title) {
111
- title = 'Whoops!';
112
- }
113
- if (!body) {
114
- body = 'Something went wrong';
115
- }
116
- OSAlert({
117
- title: title,
118
- body: body,
119
- options: [
120
- {
121
- text: 'OK',
122
- onPress: function () {
123
- var _a;
124
- popAlert(id);
125
- (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
126
- },
127
- },
128
- ],
129
- });
130
- }
131
- function OSAlert(params) {
132
- react_native_1.Alert.alert(params.title, params.body, params.options, {
133
- cancelable: false,
134
- });
135
- }
136
- exports.default = {
137
- ask: ask,
138
- warn: warn,
139
- info: info,
140
- error: OSError,
141
- };
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ /* eslint no-restricted-imports: 'off' */
15
+ /* eslint prefer-const: 'off' */
16
+ var react_native_1 = require("react-native");
17
+ var currentAlerts = {};
18
+ function generateAlertID(from) {
19
+ return [
20
+ from.type,
21
+ from.title,
22
+ from.body,
23
+ ].join('-');
24
+ }
25
+ function shouldShowAlert(args, type) {
26
+ var alertId = generateAlertID(__assign(__assign({}, args), { type: type }));
27
+ if (!Object.keys(currentAlerts).includes(alertId)) {
28
+ currentAlerts[alertId] = true;
29
+ return alertId;
30
+ }
31
+ return '';
32
+ }
33
+ function popAlert(id) {
34
+ delete currentAlerts[id];
35
+ }
36
+ function ask(_a) {
37
+ var title = _a.title, body = _a.body, _b = _a.options, options = _b === void 0 ? null : _b;
38
+ if (!title) {
39
+ title = 'Quick quetion';
40
+ }
41
+ OSAlert({
42
+ title: title,
43
+ body: body,
44
+ options: options,
45
+ });
46
+ }
47
+ function warn(args) {
48
+ var id = shouldShowAlert(args, 'warn');
49
+ if (!id)
50
+ return;
51
+ var title = args.title, body = args.body, onAccept = args.onAccept, onReject = args.onReject;
52
+ if (!title) {
53
+ title = 'Hang on';
54
+ }
55
+ if (!body) {
56
+ body = 'Are you sure?';
57
+ }
58
+ if (!onReject) {
59
+ onReject = function () { return null; };
60
+ }
61
+ OSAlert({
62
+ title: title,
63
+ body: body,
64
+ options: [
65
+ {
66
+ text: 'Cancel',
67
+ onPress: function () {
68
+ popAlert(id);
69
+ onReject();
70
+ },
71
+ },
72
+ {
73
+ text: 'OK',
74
+ style: 'destructive',
75
+ onPress: function () {
76
+ popAlert(id);
77
+ onAccept === null || onAccept === void 0 ? void 0 : onAccept();
78
+ },
79
+ },
80
+ ],
81
+ });
82
+ }
83
+ function info(args) {
84
+ var id = shouldShowAlert(args, 'info');
85
+ if (!id)
86
+ return;
87
+ var title = args.title, body = args.body, _a = args.onDismiss, onDismiss = _a === void 0 ? function () { return null; } : _a;
88
+ if (!title) {
89
+ title = 'FYI';
90
+ }
91
+ OSAlert({
92
+ title: title,
93
+ body: body,
94
+ options: [
95
+ {
96
+ text: 'OK',
97
+ onPress: function () {
98
+ popAlert(id);
99
+ onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
100
+ },
101
+ },
102
+ ],
103
+ });
104
+ }
105
+ function OSError(args) {
106
+ var id = shouldShowAlert(args, 'error');
107
+ if (!id)
108
+ return;
109
+ var title = args.title, body = args.body;
110
+ if (!title) {
111
+ title = 'Whoops!';
112
+ }
113
+ if (!body) {
114
+ body = 'Something went wrong';
115
+ }
116
+ OSAlert({
117
+ title: title,
118
+ body: body,
119
+ options: [
120
+ {
121
+ text: 'OK',
122
+ onPress: function () {
123
+ var _a;
124
+ popAlert(id);
125
+ (_a = args === null || args === void 0 ? void 0 : args.onDismiss) === null || _a === void 0 ? void 0 : _a.call(args);
126
+ },
127
+ },
128
+ ],
129
+ });
130
+ }
131
+ function OSAlert(params) {
132
+ react_native_1.Alert.alert(params.title, params.body, params.options, {
133
+ cancelable: false,
134
+ });
135
+ }
136
+ exports.default = {
137
+ ask: ask,
138
+ warn: warn,
139
+ info: info,
140
+ error: OSError,
141
+ };
142
142
  //# sourceMappingURL=OSAlert.js.map
File without changes
@@ -1,2 +1,2 @@
1
- import { MobileInputFile } from '@codeleap/common';
2
- export declare const stringToFile: (str: string) => MobileInputFile;
1
+ import { MobileInputFile } from '@codeleap/common';
2
+ export declare const stringToFile: (str: string) => MobileInputFile;
@@ -1,26 +1,26 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.stringToFile = void 0;
4
- var common_1 = require("@codeleap/common");
5
- var stringToFile = function (str) {
6
- if (!str) {
7
- return {
8
- file: null,
9
- preview: null,
10
- };
11
- }
12
- var fileData = (0, common_1.parseFilePathData)(str);
13
- var data = {
14
- name: fileData.name,
15
- type: 'image/' + fileData.extension,
16
- size: 1000,
17
- uri: str,
18
- fileCopyUri: str,
19
- };
20
- return {
21
- file: data,
22
- preview: data.uri,
23
- };
24
- };
25
- exports.stringToFile = stringToFile;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.stringToFile = void 0;
4
+ var common_1 = require("@codeleap/common");
5
+ var stringToFile = function (str) {
6
+ if (!str) {
7
+ return {
8
+ file: null,
9
+ preview: null,
10
+ };
11
+ }
12
+ var fileData = (0, common_1.parseFilePathData)(str);
13
+ var data = {
14
+ name: fileData.name,
15
+ type: 'image/' + fileData.extension,
16
+ size: 1000,
17
+ uri: str,
18
+ fileCopyUri: str,
19
+ };
20
+ return {
21
+ file: data,
22
+ preview: data.uri,
23
+ };
24
+ };
25
+ exports.stringToFile = stringToFile;
26
26
  //# sourceMappingURL=misc.js.map
File without changes
@@ -1 +1 @@
1
- export declare function useLogStyles(): (name: any, styles: any) => void;
1
+ export declare function useLogStyles(): (name: any, styles: any) => void;
@@ -1,13 +1,13 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useLogStyles = void 0;
4
- var common_1 = require("@codeleap/common");
5
- var react_native_1 = require("react-native");
6
- function useLogStyles() {
7
- var logger = (0, common_1.useCodeleapContext)().logger;
8
- return function (name, styles) {
9
- logger.debug.blue(name, JSON.stringify(react_native_1.StyleSheet.flatten(styles), null, 2), 'Component Styles');
10
- };
11
- }
12
- exports.useLogStyles = useLogStyles;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useLogStyles = void 0;
4
+ var common_1 = require("@codeleap/common");
5
+ var react_native_1 = require("react-native");
6
+ function useLogStyles() {
7
+ var logger = (0, common_1.useCodeleapContext)().logger;
8
+ return function (name, styles) {
9
+ logger.debug.blue(name, JSON.stringify(react_native_1.StyleSheet.flatten(styles), null, 2), 'Component Styles');
10
+ };
11
+ }
12
+ exports.useLogStyles = useLogStyles;
13
13
  //# sourceMappingURL=styles.js.map
File without changes
package/package.json CHANGED
@@ -1,40 +1,40 @@
1
- {
2
- "name": "@codeleap/mobile",
3
- "version": "1.9.20",
4
- "main": "src/index.ts",
5
- "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
6
- "license": "UNLICENSED",
7
- "repository": "PRIVATE",
8
- "devDependencies": {
9
- "@codeleap/config": "*",
10
- "@types/react-native": "^0.66.15",
11
- "@types/react-window": "^1.8.5",
12
- "typescript": "^4.5.5"
13
- },
14
- "scripts": {
15
- "build": "tsc --build",
16
- "lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
17
- },
18
- "peerDependencies": {
19
- "@codeleap/common": "*",
20
- "@react-navigation/bottom-tabs": "^6.0.9",
21
- "@react-navigation/drawer": "^6.1.8",
22
- "@react-navigation/native": "^6.0.6",
23
- "@react-navigation/native-stack": "^6.2.5",
24
- "@react-navigation/stack": "^6.1.1",
25
- "react": "*",
26
- "react-native": "*",
27
- "react-native-animatable": "^1.3.3",
28
- "react-native-fast-image": "^8.5.11",
29
- "react-native-gesture-handler": "^2.2.0",
30
- "react-native-image-crop-picker": "*",
31
- "react-native-keyboard-aware-scroll-view": "^0.9.5",
32
- "react-native-text-input-mask": "3.1.4"
33
- },
34
- "dependencies": {
35
- "@miblanchard/react-native-slider": "^2.1.0",
36
- "react-native-animatable": "^1.3.3",
37
- "react-native-masked-text": "^1.13.0",
38
- "react-native-pose": "^0.9.1"
39
- }
40
- }
1
+ {
2
+ "name": "@codeleap/mobile",
3
+ "version": "1.9.21",
4
+ "main": "src/index.ts",
5
+ "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
6
+ "license": "UNLICENSED",
7
+ "repository": "PRIVATE",
8
+ "devDependencies": {
9
+ "@codeleap/config": "*",
10
+ "@types/react-native": "^0.66.15",
11
+ "@types/react-window": "^1.8.5",
12
+ "typescript": "^4.5.5"
13
+ },
14
+ "scripts": {
15
+ "build": "tsc --build",
16
+ "lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
17
+ },
18
+ "peerDependencies": {
19
+ "@codeleap/common": "*",
20
+ "@react-navigation/bottom-tabs": "^6.0.9",
21
+ "@react-navigation/drawer": "^6.1.8",
22
+ "@react-navigation/native": "^6.0.6",
23
+ "@react-navigation/native-stack": "^6.2.5",
24
+ "@react-navigation/stack": "^6.1.1",
25
+ "react": "*",
26
+ "react-native": "*",
27
+ "react-native-animatable": "^1.3.3",
28
+ "react-native-fast-image": "^8.5.11",
29
+ "react-native-gesture-handler": "^2.2.0",
30
+ "react-native-image-crop-picker": "*",
31
+ "react-native-keyboard-aware-scroll-view": "^0.9.5",
32
+ "react-native-text-input-mask": "3.1.4"
33
+ },
34
+ "dependencies": {
35
+ "@miblanchard/react-native-slider": "^2.1.0",
36
+ "react-native-animatable": "^1.3.3",
37
+ "react-native-masked-text": "^1.13.0",
38
+ "react-native-pose": "^0.9.1"
39
+ }
40
+ }
@@ -1,46 +1,46 @@
1
- import * as React from 'react'
2
- import { ComponentPropsWithoutRef, forwardRef } from 'react'
3
- import { ActivityIndicator as Indicator, StyleSheet } from 'react-native'
4
- import {
5
- ActivityIndicatorComposition,
6
- ActivityIndicatorStyles,
7
- useDefaultComponentStyle,
8
- ComponentVariants,
9
- useCodeleapContext,
10
- } from '@codeleap/common'
11
- import { StylesOf } from '../types/utility'
12
-
13
- export type ActivityIndicatorProps = ComponentPropsWithoutRef<
14
- typeof Indicator
15
- > & {
16
- variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants']
17
- styles?: StylesOf<ActivityIndicatorComposition>
18
- }
19
-
20
- export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
21
- (activityIndicatorProps, ref) => {
22
- const { variants = [], style, styles: propStyles, ...props } = activityIndicatorProps
23
-
24
- const variantStyles = useDefaultComponentStyle('ActivityIndicator', {
25
- variants,
26
- transform: StyleSheet.flatten,
27
- styles: propStyles,
28
- })
29
-
30
- const { Theme } = useCodeleapContext()
31
-
32
- const styles = StyleSheet.flatten([variantStyles.wrapper, style])
33
- const color = styles?.color || Theme.colors.gray
34
- const size = styles?.height || styles?.width || 'large'
35
-
36
- return (
37
- <Indicator
38
- size={size}
39
- ref={ref}
40
- color={color}
41
- style={styles}
42
- {...props}
43
- />
44
- )
45
- },
46
- )
1
+ import * as React from 'react'
2
+ import { ComponentPropsWithoutRef, forwardRef } from 'react'
3
+ import { ActivityIndicator as Indicator, StyleSheet } from 'react-native'
4
+ import {
5
+ ActivityIndicatorComposition,
6
+ ActivityIndicatorStyles,
7
+ useDefaultComponentStyle,
8
+ ComponentVariants,
9
+ useCodeleapContext,
10
+ } from '@codeleap/common'
11
+ import { StylesOf } from '../types/utility'
12
+
13
+ export type ActivityIndicatorProps = ComponentPropsWithoutRef<
14
+ typeof Indicator
15
+ > & {
16
+ variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants']
17
+ styles?: StylesOf<ActivityIndicatorComposition>
18
+ }
19
+
20
+ export const ActivityIndicator = forwardRef<Indicator, ActivityIndicatorProps>(
21
+ (activityIndicatorProps, ref) => {
22
+ const { variants = [], style, styles: propStyles, ...props } = activityIndicatorProps
23
+
24
+ const variantStyles = useDefaultComponentStyle('ActivityIndicator', {
25
+ variants,
26
+ transform: StyleSheet.flatten,
27
+ styles: propStyles,
28
+ })
29
+
30
+ const { Theme } = useCodeleapContext()
31
+
32
+ const styles = StyleSheet.flatten([variantStyles.wrapper, style])
33
+ const color = styles?.color || Theme.colors.gray
34
+ const size = styles?.height || styles?.width || 'large'
35
+
36
+ return (
37
+ <Indicator
38
+ size={size}
39
+ ref={ref}
40
+ color={color}
41
+ style={styles}
42
+ {...props}
43
+ />
44
+ )
45
+ },
46
+ )
@@ -1,34 +1,34 @@
1
- import { onUpdate } from '@codeleap/common'
2
- import React, { useRef } from 'react'
3
-
4
- import posed from 'react-native-pose'
5
- import { Touchable } from './Touchable'
6
- import { View } from './View'
7
- const Components = {
8
- Touchable,
9
- View,
10
- }
11
-
12
- const PosedComponents = Object.fromEntries(
13
- Object.entries(Components).map(([key, Render]) => [key, posed(Render)]),
14
- )
15
-
16
- type AnimatedComponents = typeof Components
17
- type CP = keyof AnimatedComponents
18
-
19
- type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
20
- component: T
21
- config: CFG
22
- pose: keyof CFG
23
- initialPose?: keyof CFG
24
- } & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>
25
-
26
- export const Animated = <T extends CP, CFG = any>({
27
- config,
28
- component,
29
- ...props
30
- }: AnimatedProps<T, CFG>) => {
31
- const Component = useRef(PosedComponents[component](config)).current
32
-
33
- return <Component withParent={false} {...props} />
34
- }
1
+ import { onUpdate } from '@codeleap/common'
2
+ import React, { useRef } from 'react'
3
+
4
+ import posed from 'react-native-pose'
5
+ import { Touchable } from './Touchable'
6
+ import { View } from './View'
7
+ const Components = {
8
+ Touchable,
9
+ View,
10
+ }
11
+
12
+ const PosedComponents = Object.fromEntries(
13
+ Object.entries(Components).map(([key, Render]) => [key, posed(Render)]),
14
+ )
15
+
16
+ type AnimatedComponents = typeof Components
17
+ type CP = keyof AnimatedComponents
18
+
19
+ type AnimatedProps<T extends CP, CFG = Record<string, any>> = {
20
+ component: T
21
+ config: CFG
22
+ pose: keyof CFG
23
+ initialPose?: keyof CFG
24
+ } & Omit<Parameters<AnimatedComponents[T]>[0], 'component'>
25
+
26
+ export const Animated = <T extends CP, CFG = any>({
27
+ config,
28
+ component,
29
+ ...props
30
+ }: AnimatedProps<T, CFG>) => {
31
+ const Component = useRef(PosedComponents[component](config)).current
32
+
33
+ return <Component withParent={false} {...props} />
34
+ }