ferns-ui 0.2.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 (521) hide show
  1. package/LICENSE +203 -0
  2. package/README.md +22 -0
  3. package/dist/ActionSheet.d.ts +490 -0
  4. package/dist/ActionSheet.js +647 -0
  5. package/dist/ActionSheet.js.map +1 -0
  6. package/dist/Banner.d.ts +27 -0
  7. package/dist/Banner.js +56 -0
  8. package/dist/Banner.js.map +1 -0
  9. package/dist/Banner.stories.d.ts +1 -0
  10. package/dist/Banner.stories.js +13 -0
  11. package/dist/Banner.stories.js.map +1 -0
  12. package/dist/BlurBox.d.ts +5 -0
  13. package/dist/BlurBox.js +28 -0
  14. package/dist/BlurBox.js.map +1 -0
  15. package/dist/BlurBox.native.d.ts +6 -0
  16. package/dist/BlurBox.native.js +30 -0
  17. package/dist/BlurBox.native.js.map +1 -0
  18. package/dist/Body.d.ts +6 -0
  19. package/dist/Body.js +21 -0
  20. package/dist/Body.js.map +1 -0
  21. package/dist/Box.d.ts +18 -0
  22. package/dist/Box.js +228 -0
  23. package/dist/Box.js.map +1 -0
  24. package/dist/Box.stories.d.ts +1 -0
  25. package/dist/Box.stories.js +45 -0
  26. package/dist/Box.stories.js.map +1 -0
  27. package/dist/Button.d.ts +20 -0
  28. package/dist/Button.js +103 -0
  29. package/dist/Button.js.map +1 -0
  30. package/dist/Button.stories.d.ts +1 -0
  31. package/dist/Button.stories.js +41 -0
  32. package/dist/Button.stories.js.map +1 -0
  33. package/dist/Card.d.ts +5 -0
  34. package/dist/Card.js +8 -0
  35. package/dist/Card.js.map +1 -0
  36. package/dist/Card.stories.d.ts +6 -0
  37. package/dist/Card.stories.js +18 -0
  38. package/dist/Card.stories.js.map +1 -0
  39. package/dist/CheckBox.d.ts +6 -0
  40. package/dist/CheckBox.js +27 -0
  41. package/dist/CheckBox.js.map +1 -0
  42. package/dist/CheckBox.stories.d.ts +1 -0
  43. package/dist/CheckBox.stories.js +28 -0
  44. package/dist/CheckBox.stories.js.map +1 -0
  45. package/dist/Common.d.ts +868 -0
  46. package/dist/Common.js +46 -0
  47. package/dist/Common.js.map +1 -0
  48. package/dist/DateTimeActionSheet.d.ts +15 -0
  49. package/dist/DateTimeActionSheet.js +28 -0
  50. package/dist/DateTimeActionSheet.js.map +1 -0
  51. package/dist/DecimalRangeActionSheet.d.ts +18 -0
  52. package/dist/DecimalRangeActionSheet.js +65 -0
  53. package/dist/DecimalRangeActionSheet.js.map +1 -0
  54. package/dist/ErrorBoundary.d.ts +19 -0
  55. package/dist/ErrorBoundary.js +31 -0
  56. package/dist/ErrorBoundary.js.map +1 -0
  57. package/dist/ErrorPage.d.ts +10 -0
  58. package/dist/ErrorPage.js +20 -0
  59. package/dist/ErrorPage.js.map +1 -0
  60. package/dist/Field.d.ts +15 -0
  61. package/dist/Field.js +136 -0
  62. package/dist/Field.js.map +1 -0
  63. package/dist/Field.stories.d.ts +6 -0
  64. package/dist/Field.stories.js +38 -0
  65. package/dist/Field.stories.js.map +1 -0
  66. package/dist/FieldWithLabels.d.ts +3 -0
  67. package/dist/FieldWithLabels.js +8 -0
  68. package/dist/FieldWithLabels.js.map +1 -0
  69. package/dist/FlatList.d.ts +2 -0
  70. package/dist/FlatList.js +3 -0
  71. package/dist/FlatList.js.map +1 -0
  72. package/dist/Form.d.ts +22 -0
  73. package/dist/Form.js +89 -0
  74. package/dist/Form.js.map +1 -0
  75. package/dist/Form.stories.d.ts +6 -0
  76. package/dist/Form.stories.js +36 -0
  77. package/dist/Form.stories.js.map +1 -0
  78. package/dist/HeaderButtons.d.ts +31 -0
  79. package/dist/HeaderButtons.js +53 -0
  80. package/dist/HeaderButtons.js.map +1 -0
  81. package/dist/HeaderButtons.stories.d.ts +6 -0
  82. package/dist/HeaderButtons.stories.js +6 -0
  83. package/dist/HeaderButtons.stories.js.map +1 -0
  84. package/dist/Heading.d.ts +11 -0
  85. package/dist/Heading.js +46 -0
  86. package/dist/Heading.js.map +1 -0
  87. package/dist/Heading.stories.d.ts +1 -0
  88. package/dist/Heading.stories.js +22 -0
  89. package/dist/Heading.stories.js.map +1 -0
  90. package/dist/HeightActionSheet.d.ts +16 -0
  91. package/dist/HeightActionSheet.js +58 -0
  92. package/dist/HeightActionSheet.js.map +1 -0
  93. package/dist/Icon.d.ts +9 -0
  94. package/dist/Icon.js +125 -0
  95. package/dist/Icon.js.map +1 -0
  96. package/dist/Icon.stories.d.ts +1 -0
  97. package/dist/Icon.stories.js +30 -0
  98. package/dist/Icon.stories.js.map +1 -0
  99. package/dist/IconButton.d.ts +5 -0
  100. package/dist/IconButton.js +41 -0
  101. package/dist/IconButton.js.map +1 -0
  102. package/dist/IconButton.stories.d.ts +1 -0
  103. package/dist/IconButton.stories.js +16 -0
  104. package/dist/IconButton.stories.js.map +1 -0
  105. package/dist/Image.d.ts +8 -0
  106. package/dist/Image.js +37 -0
  107. package/dist/Image.js.map +1 -0
  108. package/dist/ImageBackground.d.ts +9 -0
  109. package/dist/ImageBackground.js +8 -0
  110. package/dist/ImageBackground.js.map +1 -0
  111. package/dist/Layer.d.ts +9 -0
  112. package/dist/Layer.js +12 -0
  113. package/dist/Layer.js.map +1 -0
  114. package/dist/Link.d.ts +9 -0
  115. package/dist/Link.js +12 -0
  116. package/dist/Link.js.map +1 -0
  117. package/dist/Link.stories.d.ts +1 -0
  118. package/dist/Link.stories.js +18 -0
  119. package/dist/Link.stories.js.map +1 -0
  120. package/dist/Mask.d.ts +5 -0
  121. package/dist/Mask.js +22 -0
  122. package/dist/Mask.js.map +1 -0
  123. package/dist/Mask.stories.d.ts +1 -0
  124. package/dist/Mask.stories.js +28 -0
  125. package/dist/Mask.stories.js.map +1 -0
  126. package/dist/MediaQuery.d.ts +2 -0
  127. package/dist/MediaQuery.js +33 -0
  128. package/dist/MediaQuery.js.map +1 -0
  129. package/dist/Meta.d.ts +5 -0
  130. package/dist/Meta.js +7 -0
  131. package/dist/Meta.js.map +1 -0
  132. package/dist/ModalSheet.d.ts +7 -0
  133. package/dist/ModalSheet.js +42 -0
  134. package/dist/ModalSheet.js.map +1 -0
  135. package/dist/NumberPickerActionSheet.d.ts +16 -0
  136. package/dist/NumberPickerActionSheet.js +29 -0
  137. package/dist/NumberPickerActionSheet.js.map +1 -0
  138. package/dist/Page.d.ts +26 -0
  139. package/dist/Page.js +38 -0
  140. package/dist/Page.js.map +1 -0
  141. package/dist/Permissions.d.ts +2 -0
  142. package/dist/Permissions.js +35 -0
  143. package/dist/Permissions.js.map +1 -0
  144. package/dist/PickerSelect.d.ts +174 -0
  145. package/dist/PickerSelect.js +426 -0
  146. package/dist/PickerSelect.js.map +1 -0
  147. package/dist/Pill.d.ts +5 -0
  148. package/dist/Pill.js +10 -0
  149. package/dist/Pill.js.map +1 -0
  150. package/dist/Pill.stories.d.ts +1 -0
  151. package/dist/Pill.stories.js +38 -0
  152. package/dist/Pill.stories.js.map +1 -0
  153. package/dist/Pog.d.ts +15 -0
  154. package/dist/Pog.js +144 -0
  155. package/dist/Pog.js.map +1 -0
  156. package/dist/ProgressBar.d.ts +9 -0
  157. package/dist/ProgressBar.js +41 -0
  158. package/dist/ProgressBar.js.map +1 -0
  159. package/dist/ScrollView.d.ts +2 -0
  160. package/dist/ScrollView.js +3 -0
  161. package/dist/ScrollView.js.map +1 -0
  162. package/dist/SegmentedControl.d.ts +6 -0
  163. package/dist/SegmentedControl.js +18 -0
  164. package/dist/SegmentedControl.js.map +1 -0
  165. package/dist/SegmentedControl.stories.d.ts +1 -0
  166. package/dist/SegmentedControl.stories.js +31 -0
  167. package/dist/SegmentedControl.stories.js.map +1 -0
  168. package/dist/SelectList.d.ts +22 -0
  169. package/dist/SelectList.js +28 -0
  170. package/dist/SelectList.js.map +1 -0
  171. package/dist/SelectList.stories.d.ts +1 -0
  172. package/dist/SelectList.stories.js +26 -0
  173. package/dist/SelectList.stories.js.map +1 -0
  174. package/dist/Spinner.d.ts +21 -0
  175. package/dist/Spinner.js +58 -0
  176. package/dist/Spinner.js.map +1 -0
  177. package/dist/Spinner.stories.d.ts +1 -0
  178. package/dist/Spinner.stories.js +12 -0
  179. package/dist/Spinner.stories.js.map +1 -0
  180. package/dist/SplitPage.d.ts +31 -0
  181. package/dist/SplitPage.js +51 -0
  182. package/dist/SplitPage.js.map +1 -0
  183. package/dist/SplitPage.stories.d.ts +1 -0
  184. package/dist/SplitPage.stories.js +15 -0
  185. package/dist/SplitPage.stories.js.map +1 -0
  186. package/dist/StorybookContainer.d.ts +4 -0
  187. package/dist/StorybookContainer.js +8 -0
  188. package/dist/StorybookContainer.js.map +1 -0
  189. package/dist/Switch.d.ts +5 -0
  190. package/dist/Switch.js +10 -0
  191. package/dist/Switch.js.map +1 -0
  192. package/dist/Switch.stories.d.ts +1 -0
  193. package/dist/Switch.stories.js +34 -0
  194. package/dist/Switch.stories.js.map +1 -0
  195. package/dist/TapToEdit.d.ts +12 -0
  196. package/dist/TapToEdit.js +32 -0
  197. package/dist/TapToEdit.js.map +1 -0
  198. package/dist/Text.d.ts +11 -0
  199. package/dist/Text.js +85 -0
  200. package/dist/Text.js.map +1 -0
  201. package/dist/Text.stories.d.ts +1 -0
  202. package/dist/Text.stories.js +37 -0
  203. package/dist/Text.stories.js.map +1 -0
  204. package/dist/TextArea.d.ts +6 -0
  205. package/dist/TextArea.js +12 -0
  206. package/dist/TextArea.js.map +1 -0
  207. package/dist/TextArea.stories.d.ts +10 -0
  208. package/dist/TextArea.stories.js +24 -0
  209. package/dist/TextArea.stories.js.map +1 -0
  210. package/dist/TextField.d.ts +48 -0
  211. package/dist/TextField.js +207 -0
  212. package/dist/TextField.js.map +1 -0
  213. package/dist/TextField.stories.d.ts +6 -0
  214. package/dist/TextField.stories.js +18 -0
  215. package/dist/TextField.stories.js.map +1 -0
  216. package/dist/TextFieldNumberActionSheet.d.ts +15 -0
  217. package/dist/TextFieldNumberActionSheet.js +28 -0
  218. package/dist/TextFieldNumberActionSheet.js.map +1 -0
  219. package/dist/UnifiedScreens.d.ts +9 -0
  220. package/dist/UnifiedScreens.js +25 -0
  221. package/dist/UnifiedScreens.js.map +1 -0
  222. package/dist/Unifier.d.ts +40 -0
  223. package/dist/Unifier.js +203 -0
  224. package/dist/Unifier.js.map +1 -0
  225. package/dist/Utilities.d.ts +31 -0
  226. package/dist/Utilities.js +74 -0
  227. package/dist/Utilities.js.map +1 -0
  228. package/dist/WithLabel.d.ts +5 -0
  229. package/dist/WithLabel.js +27 -0
  230. package/dist/WithLabel.js.map +1 -0
  231. package/dist/dist/ActionSheet.d.ts +139 -0
  232. package/dist/dist/ActionSheet.js +637 -0
  233. package/dist/dist/ActionSheet.js.map +1 -0
  234. package/dist/dist/Banner.d.ts +12 -0
  235. package/dist/dist/Banner.js +49 -0
  236. package/dist/dist/Banner.js.map +1 -0
  237. package/dist/dist/Banner.stories.d.ts +1 -0
  238. package/dist/dist/Banner.stories.js +9 -0
  239. package/dist/dist/Banner.stories.js.map +1 -0
  240. package/dist/dist/BlurBox.d.ts +7 -0
  241. package/dist/dist/BlurBox.js +29 -0
  242. package/dist/dist/BlurBox.js.map +1 -0
  243. package/dist/dist/BlurBox.native.d.ts +9 -0
  244. package/dist/dist/BlurBox.native.js +32 -0
  245. package/dist/dist/BlurBox.native.js.map +1 -0
  246. package/dist/dist/Body.d.ts +12 -0
  247. package/dist/dist/Body.js +19 -0
  248. package/dist/dist/Body.js.map +1 -0
  249. package/dist/dist/Box.d.ts +205 -0
  250. package/dist/dist/Box.js +229 -0
  251. package/dist/dist/Box.js.map +1 -0
  252. package/dist/dist/Box.stories.d.ts +1 -0
  253. package/dist/dist/Box.stories.js +37 -0
  254. package/dist/dist/Box.stories.js.map +1 -0
  255. package/dist/dist/Button.d.ts +16 -0
  256. package/dist/dist/Button.js +98 -0
  257. package/dist/dist/Button.js.map +1 -0
  258. package/dist/dist/Button.stories.d.ts +13 -0
  259. package/dist/dist/Button.stories.js +26 -0
  260. package/dist/dist/Button.stories.js.map +1 -0
  261. package/dist/dist/Card.d.ts +6 -0
  262. package/dist/dist/Card.js +9 -0
  263. package/dist/dist/Card.js.map +1 -0
  264. package/dist/dist/Card.stories.d.ts +6 -0
  265. package/dist/dist/Card.stories.js +11 -0
  266. package/dist/dist/Card.stories.js.map +1 -0
  267. package/dist/dist/CheckBox.d.ts +8 -0
  268. package/dist/dist/CheckBox.js +23 -0
  269. package/dist/dist/CheckBox.js.map +1 -0
  270. package/dist/dist/CheckBox.stories.d.ts +1 -0
  271. package/dist/dist/CheckBox.stories.js +22 -0
  272. package/dist/dist/CheckBox.stories.js.map +1 -0
  273. package/dist/dist/Common.d.ts +5 -0
  274. package/dist/dist/Common.js +47 -0
  275. package/dist/dist/Common.js.map +1 -0
  276. package/dist/dist/DateTimeActionSheet.d.ts +5 -0
  277. package/dist/dist/DateTimeActionSheet.js +24 -0
  278. package/dist/dist/DateTimeActionSheet.js.map +1 -0
  279. package/dist/dist/DecimalRangeActionSheet.d.ts +9 -0
  280. package/dist/dist/DecimalRangeActionSheet.js +57 -0
  281. package/dist/dist/DecimalRangeActionSheet.js.map +1 -0
  282. package/dist/dist/ErrorBoundary.d.ts +12 -0
  283. package/dist/dist/ErrorBoundary.js +32 -0
  284. package/dist/dist/ErrorBoundary.js.map +1 -0
  285. package/dist/dist/ErrorPage.d.ts +7 -0
  286. package/dist/dist/ErrorPage.js +15 -0
  287. package/dist/dist/ErrorPage.js.map +1 -0
  288. package/dist/dist/Field.d.ts +17 -0
  289. package/dist/dist/Field.js +136 -0
  290. package/dist/dist/Field.js.map +1 -0
  291. package/dist/dist/Field.stories.d.ts +6 -0
  292. package/dist/dist/Field.stories.js +25 -0
  293. package/dist/dist/Field.stories.js.map +1 -0
  294. package/dist/dist/FieldWithLabels.d.ts +10 -0
  295. package/dist/dist/FieldWithLabels.js +7 -0
  296. package/dist/dist/FieldWithLabels.js.map +1 -0
  297. package/dist/dist/FlatList.d.ts +1 -0
  298. package/dist/dist/FlatList.js +4 -0
  299. package/dist/dist/FlatList.js.map +1 -0
  300. package/dist/dist/Form.d.ts +15 -0
  301. package/dist/dist/Form.js +56 -0
  302. package/dist/dist/Form.js.map +1 -0
  303. package/dist/dist/Form.stories.d.ts +6 -0
  304. package/dist/dist/Form.stories.js +27 -0
  305. package/dist/dist/Form.stories.js.map +1 -0
  306. package/dist/dist/HeaderButtons.d.ts +39 -0
  307. package/dist/dist/HeaderButtons.js +50 -0
  308. package/dist/dist/HeaderButtons.js.map +1 -0
  309. package/dist/dist/HeaderButtons.stories.d.ts +6 -0
  310. package/dist/dist/HeaderButtons.stories.js +7 -0
  311. package/dist/dist/HeaderButtons.stories.js.map +1 -0
  312. package/dist/dist/Heading.d.ts +32 -0
  313. package/dist/dist/Heading.js +47 -0
  314. package/dist/dist/Heading.js.map +1 -0
  315. package/dist/dist/Heading.stories.d.ts +1 -0
  316. package/dist/dist/Heading.stories.js +11 -0
  317. package/dist/dist/Heading.stories.js.map +1 -0
  318. package/dist/dist/HeightActionSheet.d.ts +9 -0
  319. package/dist/dist/HeightActionSheet.js +50 -0
  320. package/dist/dist/HeightActionSheet.js.map +1 -0
  321. package/dist/dist/Icon.d.ts +12 -0
  322. package/dist/dist/Icon.js +126 -0
  323. package/dist/dist/Icon.js.map +1 -0
  324. package/dist/dist/Icon.stories.d.ts +1 -0
  325. package/dist/dist/Icon.stories.js +11 -0
  326. package/dist/dist/Icon.stories.js.map +1 -0
  327. package/dist/dist/IconButton.d.ts +42 -0
  328. package/dist/dist/IconButton.js +41 -0
  329. package/dist/dist/IconButton.js.map +1 -0
  330. package/dist/dist/IconButton.stories.d.ts +1 -0
  331. package/dist/dist/IconButton.stories.js +8 -0
  332. package/dist/dist/IconButton.stories.js.map +1 -0
  333. package/dist/dist/Image.d.ts +9 -0
  334. package/dist/dist/Image.js +37 -0
  335. package/dist/dist/Image.js.map +1 -0
  336. package/dist/dist/ImageBackground.d.ts +6 -0
  337. package/dist/dist/ImageBackground.js +9 -0
  338. package/dist/dist/ImageBackground.js.map +1 -0
  339. package/dist/dist/Layer.d.ts +5 -0
  340. package/dist/dist/Layer.js +13 -0
  341. package/dist/dist/Layer.js.map +1 -0
  342. package/dist/dist/Link.d.ts +7 -0
  343. package/dist/dist/Link.js +13 -0
  344. package/dist/dist/Link.js.map +1 -0
  345. package/dist/dist/Link.stories.d.ts +1 -0
  346. package/dist/dist/Link.stories.js +8 -0
  347. package/dist/dist/Link.stories.js.map +1 -0
  348. package/dist/dist/Mask.d.ts +5 -0
  349. package/dist/dist/Mask.js +23 -0
  350. package/dist/dist/Mask.js.map +1 -0
  351. package/dist/dist/Mask.stories.d.ts +1 -0
  352. package/dist/dist/Mask.stories.js +13 -0
  353. package/dist/dist/Mask.stories.js.map +1 -0
  354. package/dist/dist/MediaQuery.d.ts +2 -0
  355. package/dist/dist/MediaQuery.js +34 -0
  356. package/dist/dist/MediaQuery.js.map +1 -0
  357. package/dist/dist/Meta.d.ts +6 -0
  358. package/dist/dist/Meta.js +8 -0
  359. package/dist/dist/Meta.js.map +1 -0
  360. package/dist/dist/ModalSheet.d.ts +3 -0
  361. package/dist/dist/ModalSheet.js +43 -0
  362. package/dist/dist/ModalSheet.js.map +1 -0
  363. package/dist/dist/NumberPickerActionSheet.d.ts +5 -0
  364. package/dist/dist/NumberPickerActionSheet.js +25 -0
  365. package/dist/dist/NumberPickerActionSheet.js.map +1 -0
  366. package/dist/dist/Page.d.ts +9 -0
  367. package/dist/dist/Page.js +26 -0
  368. package/dist/dist/Page.js.map +1 -0
  369. package/dist/dist/Permissions.d.ts +1 -0
  370. package/dist/dist/Permissions.js +36 -0
  371. package/dist/dist/Permissions.js.map +1 -0
  372. package/dist/dist/PickerSelect.d.ts +172 -0
  373. package/dist/dist/PickerSelect.js +403 -0
  374. package/dist/dist/PickerSelect.js.map +1 -0
  375. package/dist/dist/Pill.d.ts +7 -0
  376. package/dist/dist/Pill.js +10 -0
  377. package/dist/dist/Pill.js.map +1 -0
  378. package/dist/dist/Pill.stories.d.ts +1 -0
  379. package/dist/dist/Pill.stories.js +36 -0
  380. package/dist/dist/Pill.stories.js.map +1 -0
  381. package/dist/dist/Pog.d.ts +7 -0
  382. package/dist/dist/Pog.js +144 -0
  383. package/dist/dist/Pog.js.map +1 -0
  384. package/dist/dist/ProgressBar.d.ts +16 -0
  385. package/dist/dist/ProgressBar.js +40 -0
  386. package/dist/dist/ProgressBar.js.map +1 -0
  387. package/dist/dist/ScrollView.d.ts +1 -0
  388. package/dist/dist/ScrollView.js +4 -0
  389. package/dist/dist/ScrollView.js.map +1 -0
  390. package/dist/dist/SegmentedControl.d.ts +9 -0
  391. package/dist/dist/SegmentedControl.js +18 -0
  392. package/dist/dist/SegmentedControl.js.map +1 -0
  393. package/dist/dist/SegmentedControl.stories.d.ts +1 -0
  394. package/dist/dist/SegmentedControl.stories.js +32 -0
  395. package/dist/dist/SegmentedControl.stories.js.map +1 -0
  396. package/dist/dist/SelectList.d.ts +9 -0
  397. package/dist/dist/SelectList.js +29 -0
  398. package/dist/dist/SelectList.js.map +1 -0
  399. package/dist/dist/SelectList.stories.d.ts +1 -0
  400. package/dist/dist/SelectList.stories.js +24 -0
  401. package/dist/dist/SelectList.stories.js.map +1 -0
  402. package/dist/dist/Spinner.d.ts +44 -0
  403. package/dist/dist/Spinner.js +58 -0
  404. package/dist/dist/Spinner.js.map +1 -0
  405. package/dist/dist/Spinner.stories.d.ts +1 -0
  406. package/dist/dist/Spinner.stories.js +10 -0
  407. package/dist/dist/Spinner.stories.js.map +1 -0
  408. package/dist/dist/SplitPage.d.ts +7 -0
  409. package/dist/dist/SplitPage.js +20 -0
  410. package/dist/dist/SplitPage.js.map +1 -0
  411. package/dist/dist/SplitPage.stories.d.ts +1 -0
  412. package/dist/dist/SplitPage.stories.js +7 -0
  413. package/dist/dist/SplitPage.stories.js.map +1 -0
  414. package/dist/dist/StorybookContainer.d.ts +7 -0
  415. package/dist/dist/StorybookContainer.js +9 -0
  416. package/dist/dist/StorybookContainer.js.map +1 -0
  417. package/dist/dist/Switch.d.ts +6 -0
  418. package/dist/dist/Switch.js +10 -0
  419. package/dist/dist/Switch.js.map +1 -0
  420. package/dist/dist/Switch.stories.d.ts +1 -0
  421. package/dist/dist/Switch.stories.js +27 -0
  422. package/dist/dist/Switch.stories.js.map +1 -0
  423. package/dist/dist/TapToEdit.d.ts +9 -0
  424. package/dist/dist/TapToEdit.js +27 -0
  425. package/dist/dist/TapToEdit.js.map +1 -0
  426. package/dist/dist/Text.d.ts +36 -0
  427. package/dist/dist/Text.js +86 -0
  428. package/dist/dist/Text.js.map +1 -0
  429. package/dist/dist/Text.stories.d.ts +1 -0
  430. package/dist/dist/Text.stories.js +13 -0
  431. package/dist/dist/Text.stories.js.map +1 -0
  432. package/dist/dist/TextArea.d.ts +6 -0
  433. package/dist/dist/TextArea.js +13 -0
  434. package/dist/dist/TextArea.js.map +1 -0
  435. package/dist/dist/TextArea.stories.d.ts +12 -0
  436. package/dist/dist/TextArea.stories.js +21 -0
  437. package/dist/dist/TextArea.stories.js.map +1 -0
  438. package/dist/dist/TextField.d.ts +47 -0
  439. package/dist/dist/TextField.js +199 -0
  440. package/dist/dist/TextField.js.map +1 -0
  441. package/dist/dist/TextField.stories.d.ts +6 -0
  442. package/dist/dist/TextField.stories.js +15 -0
  443. package/dist/dist/TextField.stories.js.map +1 -0
  444. package/dist/dist/TextFieldNumberActionSheet.d.ts +5 -0
  445. package/dist/dist/TextFieldNumberActionSheet.js +24 -0
  446. package/dist/dist/TextFieldNumberActionSheet.js.map +1 -0
  447. package/dist/dist/UnifiedScreens.d.ts +2 -0
  448. package/dist/dist/UnifiedScreens.js +26 -0
  449. package/dist/dist/UnifiedScreens.js.map +1 -0
  450. package/dist/dist/Unifier.d.ts +131 -0
  451. package/dist/dist/Unifier.js +198 -0
  452. package/dist/dist/Unifier.js.map +1 -0
  453. package/dist/dist/Utilities.d.ts +51 -0
  454. package/dist/dist/Utilities.js +77 -0
  455. package/dist/dist/Utilities.js.map +1 -0
  456. package/dist/dist/WithLabel.d.ts +6 -0
  457. package/dist/dist/WithLabel.js +23 -0
  458. package/dist/dist/WithLabel.js.map +1 -0
  459. package/dist/dist/index.d.ts +43 -0
  460. package/dist/dist/index.js +49 -0
  461. package/dist/dist/index.js.map +1 -0
  462. package/dist/index.d.ts +1284 -0
  463. package/dist/index.js +49 -0
  464. package/dist/index.js.map +1 -0
  465. package/package.json +197 -0
  466. package/src/ActionSheet.tsx +1234 -0
  467. package/src/Banner.tsx +124 -0
  468. package/src/BlurBox.native.tsx +40 -0
  469. package/src/BlurBox.tsx +31 -0
  470. package/src/Body.tsx +32 -0
  471. package/src/Box.tsx +277 -0
  472. package/src/Button.tsx +139 -0
  473. package/src/Card.tsx +23 -0
  474. package/src/CheckBox.tsx +93 -0
  475. package/src/Common.ts +1376 -0
  476. package/src/DateTimeActionSheet.tsx +61 -0
  477. package/src/DecimalRangeActionSheet.tsx +113 -0
  478. package/src/ErrorBoundary.tsx +39 -0
  479. package/src/ErrorPage.tsx +44 -0
  480. package/src/Field.tsx +194 -0
  481. package/src/FieldWithLabels.tsx +36 -0
  482. package/src/FlatList.tsx +2 -0
  483. package/src/Form.tsx +182 -0
  484. package/src/HeaderButtons.tsx +107 -0
  485. package/src/Heading.tsx +53 -0
  486. package/src/HeightActionSheet.tsx +104 -0
  487. package/src/Icon.tsx +139 -0
  488. package/src/IconButton.tsx +52 -0
  489. package/src/Image.tsx +50 -0
  490. package/src/ImageBackground.tsx +13 -0
  491. package/src/Layer.tsx +17 -0
  492. package/src/Link.tsx +17 -0
  493. package/src/Mask.tsx +24 -0
  494. package/src/MediaQuery.ts +28 -0
  495. package/src/Meta.tsx +9 -0
  496. package/src/ModalSheet.tsx +58 -0
  497. package/src/NumberPickerActionSheet.tsx +66 -0
  498. package/src/Page.tsx +134 -0
  499. package/src/Permissions.ts +44 -0
  500. package/src/PickerSelect.tsx +673 -0
  501. package/src/Pill.tsx +24 -0
  502. package/src/Pog.tsx +211 -0
  503. package/src/ProgressBar.tsx +55 -0
  504. package/src/ScrollView.tsx +2 -0
  505. package/src/SegmentedControl.tsx +51 -0
  506. package/src/SelectList.tsx +48 -0
  507. package/src/Spinner.tsx +69 -0
  508. package/src/SplitPage.tsx +115 -0
  509. package/src/Switch.tsx +19 -0
  510. package/src/TapToEdit.tsx +48 -0
  511. package/src/Text.tsx +92 -0
  512. package/src/TextArea.tsx +15 -0
  513. package/src/TextField.tsx +291 -0
  514. package/src/TextFieldNumberActionSheet.tsx +61 -0
  515. package/src/UnifiedScreens.ts +24 -0
  516. package/src/Unifier.ts +268 -0
  517. package/src/Utilities.tsx +161 -0
  518. package/src/WithLabel.tsx +46 -0
  519. package/src/index.tsx +1332 -0
  520. package/src/polyfill.d.ts +11 -0
  521. package/tsconfig.json +29 -0
