@codeleap/mobile 1.9.25 → 1.9.28

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 (222) 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 +123 -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 +132 -125
  9. package/dist/components/Button.js +93 -82
  10. package/dist/components/Button.js.map +1 -1
  11. package/dist/components/Checkbox/index.d.ts +15 -15
  12. package/dist/components/Checkbox/index.js +79 -79
  13. package/dist/components/Checkbox/index.js.map +0 -0
  14. package/dist/components/Checkbox/styles.d.ts +55 -55
  15. package/dist/components/Checkbox/styles.js +51 -51
  16. package/dist/components/Checkbox/styles.js.map +0 -0
  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/EmptyPlaceholder.d.ts +12 -0
  21. package/dist/components/EmptyPlaceholder.js +54 -0
  22. package/dist/components/EmptyPlaceholder.js.map +1 -0
  23. package/dist/components/FileInput.d.ts +31 -31
  24. package/dist/components/FileInput.js +230 -230
  25. package/dist/components/FileInput.js.map +0 -0
  26. package/dist/components/Gap.d.ts +8 -0
  27. package/dist/components/Gap.js +60 -0
  28. package/dist/components/Gap.js.map +1 -0
  29. package/dist/components/Icon.d.ts +12 -12
  30. package/dist/components/Icon.js +70 -70
  31. package/dist/components/Icon.js.map +0 -0
  32. package/dist/components/Image.d.ts +18 -18
  33. package/dist/components/Image.js +59 -59
  34. package/dist/components/Image.js.map +0 -0
  35. package/dist/components/List.d.ts +14 -14
  36. package/dist/components/List.js +84 -83
  37. package/dist/components/List.js.map +1 -1
  38. package/dist/components/Modal/index.d.ts +27 -26
  39. package/dist/components/Modal/index.js +113 -112
  40. package/dist/components/Modal/index.js.map +1 -1
  41. package/dist/components/Modal/styles.d.ts +64 -69
  42. package/dist/components/Modal/styles.js +59 -64
  43. package/dist/components/Modal/styles.js.map +1 -1
  44. package/dist/components/Navigation/Navigation.d.ts +3 -3
  45. package/dist/components/Navigation/Navigation.js +87 -87
  46. package/dist/components/Navigation/Navigation.js.map +0 -0
  47. package/dist/components/Navigation/constants.d.ts +5 -5
  48. package/dist/components/Navigation/constants.js +10 -10
  49. package/dist/components/Navigation/constants.js.map +0 -0
  50. package/dist/components/Navigation/index.d.ts +3 -3
  51. package/dist/components/Navigation/index.js +19 -19
  52. package/dist/components/Navigation/index.js.map +0 -0
  53. package/dist/components/Navigation/types.d.ts +26 -26
  54. package/dist/components/Navigation/types.js +7 -7
  55. package/dist/components/Navigation/types.js.map +0 -0
  56. package/dist/components/Navigation/utils.d.ts +3 -3
  57. package/dist/components/Navigation/utils.js +69 -69
  58. package/dist/components/Navigation/utils.js.map +0 -0
  59. package/dist/components/NewPager/index.d.ts +26 -0
  60. package/dist/components/NewPager/index.js +88 -0
  61. package/dist/components/NewPager/index.js.map +1 -0
  62. package/dist/components/NewPager/styles.d.ts +87 -0
  63. package/dist/components/NewPager/styles.js +70 -0
  64. package/dist/components/NewPager/styles.js.map +1 -0
  65. package/dist/components/Overlay.d.ts +16 -16
  66. package/dist/components/Overlay.js +69 -69
  67. package/dist/components/Overlay.js.map +0 -0
  68. package/dist/components/Pager/index.d.ts +20 -20
  69. package/dist/components/Pager/index.js +167 -167
  70. package/dist/components/Pager/index.js.map +0 -0
  71. package/dist/components/Pager/styles.d.ts +54 -54
  72. package/dist/components/Pager/styles.js +43 -43
  73. package/dist/components/Pager/styles.js.map +0 -0
  74. package/dist/components/RadioInput/index.d.ts +26 -26
  75. package/dist/components/RadioInput/index.js +72 -72
  76. package/dist/components/RadioInput/index.js.map +0 -0
  77. package/dist/components/RadioInput/styles.d.ts +57 -57
  78. package/dist/components/RadioInput/styles.js +44 -44
  79. package/dist/components/RadioInput/styles.js.map +0 -0
  80. package/dist/components/Scroll.d.ts +13 -13
  81. package/dist/components/Scroll.js +81 -81
  82. package/dist/components/Scroll.js.map +0 -0
  83. package/dist/components/Sections.d.ts +11 -11
  84. package/dist/components/Sections.js +80 -80
  85. package/dist/components/Sections.js.map +0 -0
  86. package/dist/components/Select/index.d.ts +5 -5
  87. package/dist/components/Select/index.js +150 -150
  88. package/dist/components/Select/index.js.map +0 -0
  89. package/dist/components/Select/styles.d.ts +9 -9
  90. package/dist/components/Select/styles.js +56 -56
  91. package/dist/components/Select/styles.js.map +0 -0
  92. package/dist/components/Select/types.d.ts +40 -40
  93. package/dist/components/Select/types.js +2 -2
  94. package/dist/components/Select/types.js.map +0 -0
  95. package/dist/components/Slider/Mark.d.ts +3 -3
  96. package/dist/components/Slider/Mark.js +31 -31
  97. package/dist/components/Slider/Mark.js.map +0 -0
  98. package/dist/components/Slider/Thumb.d.ts +7 -7
  99. package/dist/components/Slider/Thumb.js +29 -29
  100. package/dist/components/Slider/Thumb.js.map +0 -0
  101. package/dist/components/Slider/index.d.ts +3 -3
  102. package/dist/components/Slider/index.js +97 -97
  103. package/dist/components/Slider/index.js.map +0 -0
  104. package/dist/components/Slider/types.d.ts +25 -25
  105. package/dist/components/Slider/types.js +2 -2
  106. package/dist/components/Slider/types.js.map +0 -0
  107. package/dist/components/Switch.d.ts +13 -13
  108. package/dist/components/Switch.js +75 -75
  109. package/dist/components/Switch.js.map +0 -0
  110. package/dist/components/Text.d.ts +12 -12
  111. package/dist/components/Text.js +52 -52
  112. package/dist/components/Text.js.map +0 -0
  113. package/dist/components/TextInput.d.ts +183 -183
  114. package/dist/components/TextInput.js +180 -180
  115. package/dist/components/TextInput.js.map +0 -0
  116. package/dist/components/Touchable.d.ts +14 -14
  117. package/dist/components/Touchable.js +75 -75
  118. package/dist/components/Touchable.js.map +0 -0
  119. package/dist/components/View.d.ts +123 -120
  120. package/dist/components/View.js +55 -54
  121. package/dist/components/View.js.map +1 -1
  122. package/dist/components/components.d.ts +28 -25
  123. package/dist/components/components.js +44 -41
  124. package/dist/components/components.js.map +1 -1
  125. package/dist/index.d.ts +6 -5
  126. package/dist/index.js +30 -28
  127. package/dist/index.js.map +1 -1
  128. package/dist/modules/documentPicker.d.ts +3 -3
  129. package/dist/modules/documentPicker.js +11 -11
  130. package/dist/modules/documentPicker.js.map +0 -0
  131. package/dist/modules/fastImage.d.ts +1 -1
  132. package/dist/modules/fastImage.js +9 -9
  133. package/dist/modules/fastImage.js.map +0 -0
  134. package/dist/modules/reactNavigation.d.ts +3 -3
  135. package/dist/modules/reactNavigation.js +10 -10
  136. package/dist/modules/reactNavigation.js.map +0 -0
  137. package/dist/modules/textInputMask.d.ts +9 -12
  138. package/dist/modules/textInputMask.js +7 -7
  139. package/dist/modules/types/fileTypes.d.ts +138 -138
  140. package/dist/modules/types/fileTypes.js +2 -2
  141. package/dist/modules/types/fileTypes.js.map +0 -0
  142. package/dist/modules/types/textInputMask.d.ts +7 -12
  143. package/dist/modules/types/textInputMask.js +2 -2
  144. package/dist/types/utility.d.ts +2 -2
  145. package/dist/types/utility.js +2 -2
  146. package/dist/types/utility.js.map +0 -0
  147. package/dist/utils/ModalManager/components.d.ts +12 -0
  148. package/dist/utils/ModalManager/components.js +79 -0
  149. package/dist/utils/ModalManager/components.js.map +1 -0
  150. package/dist/utils/ModalManager/context.d.ts +42 -0
  151. package/dist/utils/ModalManager/context.js +172 -0
  152. package/dist/utils/ModalManager/context.js.map +1 -0
  153. package/dist/utils/ModalManager/index.d.ts +14 -0
  154. package/dist/utils/ModalManager/index.js +12 -0
  155. package/dist/utils/ModalManager/index.js.map +1 -0
  156. package/dist/utils/OSAlert.d.ts +31 -31
  157. package/dist/utils/OSAlert.js +141 -141
  158. package/dist/utils/OSAlert.js.map +0 -0
  159. package/dist/utils/misc.d.ts +2 -2
  160. package/dist/utils/misc.js +25 -25
  161. package/dist/utils/misc.js.map +0 -0
  162. package/dist/utils/styles.d.ts +1 -1
  163. package/dist/utils/styles.js +12 -12
  164. package/dist/utils/styles.js.map +0 -0
  165. package/package.json +43 -40
  166. package/src/components/ActivityIndicator.tsx +46 -46
  167. package/src/components/Animated.tsx +34 -34
  168. package/src/components/Button.tsx +117 -95
  169. package/src/components/Checkbox/index.tsx +85 -85
  170. package/src/components/Checkbox/styles.ts +76 -76
  171. package/src/components/ContentView.tsx +58 -58
  172. package/src/components/EmptyPlaceholder.tsx +53 -0
  173. package/src/components/FileInput.tsx +230 -230
  174. package/src/components/Gap.tsx +40 -0
  175. package/src/components/Icon.tsx +58 -58
  176. package/src/components/Image.tsx +61 -61
  177. package/src/components/List.tsx +116 -111
  178. package/src/components/Modal/index.tsx +162 -161
  179. package/src/components/Modal/styles.ts +126 -133
  180. package/src/components/Navigation/Navigation.tsx +58 -58
  181. package/src/components/Navigation/constants.ts +8 -8
  182. package/src/components/Navigation/index.tsx +3 -3
  183. package/src/components/Navigation/types.ts +35 -35
  184. package/src/components/Navigation/utils.tsx +59 -59
  185. package/src/components/NewPager/index.tsx +121 -0
  186. package/src/components/NewPager/styles.ts +76 -0
  187. package/src/components/Overlay.tsx +77 -77
  188. package/src/components/Pager/index.tsx +242 -242
  189. package/src/components/Pager/styles.ts +51 -51
  190. package/src/components/RadioInput/index.tsx +101 -101
  191. package/src/components/RadioInput/styles.ts +67 -67
  192. package/src/components/Scroll.tsx +106 -106
  193. package/src/components/Sections.tsx +101 -101
  194. package/src/components/Select/index.tsx +195 -195
  195. package/src/components/Select/styles.ts +81 -81
  196. package/src/components/Select/types.ts +46 -46
  197. package/src/components/Slider/Mark.tsx +46 -46
  198. package/src/components/Slider/Thumb.tsx +29 -29
  199. package/src/components/Slider/index.tsx +123 -123
  200. package/src/components/Slider/types.ts +25 -25
  201. package/src/components/Switch.tsx +81 -81
  202. package/src/components/Text.tsx +30 -30
  203. package/src/components/TextInput.tsx +247 -247
  204. package/src/components/Touchable.tsx +78 -78
  205. package/src/components/View.tsx +48 -46
  206. package/src/components/components.ts +28 -26
  207. package/src/index.ts +6 -6
  208. package/src/modules/documentPicker.ts +7 -7
  209. package/src/modules/fastImage.ts +2 -2
  210. package/src/modules/index.d.ts +496 -496
  211. package/src/modules/reactNavigation.ts +4 -4
  212. package/src/modules/textInputMask.ts +9 -9
  213. package/src/modules/types/documentPicker.d.ts +215 -215
  214. package/src/modules/types/fileTypes.ts +138 -138
  215. package/src/modules/types/textInputMask.ts +9 -13
  216. package/src/types/utility.ts +3 -3
  217. package/src/utils/ModalManager/components.tsx +58 -0
  218. package/src/utils/ModalManager/context.tsx +208 -0
  219. package/src/utils/ModalManager/index.ts +9 -0
  220. package/src/utils/OSAlert.ts +180 -180
  221. package/src/utils/misc.ts +24 -24
  222. package/src/utils/styles.ts +14 -14
@@ -1,180 +1,180 @@
1
- /* eslint no-restricted-imports: 'off' */
2
- /* eslint prefer-const: 'off' */
3
- import { Alert, AlertButton } from 'react-native'
4
-
5
- /**
6
- * Alert.{function} receives three parameters, the last one being an object:
7
- *
8
- * @param {string} title text to appear in title
9
- * @param {string} body text to appear in body
10
- * @param {object} options array of buttons and callbacks
11
- *
12
- * options properties
13
- * @property {string} name object description
14
- * @property {function} run callback function to run on press
15
- */
16
-
17
- type NativeAlertArgs = Parameters<typeof Alert.alert>
18
-
19
- type OSAlertArgs = {
20
- title: NativeAlertArgs['0']
21
- body?: NativeAlertArgs['1']
22
- options?: NativeAlertArgs['2']
23
- }
24
- type AlertEvent = AlertButton['onPress']
25
- type OSAlertType = 'info' | 'error' | 'warn' | 'ask'
26
- type NamedEvents<E extends string> = Partial<Record<E, AlertEvent>>
27
-
28
- const currentAlerts = {
29
-
30
- }
31
-
32
- function generateAlertID(from:OSAlertArgs & {type: OSAlertType}) {
33
- return [
34
- from.type,
35
- from.title,
36
- from.body,
37
- ].join('-')
38
- }
39
-
40
- function shouldShowAlert(args:OSAlertArgs, type: OSAlertType) {
41
- const alertId = generateAlertID({ ...args, type })
42
-
43
- if (!Object.keys(currentAlerts).includes(alertId)) {
44
- currentAlerts[alertId] = true
45
-
46
- return alertId
47
- }
48
-
49
- return ''
50
- }
51
-
52
- function popAlert(id:string) {
53
- delete currentAlerts[id]
54
- }
55
-
56
- function ask({ title, body, options = null }: OSAlertArgs) {
57
- if (!title) {
58
- title = 'Quick quetion'
59
- }
60
- OSAlert({
61
- title,
62
- body,
63
- options,
64
- })
65
- }
66
-
67
- function warn(args: OSAlertArgs & NamedEvents<'onReject' | 'onAccept'>) {
68
- const id = shouldShowAlert(args, 'warn')
69
-
70
- if (!id) return
71
- let {
72
- title,
73
- body,
74
- onAccept,
75
- onReject,
76
- } = args
77
-
78
- if (!title) {
79
- title = 'Hang on'
80
- }
81
- if (!body) {
82
- body = 'Are you sure?'
83
- }
84
- if (!onReject) {
85
- onReject = () => null
86
- }
87
- OSAlert({
88
- title,
89
- body,
90
- options: [
91
- {
92
- text: 'Cancel',
93
- onPress: () => {
94
- popAlert(id)
95
- onReject()
96
- },
97
- },
98
- {
99
- text: 'OK',
100
- style: 'destructive',
101
- onPress: () => {
102
- popAlert(id)
103
- onAccept?.()
104
- },
105
- },
106
- ],
107
- })
108
- }
109
-
110
- function info(args: OSAlertArgs & NamedEvents<'onDismiss'>) {
111
- const id = shouldShowAlert(args, 'info')
112
-
113
- if (!id) return
114
- let {
115
- title,
116
- body,
117
- onDismiss = () => null,
118
- } = args
119
-
120
- if (!title) {
121
- title = 'FYI'
122
- }
123
- OSAlert({
124
- title,
125
- body,
126
- options: [
127
- {
128
- text: 'OK',
129
- onPress: () => {
130
- popAlert(id)
131
- onDismiss?.()
132
- },
133
- },
134
- ],
135
- })
136
- }
137
-
138
- function OSError(args: OSAlertArgs & NamedEvents<'onDismiss'>) {
139
- const id = shouldShowAlert(args, 'error')
140
-
141
- if (!id) return
142
-
143
- let {
144
- title,
145
- body,
146
- } = args
147
-
148
- if (!title) {
149
- title = 'Whoops!'
150
- }
151
- if (!body) {
152
- body = 'Something went wrong'
153
- }
154
- OSAlert({
155
- title,
156
- body,
157
- options: [
158
- {
159
- text: 'OK',
160
- onPress: () => {
161
- popAlert(id)
162
- args?.onDismiss?.()
163
- },
164
- },
165
- ],
166
- })
167
- }
168
-
169
- function OSAlert(params: OSAlertArgs) {
170
- Alert.alert(params.title, params.body, params.options, {
171
- cancelable: false,
172
- })
173
- }
174
-
175
- export default {
176
- ask,
177
- warn,
178
- info,
179
- error: OSError,
180
- }
1
+ /* eslint no-restricted-imports: 'off' */
2
+ /* eslint prefer-const: 'off' */
3
+ import { Alert, AlertButton } from 'react-native'
4
+
5
+ /**
6
+ * Alert.{function} receives three parameters, the last one being an object:
7
+ *
8
+ * @param {string} title text to appear in title
9
+ * @param {string} body text to appear in body
10
+ * @param {object} options array of buttons and callbacks
11
+ *
12
+ * options properties
13
+ * @property {string} name object description
14
+ * @property {function} run callback function to run on press
15
+ */
16
+
17
+ type NativeAlertArgs = Parameters<typeof Alert.alert>
18
+
19
+ type OSAlertArgs = {
20
+ title: NativeAlertArgs['0']
21
+ body?: NativeAlertArgs['1']
22
+ options?: NativeAlertArgs['2']
23
+ }
24
+ type AlertEvent = AlertButton['onPress']
25
+ type OSAlertType = 'info' | 'error' | 'warn' | 'ask'
26
+ type NamedEvents<E extends string> = Partial<Record<E, AlertEvent>>
27
+
28
+ const currentAlerts = {
29
+
30
+ }
31
+
32
+ function generateAlertID(from:OSAlertArgs & {type: OSAlertType}) {
33
+ return [
34
+ from.type,
35
+ from.title,
36
+ from.body,
37
+ ].join('-')
38
+ }
39
+
40
+ function shouldShowAlert(args:OSAlertArgs, type: OSAlertType) {
41
+ const alertId = generateAlertID({ ...args, type })
42
+
43
+ if (!Object.keys(currentAlerts).includes(alertId)) {
44
+ currentAlerts[alertId] = true
45
+
46
+ return alertId
47
+ }
48
+
49
+ return ''
50
+ }
51
+
52
+ function popAlert(id:string) {
53
+ delete currentAlerts[id]
54
+ }
55
+
56
+ function ask({ title, body, options = null }: OSAlertArgs) {
57
+ if (!title) {
58
+ title = 'Quick quetion'
59
+ }
60
+ OSAlert({
61
+ title,
62
+ body,
63
+ options,
64
+ })
65
+ }
66
+
67
+ function warn(args: OSAlertArgs & NamedEvents<'onReject' | 'onAccept'>) {
68
+ const id = shouldShowAlert(args, 'warn')
69
+
70
+ if (!id) return
71
+ let {
72
+ title,
73
+ body,
74
+ onAccept,
75
+ onReject,
76
+ } = args
77
+
78
+ if (!title) {
79
+ title = 'Hang on'
80
+ }
81
+ if (!body) {
82
+ body = 'Are you sure?'
83
+ }
84
+ if (!onReject) {
85
+ onReject = () => null
86
+ }
87
+ OSAlert({
88
+ title,
89
+ body,
90
+ options: [
91
+ {
92
+ text: 'Cancel',
93
+ onPress: () => {
94
+ popAlert(id)
95
+ onReject()
96
+ },
97
+ },
98
+ {
99
+ text: 'OK',
100
+ style: 'destructive',
101
+ onPress: () => {
102
+ popAlert(id)
103
+ onAccept?.()
104
+ },
105
+ },
106
+ ],
107
+ })
108
+ }
109
+
110
+ function info(args: OSAlertArgs & NamedEvents<'onDismiss'>) {
111
+ const id = shouldShowAlert(args, 'info')
112
+
113
+ if (!id) return
114
+ let {
115
+ title,
116
+ body,
117
+ onDismiss = () => null,
118
+ } = args
119
+
120
+ if (!title) {
121
+ title = 'FYI'
122
+ }
123
+ OSAlert({
124
+ title,
125
+ body,
126
+ options: [
127
+ {
128
+ text: 'OK',
129
+ onPress: () => {
130
+ popAlert(id)
131
+ onDismiss?.()
132
+ },
133
+ },
134
+ ],
135
+ })
136
+ }
137
+
138
+ function OSError(args: OSAlertArgs & NamedEvents<'onDismiss'>) {
139
+ const id = shouldShowAlert(args, 'error')
140
+
141
+ if (!id) return
142
+
143
+ let {
144
+ title,
145
+ body,
146
+ } = args
147
+
148
+ if (!title) {
149
+ title = 'Whoops!'
150
+ }
151
+ if (!body) {
152
+ body = 'Something went wrong'
153
+ }
154
+ OSAlert({
155
+ title,
156
+ body,
157
+ options: [
158
+ {
159
+ text: 'OK',
160
+ onPress: () => {
161
+ popAlert(id)
162
+ args?.onDismiss?.()
163
+ },
164
+ },
165
+ ],
166
+ })
167
+ }
168
+
169
+ function OSAlert(params: OSAlertArgs) {
170
+ Alert.alert(params.title, params.body, params.options, {
171
+ cancelable: false,
172
+ })
173
+ }
174
+
175
+ export default {
176
+ ask,
177
+ warn,
178
+ info,
179
+ error: OSError,
180
+ }
package/src/utils/misc.ts CHANGED
@@ -1,24 +1,24 @@
1
- import { MobileInputFile, parseFilePathData } from '@codeleap/common'
2
-
3
- export const stringToFile = (str: string): MobileInputFile => {
4
- if (!str) {
5
- return {
6
- file: null,
7
- preview: null,
8
- }
9
- }
10
- const fileData = parseFilePathData(str)
11
-
12
- const data: MobileInputFile['file'] = {
13
- name: fileData.name,
14
- type: 'image/' + fileData.extension,
15
- size: 1000,
16
- uri: str,
17
- fileCopyUri: str,
18
- }
19
-
20
- return {
21
- file: data,
22
- preview: data.uri,
23
- }
24
- }
1
+ import { MobileInputFile, parseFilePathData } from '@codeleap/common'
2
+
3
+ export const stringToFile = (str: string): MobileInputFile => {
4
+ if (!str) {
5
+ return {
6
+ file: null,
7
+ preview: null,
8
+ }
9
+ }
10
+ const fileData = parseFilePathData(str)
11
+
12
+ const data: MobileInputFile['file'] = {
13
+ name: fileData.name,
14
+ type: 'image/' + fileData.extension,
15
+ size: 1000,
16
+ uri: str,
17
+ fileCopyUri: str,
18
+ }
19
+
20
+ return {
21
+ file: data,
22
+ preview: data.uri,
23
+ }
24
+ }
@@ -1,14 +1,14 @@
1
- import { useCodeleapContext } from '@codeleap/common'
2
- import { StyleSheet } from 'react-native'
3
-
4
- export function useLogStyles() {
5
- const { logger } = useCodeleapContext()
6
-
7
- return (name, styles) => {
8
- logger.debug.blue(
9
- name,
10
- JSON.stringify(StyleSheet.flatten(styles), null, 2),
11
- 'Component Styles',
12
- )
13
- }
14
- }
1
+ import { useCodeleapContext } from '@codeleap/common'
2
+ import { StyleSheet } from 'react-native'
3
+
4
+ export function useLogStyles() {
5
+ const { logger } = useCodeleapContext()
6
+
7
+ return (name, styles) => {
8
+ logger.debug.blue(
9
+ name,
10
+ JSON.stringify(StyleSheet.flatten(styles), null, 2),
11
+ 'Component Styles',
12
+ )
13
+ }
14
+ }