@@ -0,0 +1,47 @@
1
+ export const SPACING = 4;
2
+ export const iconSizeToNumber = (size) => {
3
+ return {
4
+ xs: 8,
5
+ sm: 12,
6
+ md: 14,
7
+ lg: 20,
8
+ xl: 26,
9
+ }[size || "md"];
10
+ };
11
+ export const iconNumberToSize = (size = 16) => {
12
+ let iconSize;
13
+ if (size < 8) {
14
+ iconSize = "xs";
15
+ }
16
+ else if (size < 12) {
17
+ iconSize = "sm";
18
+ }
19
+ else if (size < 14) {
20
+ iconSize = "md";
21
+ }
22
+ else if (size < 20) {
23
+ iconSize = "lg";
24
+ }
25
+ else {
26
+ iconSize = "xl";
27
+ }
28
+ return iconSize;
29
+ };
30
+ export function getSectionColor(section) {
31
+ return ({
32
+ Breakfast: "orchid",
33
+ Lunch: "blue",
34
+ Dinner: "orange",
35
+ Snack: "red",
36
+ "Second Snack": "red",
37
+ Workout: "pine",
38
+ workouts: "pine",
39
+ }[section] || "blue");
40
+ }
41
+ export function isTestUser(profile) {
42
+ return (profile &&
43
+ profile.email &&
44
+ (profile.email.indexOf("nang.io") > -1 || profile.email.indexOf("example.com") > -1));
45
+ }
46
+ //# sourceMappingURL=Common.js.map
47
+ //# sourceMappingURL=Common.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/dist/Common.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AACzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;IACrC,OAAO;QACH,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACT,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE;IAC1C,IAAI,QAAQ,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI;QACD,QAAQ,GAAG,IAAI,CAAC;KACnB;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AACF,MAAM,UAAU,eAAe,CAAC,OAAO;IACnC,OAAO,CAAC;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACnB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1B,CAAC;AACD,MAAM,UAAU,UAAU,CAAC,OAAO;IAC9B,OAAO,CAAC,OAAO;QACX,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9F,CAAC;AACD,kCAAkC"}
@@ -0,0 +1,5 @@
1
+ export class DateTimeActionSheet extends React.Component<any, any, any> {
2
+ constructor(props: any);
3
+ render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
4
+ }
5
+ import React from "react";
@@ -0,0 +1,24 @@
1
+ import DateTimePicker from "@react-native-community/datetimepicker";
2
+ import moment from "moment-timezone";
3
+ import React from "react";
4
+ import { ActionSheet } from "./ActionSheet";
5
+ import { Box } from "./Box";
6
+ import { Button } from "./Button";
7
+ export class DateTimeActionSheet extends React.Component {
8
+ constructor(props) {
9
+ super(props);
10
+ }
11
+ render() {
12
+ return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, gestureEnabled: true, bounceOnOpen: true }, React.createElement(Box, { width: "100%", paddingX: 4, marginBottom: 8 }, React.createElement(Box, { width: "100%", display: "flex", alignItems: "end" }, React.createElement(Box, { width: "33%" }, React.createElement(Button, { type: "ghost", text: "Save", color: "blue", size: "lg", onClick: () => {
13
+ var _a, _b;
14
+ (_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
15
+ } }))), React.createElement(DateTimePicker, { testID: "dateTimePicker", value: moment(this.props.value).toDate(), mode: this.props.mode, is24Hour: true, display: "spinner", onChange: (event, date) => {
16
+ if (!date) {
17
+ return;
18
+ }
19
+ this.props.onChange({ event, value: date.toString() });
20
+ } }))));
21
+ }
22
+ }
23
+ //# sourceMappingURL=DateTimeActionSheet.js.map
24
+ //# sourceMappingURL=DateTimeActionSheet.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../../src/dist/DateTimeActionSheet.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAS;IACpD,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EACjH,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EACpE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,EAC1E,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACrC,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC5F,IAAI,EAAE,EAAE,EAAE,CAAC;gBACX,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC3J,CAAC,EAAE,CAAC,CAAC,CAAC,EAClB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBACvL,IAAI,CAAC,IAAI,EAAE;oBACP,OAAO;iBACV;gBACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3D,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;CACJ;AACD,+CAA+C"}
@@ -0,0 +1,9 @@
1
+ export class DecimalRangeActionSheet extends React.Component<any, any, any> {
2
+ constructor(props: any);
3
+ state: {
4
+ whole: string;
5
+ decimal: string;
6
+ };
7
+ render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
8
+ }
9
+ import React from "react";
@@ -0,0 +1,57 @@
1
+ import React from "react";
2
+ import { ActionSheet } from "./ActionSheet";
3
+ import { Box } from "./Box";
4
+ import { Button } from "./Button";
5
+ import { Picker } from "@react-native-picker/picker";
6
+ import range from "lodash/range";
7
+ const PICKER_HEIGHT = 104;
8
+ export class DecimalRangeActionSheet extends React.Component {
9
+ constructor(props) {
10
+ super(props);
11
+ this.state = {
12
+ whole: String(Math.floor(Number(props.value))),
13
+ decimal: String((Number(props.value) * 10) % 10),
14
+ };
15
+ }
16
+ render() {
17
+ return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, gestureEnabled: true, bounceOnOpen: true }, React.createElement(Box, { width: "100%", paddingX: 4, marginBottom: 8 }, React.createElement(Box, { width: "100%", display: "flex", alignItems: "end" }, React.createElement(Box, { width: "33%" }, React.createElement(Button, { type: "ghost", text: "Close", color: "blue", size: "lg", onClick: () => {
18
+ var _a, _b;
19
+ (_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
20
+ } }))), React.createElement(Box, { width: "100%", direction: "row" }, React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
21
+ height: PICKER_HEIGHT,
22
+ backgroundColor: "#FFFFFF",
23
+ }, itemStyle: {
24
+ height: PICKER_HEIGHT,
25
+ }, selectedValue: this.state.whole, onValueChange: (whole) => {
26
+ this.setState({ whole: String(whole) });
27
+ this.props.onChange({
28
+ value: String(Number(whole) + Number(this.state.decimal) * 0.1),
29
+ });
30
+ } }, range(this.props.min, this.props.max + 1).map((n) => {
31
+ // console.log("FIRST", String(n));
32
+ return React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) });
33
+ }))), React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
34
+ height: PICKER_HEIGHT,
35
+ backgroundColor: "#FFFFFF",
36
+ }, itemStyle: {
37
+ height: PICKER_HEIGHT,
38
+ }, selectedValue: this.state.decimal, onValueChange: (decimal) => {
39
+ // console.log(
40
+ // "DECIMAL",
41
+ // decimal,
42
+ // this.state.whole,
43
+ // Number(decimal.toString()) * 0.1,
44
+ // String(this.state.whole + Number(decimal) * 0.1)
45
+ // );
46
+ this.setState({ decimal: String(decimal) });
47
+ this.props.onChange({
48
+ value: String(Number(this.state.whole) + Number(decimal) * 0.1),
49
+ });
50
+ } }, range(0, 10).map((n) => {
51
+ // console.log("N", n);
52
+ return React.createElement(Picker.Item, { key: String(n), label: "." + String(n), value: String(n) });
53
+ })))))));
54
+ }
55
+ }
56
+ //# sourceMappingURL=DecimalRangeActionSheet.js.map
57
+ //# sourceMappingURL=DecimalRangeActionSheet.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DecimalRangeActionSheet.js","sourceRoot":"","sources":["../../src/dist/DecimalRangeActionSheet.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ export class ErrorBoundary extends React.Component<any, any, any> {
2
+ static getDerivedStateFromError(error: any): {
3
+ error: any;
4
+ };
5
+ constructor(...args: any[]);
6
+ state: {
7
+ error: undefined;
8
+ };
9
+ resetError: () => void;
10
+ componentDidCatch(error: any, info: any): void;
11
+ }
12
+ import React from "react";
@@ -0,0 +1,32 @@
1
+ import * as Sentry from "@sentry/react-native";
2
+ import React from "react";
3
+ import { ErrorPage } from "./ErrorPage";
4
+ export class ErrorBoundary extends React.Component {
5
+ constructor() {
6
+ super(...arguments);
7
+ this.state = { error: undefined };
8
+ this.resetError = () => {
9
+ this.setState({ error: undefined });
10
+ };
11
+ }
12
+ static getDerivedStateFromError(error) {
13
+ console.warn("[ErrorBoundary] Derived error", error);
14
+ return { error };
15
+ }
16
+ componentDidCatch(error, info) {
17
+ console.warn("[ErrorBoundary] Caught error", error);
18
+ Sentry.captureException(error);
19
+ if (this.props.onError) {
20
+ this.props.onError(error, info.componentStack);
21
+ }
22
+ }
23
+ render() {
24
+ const error = this.state.error;
25
+ if (error) {
26
+ return React.createElement(ErrorPage, { error: error, resetError: this.resetError });
27
+ }
28
+ return this.props.children;
29
+ }
30
+ }
31
+ //# sourceMappingURL=ErrorBoundary.js.map
32
+ //# sourceMappingURL=ErrorBoundary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/dist/ErrorBoundary.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS;IAC9C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;IACN,CAAC;IACD,MAAM,CAAC,wBAAwB,CAAC,KAAK;QACjC,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IACD,iBAAiB,CAAC,KAAK,EAAE,IAAI;QACzB,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAClD;IACL,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SACxF;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ;AACD,yCAAyC"}
@@ -0,0 +1,7 @@
1
+ export class ErrorPage extends React.Component<any, any, any> {
2
+ constructor(props: any);
3
+ state: {};
4
+ render(): React.CElement<import("./Common").BoxProps, Box>;
5
+ }
6
+ import React from "react";
7
+ import { Box } from "./Box";
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import { Box } from "./Box";
3
+ import { Button } from "./Button";
4
+ import { Text } from "./Text";
5
+ export class ErrorPage extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {};
9
+ }
10
+ render() {
11
+ return (React.createElement(Box, { height: "100%", width: "100%", display: "flex", justifyContent: "center", alignItems: "center", direction: "column", padding: 6 }, React.createElement(Text, { color: "red", size: "lg", weight: "bold", align: "center" }, "Oops!"), React.createElement(Box, { paddingY: 3 }, React.createElement(Text, { align: "center" }, "There's an error. Sorry! Josh just got a notification about the error so he can fix it as soon as possible!")), React.createElement(Box, { paddingY: 3 }, React.createElement(Text, null, this.props.error.toString())), React.createElement(Button, { text: "Try again", color: "blue", onClick: this.props.resetError })));
12
+ }
13
+ }
14
+ //# sourceMappingURL=ErrorPage.js.map
15
+ //# sourceMappingURL=ErrorPage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../src/dist/ErrorPage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IAC1C,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,EAChK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,CAAC,EACjG,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACpC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,6GAA6G,CAAC,CAAC,EAClK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACpC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EACjE,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5G,CAAC;CACJ;AACD,qCAAqC"}
@@ -0,0 +1,17 @@
1
+ export class Field extends React.Component<any, any, any> {
2
+ constructor(props: any);
3
+ handleChange: (value: any) => void;
4
+ handleSwitchChange: (value: any) => void;
5
+ validate: () => boolean;
6
+ state: {
7
+ value: any;
8
+ };
9
+ UNSAFE_componentWillReceiveProps(nextProps: any): void;
10
+ renderField(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.CElement<import("./SelectList").SelectListProps, SelectList> | React.CElement<import("./Common").TextFieldProps, TextArea> | React.CElement<import("./Common").SwitchProps, Switch> | null;
11
+ render(): React.CElement<import("./Common").BoxProps, Box>;
12
+ }
13
+ import React from "react";
14
+ import { SelectList } from "./SelectList";
15
+ import { TextArea } from "./TextArea";
16
+ import { Switch } from "./Switch";
17
+ import { Box } from "./Box";
@@ -0,0 +1,136 @@
1
+ import isDate from "lodash/isDate";
2
+ import isNumber from "lodash/isNumber";
3
+ import moment from "moment-timezone";
4
+ import React from "react";
5
+ import { Box } from "./Box";
6
+ import { FieldWithLabels } from "./FieldWithLabels";
7
+ import { SelectList } from "./SelectList";
8
+ import { Switch } from "./Switch";
9
+ import { TextArea } from "./TextArea";
10
+ import { TextField } from "./TextField";
11
+ export class Field extends React.Component {
12
+ constructor(props) {
13
+ super(props);
14
+ this.handleChange = (value) => {
15
+ if (this.props.type === "currency") {
16
+ value = value.replace("$", "");
17
+ }
18
+ else if (this.props.type === "percent") {
19
+ value = value.replace("%", "");
20
+ }
21
+ this.setState({ value });
22
+ if (this.props.handleChange) {
23
+ this.props.handleChange(this.props.name, value);
24
+ }
25
+ };
26
+ this.handleSwitchChange = (value) => {
27
+ this.setState({ value });
28
+ if (this.props.handleChange) {
29
+ this.props.handleChange(this.props.name, value);
30
+ }
31
+ };
32
+ this.validate = () => {
33
+ // console.log("VALIDATE", this.props.validate && this.props.validate(this.state.value));
34
+ if (this.props.validate && !this.props.validate(this.state.value)) {
35
+ return false;
36
+ }
37
+ switch (this.props.type) {
38
+ case "boolean":
39
+ return true;
40
+ case "currency":
41
+ return true;
42
+ case "date":
43
+ return !this.state.value || isDate(this.state.value);
44
+ case "email":
45
+ return (!this.state.value ||
46
+ (this.state.value.search("@") > -1 && this.state.value.search(".") > -1));
47
+ case "number":
48
+ return !this.state.value || isNumber(this.state.value);
49
+ case "password":
50
+ return true;
51
+ case "percent":
52
+ return !this.state.value || isNumber(this.state.value.replace("%", ""));
53
+ case "select":
54
+ return true;
55
+ case "text":
56
+ case undefined: // text is default
57
+ return true;
58
+ case "textarea":
59
+ return true;
60
+ case "url":
61
+ return true;
62
+ default:
63
+ return true;
64
+ }
65
+ };
66
+ this.state = { value: props.initialValue || "" };
67
+ }
68
+ UNSAFE_componentWillReceiveProps(nextProps) {
69
+ if (nextProps.initialValue !== this.state.value) {
70
+ this.setState({ value: nextProps.initialValue });
71
+ }
72
+ }
73
+ renderField() {
74
+ if (this.props.type === "select") {
75
+ if (!this.props.options) {
76
+ console.error("Field with type=select require options");
77
+ return null;
78
+ }
79
+ return (React.createElement(SelectList, { id: this.props.name, options: this.props.options, onChange: this.handleChange, value: this.state.value, disabled: this.props.disabled }));
80
+ }
81
+ else if (this.props.type === "textarea") {
82
+ return (React.createElement(TextArea, { id: this.props.name, placeholder: this.props.placeholder, onChange: ({ value }) => this.handleChange(value), value: String(this.state.value), disabled: this.props.disabled, rows: this.props.rows }));
83
+ }
84
+ else if (this.props.type === "boolean") {
85
+ return (React.createElement(Switch, { id: this.props.name, switched: Boolean(this.state.value), disabled: this.props.disabled, name: this.props.name, onChange: (result) => this.handleSwitchChange(result) }));
86
+ }
87
+ else if (this.props.type === "date") {
88
+ let value = this.state.value.seconds
89
+ ? moment(this.state.value.seconds * 1000)
90
+ : moment(this.state.value);
91
+ return (React.createElement(TextField, { id: this.props.name, placeholder: this.props.placeholder, onChange: (result) => this.handleChange(result.value), value: value.format("MM/DD/YYYY HH:mmA"),
92
+ // TODO: allow editing with a date picker
93
+ disabled: true, type: "text" }));
94
+ }
95
+ else {
96
+ let type = "text";
97
+ // Number is supported differently because we need fractional numbers and they don't work
98
+ // well on iOS.
99
+ if (this.props.type && ["date", "email", "password", "url"].indexOf(this.props.type) > -1) {
100
+ type = this.props.type;
101
+ }
102
+ else if (this.props.type === "percent" || this.props.type === "currency") {
103
+ type = "text";
104
+ }
105
+ let autoComplete = "on";
106
+ if (type === "password") {
107
+ autoComplete = "current-password";
108
+ }
109
+ else if (type === "email") {
110
+ autoComplete = "username";
111
+ }
112
+ let value = String(this.state.value);
113
+ // if (this.props.type === "percent") {
114
+ // value = `${Number(this.state.value).toFixed(0)}%`;
115
+ // } else if (this.props.type === "currency") {
116
+ // value = `$${Number(value).toFixed(2)}`;
117
+ // }
118
+ // console.log("VAL", value);
119
+ return (React.createElement(TextField, { id: this.props.name, placeholder: this.props.placeholder, autoComplete: autoComplete, onChange: (result) => this.handleChange(result.value), value: value, disabled: this.props.disabled, type: type }));
120
+ }
121
+ }
122
+ render() {
123
+ let children = this.renderField();
124
+ const { errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, } = this.props;
125
+ return (React.createElement(Box, { marginBottom: 5 }, React.createElement(FieldWithLabels, Object.assign({}, {
126
+ errorMessage,
127
+ errorMessageColor,
128
+ helperText,
129
+ helperTextColor,
130
+ label,
131
+ labelColor,
132
+ }), children)));
133
+ }
134
+ }
135
+ //# sourceMappingURL=Field.js.map
136
+ //# sourceMappingURL=Field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/dist/Field.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ declare namespace _default {
2
+ export const title: string;
3
+ export { Field as component };
4
+ }
5
+ export default _default;
6
+ import { Field } from "./Field";
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import { Field } from "./Field";
3
+ import { storiesOf } from "@storybook/react-native";
4
+ import { StorybookContainer } from "./StorybookContainer";
5
+ export default {
6
+ title: "Field",
7
+ component: Field,
8
+ };
9
+ storiesOf("Field", module)
10
+ .add("TextField", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Text Field", type: "text", name: "text", helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }), React.createElement(Field, { label: "Disabled Field", type: "text", name: "text", disabled: true, helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }))))
11
+ .add("Boolean Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Boolean Field", type: "boolean", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
12
+ .add("Email Text Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Email Field", type: "email", name: "text", helperText: "Here's some help text", handleChange: () => { } }), React.createElement(Field, { label: "Email Field With Extra Validation", type: "email", name: "text", helperText: "Requires @example.com", handleChange: () => { }, validate: (value) => value.search("@example.com") > -1, validateErrorMessage: "Must be an example.com email" }))))
13
+ .add("Text Area Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "TextArea Field", type: "textarea", name: "text", helperText: "Here's some help text", handleChange: () => { } }), React.createElement(Field, { label: "Large TextArea ", type: "textarea", name: "text", rows: 10, helperText: "Here's some help text", handleChange: () => { } }))))
14
+ .add("Number Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Number Field", type: "number", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
15
+ .add("Currency Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Currency Field", type: "currency", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
16
+ .add("Percent Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Percent Field", type: "percent", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
17
+ .add("Select Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Select Field", type: "select", name: "text", helperText: "Here's some help text", handleChange: () => { }, options: [
18
+ { label: "Option 1", value: "Option 1" },
19
+ { label: "Option 2", value: "Option 2" },
20
+ ] }))))
21
+ .add("Password Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Password Field", type: "password", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
22
+ .add("URL Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Url Field", type: "url", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
23
+ .add("Date Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Date Field", type: "date", name: "text", helperText: "Here's some help text", handleChange: () => { } }))));
24
+ //# sourceMappingURL=Field.stories.js.map
25
+ //# sourceMappingURL=Field.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Field.stories.js","sourceRoot":"","sources":["../../src/dist/Field.stories.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ export function FieldWithLabels({ children, errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, }: {
2
+ children: any;
3
+ errorMessage: any;
4
+ errorMessageColor?: string | undefined;
5
+ helperText: any;
6
+ helperTextColor?: string | undefined;
7
+ label: any;
8
+ labelColor?: string | undefined;
9
+ }): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
10
+ import React from "react";
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { WithLabel } from "./WithLabel";
3
+ export function FieldWithLabels({ children, errorMessage, errorMessageColor = "red", helperText, helperTextColor = "darkGray", label, labelColor = "darkGray", }) {
4
+ return (React.createElement(WithLabel, { show: Boolean(helperText), label: helperText, labelPlacement: "after", labelSize: "sm", labelColor: helperTextColor }, React.createElement(WithLabel, { show: Boolean(errorMessage), label: errorMessage, labelPlacement: "after", labelSize: "md", labelColor: errorMessageColor }, React.createElement(WithLabel, { show: Boolean(label), label: label, labelColor: labelColor }, children))));
5
+ }
6
+ //# sourceMappingURL=FieldWithLabels.js.map
7
+ //# sourceMappingURL=FieldWithLabels.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldWithLabels.js","sourceRoot":"","sources":["../../src/dist/FieldWithLabels.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,GAAG,KAAK,EAAE,UAAU,EAAE,eAAe,GAAG,UAAU,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG;IAC5J,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,EAC1J,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,EACxJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACxH,CAAC;AACD,2CAA2C"}
@@ -0,0 +1 @@
1
+ export { FlatList };
@@ -0,0 +1,4 @@
1
+ import { FlatList } from "react-native";
2
+ export { FlatList };
3
+ //# sourceMappingURL=FlatList.js.map
4
+ //# sourceMappingURL=FlatList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlatList.js","sourceRoot":"","sources":["../../src/dist/FlatList.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,oCAAoC"}
@@ -0,0 +1,15 @@
1
+ export class FormLine extends React.Component<any, any, any> {
2
+ constructor(props: any);
3
+ state: {
4
+ editing: boolean;
5
+ value: string;
6
+ };
7
+ renderMultiBoolean(): React.FunctionComponentElement<{}>;
8
+ renderBooleanField(): React.FunctionComponentElement<{}>;
9
+ renderTextField(): React.FunctionComponentElement<{}>;
10
+ renderTextArea(): React.FunctionComponentElement<{}>;
11
+ renderSelect(): React.FunctionComponentElement<{}>;
12
+ render(): React.CElement<import("./Common").BoxProps, Box>;
13
+ }
14
+ import React from "react";
15
+ import { Box } from "./Box";
@@ -0,0 +1,56 @@
1
+ import React from "react";
2
+ import { Box } from "./Box";
3
+ import { Text } from "./Text";
4
+ import { Switch } from "./Switch";
5
+ import { TextField } from "./TextField";
6
+ import { TextArea } from "./TextArea";
7
+ import { Button } from "./Button";
8
+ import { SelectList } from "./SelectList";
9
+ import { IconButton } from "./IconButton";
10
+ function objToJoinedString(obj) {
11
+ return Object.keys(obj || {})
12
+ .map((k) => (obj[k] ? k : undefined))
13
+ .filter((v) => v)
14
+ .join(", ");
15
+ }
16
+ export class FormLine extends React.Component {
17
+ constructor(props) {
18
+ super(props);
19
+ this.state = { editing: false, value: "" };
20
+ }
21
+ renderMultiBoolean() {
22
+ return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(Box, { display: "flex", direction: "column" }, Object.keys(this.props.value).map((k) => (React.createElement(React.Fragment, null, React.createElement(Text, { weight: "bold" }, k), React.createElement(Switch, { switched: this.state.value[k], onChange: () => this.setState({ value: Object.assign(Object.assign({}, this.state.value), { [k]: !this.state.value[k] }) }), id: k })))))));
23
+ }
24
+ renderBooleanField() {
25
+ return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(Switch, { switched: this.state.value, onChange: () => this.setState({ value: !this.state.value }), id: this.props.name })));
26
+ }
27
+ renderTextField() {
28
+ return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(TextField, { value: this.state.value, onChange: (result) => this.setState({ value: result.value }), id: this.props.name })));
29
+ }
30
+ renderTextArea() {
31
+ return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(TextArea, { value: this.state.value, onChange: (result) => this.setState({ value: result.value }), id: this.props.name }), React.createElement(Button, { size: "sm", text: "Save", onClick: () => this.props.onSave(this.state.value) })));
32
+ }
33
+ renderSelect() {
34
+ return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(SelectList, { id: this.props.name, options: (this.props.options || []).map((o) => ({ label: o !== null && o !== void 0 ? o : "---", value: o })), value: this.state.value, onChange: (result) => {
35
+ this.setState({ value: result });
36
+ } })));
37
+ }
38
+ render() {
39
+ if (!this.state.editing) {
40
+ let text = this.props.value;
41
+ if (text === undefined) {
42
+ text = " - ";
43
+ }
44
+ if (typeof text === "object") {
45
+ text = objToJoinedString(text);
46
+ }
47
+ return (React.createElement(Box, { display: "flex", direction: "row" }, React.createElement(IconButton, { iconColor: "darkGray", prefix: "far", size: "xs", accessibilityLabel: "edit", icon: "edit", onClick: () => this.setState({ editing: true, value: this.props.value }) }), React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name, ": ")), React.createElement(Text, null, text)));
48
+ }
49
+ return (React.createElement(Box, { display: "flex", direction: "row" }, React.createElement(IconButton, { iconColor: "darkGray", prefix: "far", size: "xs", accessibilityLabel: "edit", icon: "cancel", onClick: () => this.setState({ editing: false }) }), this.props.kind === "boolean" && this.renderBooleanField(), this.props.kind === "multiboolean" && this.renderMultiBoolean(), this.props.kind === "string" && this.renderTextField(), this.props.kind === "textarea" && this.renderTextArea(), this.props.kind === "select" && this.renderSelect(), React.createElement(Box, { width: 60 }, React.createElement(Button, { color: "blue", size: "sm", text: "Save", onClick: () => {
50
+ this.props.onSave(this.state.value);
51
+ this.setState({ editing: false });
52
+ } }))));
53
+ }
54
+ }
55
+ //# sourceMappingURL=Form.js.map
56
+ //# sourceMappingURL=Form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/dist/Form.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ declare namespace _default {
2
+ export const title: string;
3
+ export { FormLine as component };
4
+ }
5
+ export default _default;
6
+ import { FormLine } from "./Form";