ferns-ui 0.2.2 → 0.3.1

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 (332) hide show
  1. package/dist/ActionSheet.js.map +1 -1
  2. package/dist/Common.d.ts +1 -1
  3. package/dist/DateTimeActionSheet.js.map +1 -1
  4. package/dist/DecimalRangeActionSheet.js.map +1 -1
  5. package/dist/ErrorBoundary.d.ts +1 -1
  6. package/dist/Field.d.ts +12 -14
  7. package/dist/Field.js +95 -98
  8. package/dist/Field.js.map +1 -1
  9. package/dist/Form.d.ts +1 -1
  10. package/dist/HeightActionSheet.js.map +1 -1
  11. package/dist/Hyperlink.d.ts +43 -0
  12. package/dist/Hyperlink.js +135 -0
  13. package/dist/Hyperlink.js.map +1 -0
  14. package/dist/NumberPickerActionSheet.js.map +1 -1
  15. package/dist/PickerSelect.d.ts +4 -4
  16. package/dist/SelectList.d.ts +1 -1
  17. package/dist/SelectList.js.map +1 -1
  18. package/dist/SplitPage.js.map +1 -1
  19. package/dist/Text.js +2 -6
  20. package/dist/Text.js.map +1 -1
  21. package/dist/TextField.js.map +1 -1
  22. package/dist/TextFieldNumberActionSheet.js.map +1 -1
  23. package/dist/Unifier.js +5 -11
  24. package/dist/Unifier.js.map +1 -1
  25. package/package.json +28 -27
  26. package/src/Field.tsx +91 -98
  27. package/src/Form.tsx +1 -1
  28. package/src/Hyperlink.tsx +181 -0
  29. package/src/SelectList.tsx +2 -1
  30. package/src/Text.tsx +4 -5
  31. package/src/TextFieldNumberActionSheet.tsx +1 -1
  32. package/src/Unifier.ts +4 -2
  33. package/dist/Banner.stories.d.ts +0 -1
  34. package/dist/Banner.stories.js +0 -13
  35. package/dist/Banner.stories.js.map +0 -1
  36. package/dist/Box.stories.d.ts +0 -1
  37. package/dist/Box.stories.js +0 -45
  38. package/dist/Box.stories.js.map +0 -1
  39. package/dist/Button.stories.d.ts +0 -1
  40. package/dist/Button.stories.js +0 -41
  41. package/dist/Button.stories.js.map +0 -1
  42. package/dist/Card.stories.d.ts +0 -6
  43. package/dist/Card.stories.js +0 -18
  44. package/dist/Card.stories.js.map +0 -1
  45. package/dist/CheckBox.stories.d.ts +0 -1
  46. package/dist/CheckBox.stories.js +0 -28
  47. package/dist/CheckBox.stories.js.map +0 -1
  48. package/dist/Field.stories.d.ts +0 -6
  49. package/dist/Field.stories.js +0 -38
  50. package/dist/Field.stories.js.map +0 -1
  51. package/dist/Form.stories.d.ts +0 -6
  52. package/dist/Form.stories.js +0 -36
  53. package/dist/Form.stories.js.map +0 -1
  54. package/dist/HeaderButtons.stories.d.ts +0 -6
  55. package/dist/HeaderButtons.stories.js +0 -6
  56. package/dist/HeaderButtons.stories.js.map +0 -1
  57. package/dist/Heading.stories.d.ts +0 -1
  58. package/dist/Heading.stories.js +0 -22
  59. package/dist/Heading.stories.js.map +0 -1
  60. package/dist/Icon.stories.d.ts +0 -1
  61. package/dist/Icon.stories.js +0 -30
  62. package/dist/Icon.stories.js.map +0 -1
  63. package/dist/IconButton.stories.d.ts +0 -1
  64. package/dist/IconButton.stories.js +0 -16
  65. package/dist/IconButton.stories.js.map +0 -1
  66. package/dist/Link.stories.d.ts +0 -1
  67. package/dist/Link.stories.js +0 -18
  68. package/dist/Link.stories.js.map +0 -1
  69. package/dist/Mask.stories.d.ts +0 -1
  70. package/dist/Mask.stories.js +0 -28
  71. package/dist/Mask.stories.js.map +0 -1
  72. package/dist/Pill.stories.d.ts +0 -1
  73. package/dist/Pill.stories.js +0 -38
  74. package/dist/Pill.stories.js.map +0 -1
  75. package/dist/SegmentedControl.stories.d.ts +0 -1
  76. package/dist/SegmentedControl.stories.js +0 -31
  77. package/dist/SegmentedControl.stories.js.map +0 -1
  78. package/dist/SelectList.stories.d.ts +0 -1
  79. package/dist/SelectList.stories.js +0 -26
  80. package/dist/SelectList.stories.js.map +0 -1
  81. package/dist/Spinner.stories.d.ts +0 -1
  82. package/dist/Spinner.stories.js +0 -12
  83. package/dist/Spinner.stories.js.map +0 -1
  84. package/dist/SplitPage.stories.d.ts +0 -1
  85. package/dist/SplitPage.stories.js +0 -15
  86. package/dist/SplitPage.stories.js.map +0 -1
  87. package/dist/StorybookContainer.d.ts +0 -4
  88. package/dist/StorybookContainer.js +0 -8
  89. package/dist/StorybookContainer.js.map +0 -1
  90. package/dist/Switch.stories.d.ts +0 -1
  91. package/dist/Switch.stories.js +0 -34
  92. package/dist/Switch.stories.js.map +0 -1
  93. package/dist/Text.stories.d.ts +0 -1
  94. package/dist/Text.stories.js +0 -37
  95. package/dist/Text.stories.js.map +0 -1
  96. package/dist/TextArea.stories.d.ts +0 -10
  97. package/dist/TextArea.stories.js +0 -24
  98. package/dist/TextArea.stories.js.map +0 -1
  99. package/dist/TextField.stories.d.ts +0 -6
  100. package/dist/TextField.stories.js +0 -18
  101. package/dist/TextField.stories.js.map +0 -1
  102. package/dist/dist/ActionSheet.d.ts +0 -139
  103. package/dist/dist/ActionSheet.js +0 -637
  104. package/dist/dist/ActionSheet.js.map +0 -1
  105. package/dist/dist/Banner.d.ts +0 -12
  106. package/dist/dist/Banner.js +0 -49
  107. package/dist/dist/Banner.js.map +0 -1
  108. package/dist/dist/Banner.stories.d.ts +0 -1
  109. package/dist/dist/Banner.stories.js +0 -9
  110. package/dist/dist/Banner.stories.js.map +0 -1
  111. package/dist/dist/BlurBox.d.ts +0 -7
  112. package/dist/dist/BlurBox.js +0 -29
  113. package/dist/dist/BlurBox.js.map +0 -1
  114. package/dist/dist/BlurBox.native.d.ts +0 -9
  115. package/dist/dist/BlurBox.native.js +0 -32
  116. package/dist/dist/BlurBox.native.js.map +0 -1
  117. package/dist/dist/Body.d.ts +0 -12
  118. package/dist/dist/Body.js +0 -19
  119. package/dist/dist/Body.js.map +0 -1
  120. package/dist/dist/Box.d.ts +0 -205
  121. package/dist/dist/Box.js +0 -229
  122. package/dist/dist/Box.js.map +0 -1
  123. package/dist/dist/Box.stories.d.ts +0 -1
  124. package/dist/dist/Box.stories.js +0 -37
  125. package/dist/dist/Box.stories.js.map +0 -1
  126. package/dist/dist/Button.d.ts +0 -16
  127. package/dist/dist/Button.js +0 -98
  128. package/dist/dist/Button.js.map +0 -1
  129. package/dist/dist/Button.stories.d.ts +0 -13
  130. package/dist/dist/Button.stories.js +0 -26
  131. package/dist/dist/Button.stories.js.map +0 -1
  132. package/dist/dist/Card.d.ts +0 -6
  133. package/dist/dist/Card.js +0 -9
  134. package/dist/dist/Card.js.map +0 -1
  135. package/dist/dist/Card.stories.d.ts +0 -6
  136. package/dist/dist/Card.stories.js +0 -11
  137. package/dist/dist/Card.stories.js.map +0 -1
  138. package/dist/dist/CheckBox.d.ts +0 -8
  139. package/dist/dist/CheckBox.js +0 -23
  140. package/dist/dist/CheckBox.js.map +0 -1
  141. package/dist/dist/CheckBox.stories.d.ts +0 -1
  142. package/dist/dist/CheckBox.stories.js +0 -22
  143. package/dist/dist/CheckBox.stories.js.map +0 -1
  144. package/dist/dist/Common.d.ts +0 -5
  145. package/dist/dist/Common.js +0 -47
  146. package/dist/dist/Common.js.map +0 -1
  147. package/dist/dist/DateTimeActionSheet.d.ts +0 -5
  148. package/dist/dist/DateTimeActionSheet.js +0 -24
  149. package/dist/dist/DateTimeActionSheet.js.map +0 -1
  150. package/dist/dist/DecimalRangeActionSheet.d.ts +0 -9
  151. package/dist/dist/DecimalRangeActionSheet.js +0 -57
  152. package/dist/dist/DecimalRangeActionSheet.js.map +0 -1
  153. package/dist/dist/ErrorBoundary.d.ts +0 -12
  154. package/dist/dist/ErrorBoundary.js +0 -32
  155. package/dist/dist/ErrorBoundary.js.map +0 -1
  156. package/dist/dist/ErrorPage.d.ts +0 -7
  157. package/dist/dist/ErrorPage.js +0 -15
  158. package/dist/dist/ErrorPage.js.map +0 -1
  159. package/dist/dist/Field.d.ts +0 -17
  160. package/dist/dist/Field.js +0 -136
  161. package/dist/dist/Field.js.map +0 -1
  162. package/dist/dist/Field.stories.d.ts +0 -6
  163. package/dist/dist/Field.stories.js +0 -25
  164. package/dist/dist/Field.stories.js.map +0 -1
  165. package/dist/dist/FieldWithLabels.d.ts +0 -10
  166. package/dist/dist/FieldWithLabels.js +0 -7
  167. package/dist/dist/FieldWithLabels.js.map +0 -1
  168. package/dist/dist/FlatList.d.ts +0 -1
  169. package/dist/dist/FlatList.js +0 -4
  170. package/dist/dist/FlatList.js.map +0 -1
  171. package/dist/dist/Form.d.ts +0 -15
  172. package/dist/dist/Form.js +0 -56
  173. package/dist/dist/Form.js.map +0 -1
  174. package/dist/dist/Form.stories.d.ts +0 -6
  175. package/dist/dist/Form.stories.js +0 -27
  176. package/dist/dist/Form.stories.js.map +0 -1
  177. package/dist/dist/HeaderButtons.d.ts +0 -39
  178. package/dist/dist/HeaderButtons.js +0 -50
  179. package/dist/dist/HeaderButtons.js.map +0 -1
  180. package/dist/dist/HeaderButtons.stories.d.ts +0 -6
  181. package/dist/dist/HeaderButtons.stories.js +0 -7
  182. package/dist/dist/HeaderButtons.stories.js.map +0 -1
  183. package/dist/dist/Heading.d.ts +0 -32
  184. package/dist/dist/Heading.js +0 -47
  185. package/dist/dist/Heading.js.map +0 -1
  186. package/dist/dist/Heading.stories.d.ts +0 -1
  187. package/dist/dist/Heading.stories.js +0 -11
  188. package/dist/dist/Heading.stories.js.map +0 -1
  189. package/dist/dist/HeightActionSheet.d.ts +0 -9
  190. package/dist/dist/HeightActionSheet.js +0 -50
  191. package/dist/dist/HeightActionSheet.js.map +0 -1
  192. package/dist/dist/Icon.d.ts +0 -12
  193. package/dist/dist/Icon.js +0 -126
  194. package/dist/dist/Icon.js.map +0 -1
  195. package/dist/dist/Icon.stories.d.ts +0 -1
  196. package/dist/dist/Icon.stories.js +0 -11
  197. package/dist/dist/Icon.stories.js.map +0 -1
  198. package/dist/dist/IconButton.d.ts +0 -42
  199. package/dist/dist/IconButton.js +0 -41
  200. package/dist/dist/IconButton.js.map +0 -1
  201. package/dist/dist/IconButton.stories.d.ts +0 -1
  202. package/dist/dist/IconButton.stories.js +0 -8
  203. package/dist/dist/IconButton.stories.js.map +0 -1
  204. package/dist/dist/Image.d.ts +0 -9
  205. package/dist/dist/Image.js +0 -37
  206. package/dist/dist/Image.js.map +0 -1
  207. package/dist/dist/ImageBackground.d.ts +0 -6
  208. package/dist/dist/ImageBackground.js +0 -9
  209. package/dist/dist/ImageBackground.js.map +0 -1
  210. package/dist/dist/Layer.d.ts +0 -5
  211. package/dist/dist/Layer.js +0 -13
  212. package/dist/dist/Layer.js.map +0 -1
  213. package/dist/dist/Link.d.ts +0 -7
  214. package/dist/dist/Link.js +0 -13
  215. package/dist/dist/Link.js.map +0 -1
  216. package/dist/dist/Link.stories.d.ts +0 -1
  217. package/dist/dist/Link.stories.js +0 -8
  218. package/dist/dist/Link.stories.js.map +0 -1
  219. package/dist/dist/Mask.d.ts +0 -5
  220. package/dist/dist/Mask.js +0 -23
  221. package/dist/dist/Mask.js.map +0 -1
  222. package/dist/dist/Mask.stories.d.ts +0 -1
  223. package/dist/dist/Mask.stories.js +0 -13
  224. package/dist/dist/Mask.stories.js.map +0 -1
  225. package/dist/dist/MediaQuery.d.ts +0 -2
  226. package/dist/dist/MediaQuery.js +0 -34
  227. package/dist/dist/MediaQuery.js.map +0 -1
  228. package/dist/dist/Meta.d.ts +0 -6
  229. package/dist/dist/Meta.js +0 -8
  230. package/dist/dist/Meta.js.map +0 -1
  231. package/dist/dist/ModalSheet.d.ts +0 -3
  232. package/dist/dist/ModalSheet.js +0 -43
  233. package/dist/dist/ModalSheet.js.map +0 -1
  234. package/dist/dist/NumberPickerActionSheet.d.ts +0 -5
  235. package/dist/dist/NumberPickerActionSheet.js +0 -25
  236. package/dist/dist/NumberPickerActionSheet.js.map +0 -1
  237. package/dist/dist/Page.d.ts +0 -9
  238. package/dist/dist/Page.js +0 -26
  239. package/dist/dist/Page.js.map +0 -1
  240. package/dist/dist/Permissions.d.ts +0 -1
  241. package/dist/dist/Permissions.js +0 -36
  242. package/dist/dist/Permissions.js.map +0 -1
  243. package/dist/dist/PickerSelect.d.ts +0 -172
  244. package/dist/dist/PickerSelect.js +0 -403
  245. package/dist/dist/PickerSelect.js.map +0 -1
  246. package/dist/dist/Pill.d.ts +0 -7
  247. package/dist/dist/Pill.js +0 -10
  248. package/dist/dist/Pill.js.map +0 -1
  249. package/dist/dist/Pill.stories.d.ts +0 -1
  250. package/dist/dist/Pill.stories.js +0 -36
  251. package/dist/dist/Pill.stories.js.map +0 -1
  252. package/dist/dist/Pog.d.ts +0 -7
  253. package/dist/dist/Pog.js +0 -144
  254. package/dist/dist/Pog.js.map +0 -1
  255. package/dist/dist/ProgressBar.d.ts +0 -16
  256. package/dist/dist/ProgressBar.js +0 -40
  257. package/dist/dist/ProgressBar.js.map +0 -1
  258. package/dist/dist/ScrollView.d.ts +0 -1
  259. package/dist/dist/ScrollView.js +0 -4
  260. package/dist/dist/ScrollView.js.map +0 -1
  261. package/dist/dist/SegmentedControl.d.ts +0 -9
  262. package/dist/dist/SegmentedControl.js +0 -18
  263. package/dist/dist/SegmentedControl.js.map +0 -1
  264. package/dist/dist/SegmentedControl.stories.d.ts +0 -1
  265. package/dist/dist/SegmentedControl.stories.js +0 -32
  266. package/dist/dist/SegmentedControl.stories.js.map +0 -1
  267. package/dist/dist/SelectList.d.ts +0 -9
  268. package/dist/dist/SelectList.js +0 -29
  269. package/dist/dist/SelectList.js.map +0 -1
  270. package/dist/dist/SelectList.stories.d.ts +0 -1
  271. package/dist/dist/SelectList.stories.js +0 -24
  272. package/dist/dist/SelectList.stories.js.map +0 -1
  273. package/dist/dist/Spinner.d.ts +0 -44
  274. package/dist/dist/Spinner.js +0 -58
  275. package/dist/dist/Spinner.js.map +0 -1
  276. package/dist/dist/Spinner.stories.d.ts +0 -1
  277. package/dist/dist/Spinner.stories.js +0 -10
  278. package/dist/dist/Spinner.stories.js.map +0 -1
  279. package/dist/dist/SplitPage.d.ts +0 -7
  280. package/dist/dist/SplitPage.js +0 -20
  281. package/dist/dist/SplitPage.js.map +0 -1
  282. package/dist/dist/SplitPage.stories.d.ts +0 -1
  283. package/dist/dist/SplitPage.stories.js +0 -7
  284. package/dist/dist/SplitPage.stories.js.map +0 -1
  285. package/dist/dist/StorybookContainer.d.ts +0 -7
  286. package/dist/dist/StorybookContainer.js +0 -9
  287. package/dist/dist/StorybookContainer.js.map +0 -1
  288. package/dist/dist/Switch.d.ts +0 -6
  289. package/dist/dist/Switch.js +0 -10
  290. package/dist/dist/Switch.js.map +0 -1
  291. package/dist/dist/Switch.stories.d.ts +0 -1
  292. package/dist/dist/Switch.stories.js +0 -27
  293. package/dist/dist/Switch.stories.js.map +0 -1
  294. package/dist/dist/TapToEdit.d.ts +0 -9
  295. package/dist/dist/TapToEdit.js +0 -27
  296. package/dist/dist/TapToEdit.js.map +0 -1
  297. package/dist/dist/Text.d.ts +0 -36
  298. package/dist/dist/Text.js +0 -86
  299. package/dist/dist/Text.js.map +0 -1
  300. package/dist/dist/Text.stories.d.ts +0 -1
  301. package/dist/dist/Text.stories.js +0 -13
  302. package/dist/dist/Text.stories.js.map +0 -1
  303. package/dist/dist/TextArea.d.ts +0 -6
  304. package/dist/dist/TextArea.js +0 -13
  305. package/dist/dist/TextArea.js.map +0 -1
  306. package/dist/dist/TextArea.stories.d.ts +0 -12
  307. package/dist/dist/TextArea.stories.js +0 -21
  308. package/dist/dist/TextArea.stories.js.map +0 -1
  309. package/dist/dist/TextField.d.ts +0 -47
  310. package/dist/dist/TextField.js +0 -199
  311. package/dist/dist/TextField.js.map +0 -1
  312. package/dist/dist/TextField.stories.d.ts +0 -6
  313. package/dist/dist/TextField.stories.js +0 -15
  314. package/dist/dist/TextField.stories.js.map +0 -1
  315. package/dist/dist/TextFieldNumberActionSheet.d.ts +0 -5
  316. package/dist/dist/TextFieldNumberActionSheet.js +0 -24
  317. package/dist/dist/TextFieldNumberActionSheet.js.map +0 -1
  318. package/dist/dist/UnifiedScreens.d.ts +0 -2
  319. package/dist/dist/UnifiedScreens.js +0 -26
  320. package/dist/dist/UnifiedScreens.js.map +0 -1
  321. package/dist/dist/Unifier.d.ts +0 -131
  322. package/dist/dist/Unifier.js +0 -198
  323. package/dist/dist/Unifier.js.map +0 -1
  324. package/dist/dist/Utilities.d.ts +0 -51
  325. package/dist/dist/Utilities.js +0 -77
  326. package/dist/dist/Utilities.js.map +0 -1
  327. package/dist/dist/WithLabel.d.ts +0 -6
  328. package/dist/dist/WithLabel.js +0 -23
  329. package/dist/dist/WithLabel.js.map +0 -1
  330. package/dist/dist/index.d.ts +0 -43
  331. package/dist/dist/index.js +0 -49
  332. package/dist/dist/index.js.map +0 -1
package/dist/dist/Box.js DELETED
@@ -1,229 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s)
4
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import React from "react";
14
- import { KeyboardAvoidingView, Platform, SafeAreaView, ScrollView, TouchableOpacity, View, } from "react-native";
15
- import { SPACING } from "./Common";
16
- import { mediaQueryLargerThan } from "./MediaQuery";
17
- import { Unifier } from "./Unifier";
18
- const ALIGN_CONTENT = {
19
- start: "flex-start",
20
- end: "flex-end",
21
- center: "center",
22
- between: "space-between",
23
- around: "space-around",
24
- stretch: "stretch",
25
- };
26
- const ALIGN_ITEMS = {
27
- start: "flex-start",
28
- end: "flex-end",
29
- center: "center",
30
- baseline: "baseline",
31
- stretch: "stretch",
32
- };
33
- const ALIGN_SELF = {
34
- auto: "auto",
35
- baseline: "baseline",
36
- start: "flex-start",
37
- end: "flex-end",
38
- center: "center",
39
- between: "space-between",
40
- around: "space-around",
41
- stretch: "stretch",
42
- };
43
- export class Box extends React.Component {
44
- constructor(props) {
45
- super(props);
46
- this.BOX_STYLE_MAP = {
47
- alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
48
- alignContent: (value) => ({ alignContent: ALIGN_CONTENT[value] }),
49
- alignSelf: (value) => ({ alignSelf: ALIGN_SELF[value] }),
50
- color: (value) => ({ backgroundColor: Unifier.theme[value] }),
51
- direction: (value) => ({ flexDirection: value, display: "flex" }),
52
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
53
- smDirection: (value, all) => mediaQueryLargerThan("sm") ? { flexDirection: value, display: "flex" } : {},
54
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
55
- mdDirection: (value, all) => mediaQueryLargerThan("md") ? { flexDirection: value, display: "flex" } : {},
56
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
57
- lgDirection: (value, all) => mediaQueryLargerThan("lg") ? { flexDirection: value, display: "flex" } : {},
58
- display: (value) => {
59
- return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
60
- },
61
- flex: (value) => {
62
- if (value === "grow") {
63
- return { flexGrow: 1, flexShrink: 1, display: "flex" };
64
- }
65
- else if (value === "shrink") {
66
- return { flexShrink: 1, display: "flex" };
67
- }
68
- else {
69
- return { flex: 0, display: "flex" };
70
- }
71
- },
72
- justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
73
- height: (value) => {
74
- if (this.props.border && !isNaN(Number(value))) {
75
- return { height: Number(value) + 2 * 2 };
76
- }
77
- else {
78
- return { height: value };
79
- }
80
- },
81
- margin: (value) => ({ margin: value * SPACING }),
82
- marginRight: (value) => ({ marginRight: value * SPACING }),
83
- marginLeft: (value) => ({ marginLeft: value * SPACING }),
84
- marginTop: (value) => ({ marginTop: value * SPACING }),
85
- marginBottom: (value) => ({ marginBottom: value * SPACING }),
86
- paddingX: (value) => ({ paddingLeft: value * SPACING, paddingRight: value * SPACING }),
87
- paddingY: (value) => ({ paddingTop: value * SPACING, paddingBottom: value * SPACING }),
88
- padding: (value) => ({ padding: value * SPACING }),
89
- position: (value) => ({ position: value }),
90
- top: (top) => ({ top: top ? 0 : undefined }),
91
- bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
92
- right: (right) => ({ right: right ? 0 : undefined }),
93
- left: (left) => ({ left: left ? 0 : undefined }),
94
- rounding: (rounding, allProps) => {
95
- if (rounding === "circle") {
96
- if (!allProps.height && !allProps.width) {
97
- console.warn("Cannot use Box rounding='circle' without height or width.");
98
- return { borderRadius: undefined };
99
- }
100
- return { borderRadius: allProps.height || allProps.width };
101
- }
102
- if (rounding === "pill") {
103
- return { borderRadius: 999 };
104
- }
105
- if (typeof rounding === "number") {
106
- return { borderRadius: rounding * 4 };
107
- }
108
- return { borderRadius: undefined };
109
- },
110
- overflow: (value) => {
111
- if (value === "scrollY" || value === "scroll") {
112
- return { overflow: "scroll" };
113
- }
114
- else if (value === "scollX") {
115
- return { overflow: "scrollX" };
116
- }
117
- return {};
118
- },
119
- width: (value) => {
120
- if (this.props.border && !isNaN(Number(value))) {
121
- return { width: Number(value) + 2 * 2 };
122
- }
123
- else {
124
- return { width: value };
125
- }
126
- },
127
- wrap: (value) => ({ flexWrap: value ? "wrap" : "nowrap", alignItems: "flex-start" }),
128
- shadow: (value) => {
129
- if (!value) {
130
- return {};
131
- }
132
- if (Platform.OS === "ios" || Platform.OS === "web") {
133
- return {
134
- shadowColor: "#999",
135
- shadowOffset: {
136
- width: 2,
137
- height: 2,
138
- },
139
- shadowRadius: 2,
140
- shadowOpacity: 1.0,
141
- };
142
- }
143
- else {
144
- return { elevation: 4 };
145
- }
146
- },
147
- border: (value) => {
148
- if (!value) {
149
- return {};
150
- }
151
- return { borderColor: Unifier.theme[value], borderWidth: 2 };
152
- },
153
- };
154
- this.scrollRef = React.createRef();
155
- this.scrollToEnd = () => {
156
- if (this.scrollRef && this.scrollRef.current) {
157
- // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
158
- // avoid this, but it works well enough.
159
- setTimeout(() => {
160
- this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollToEnd();
161
- }, 50);
162
- }
163
- };
164
- this.scrollTo = (y) => {
165
- if (this.scrollRef && this.scrollRef.current) {
166
- // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
167
- // avoid this, but it works well enough.
168
- setTimeout(() => {
169
- this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollTo({ y });
170
- }, 50);
171
- }
172
- };
173
- if (props.scrollRef) {
174
- this.scrollRef = props.scrollRef;
175
- }
176
- }
177
- propsToStyle() {
178
- let style = {};
179
- for (const prop of Object.keys(this.props)) {
180
- const value = this.props[prop];
181
- if (this.BOX_STYLE_MAP[prop]) {
182
- Object.assign(style, this.BOX_STYLE_MAP[prop](value, this.props));
183
- }
184
- else if (prop !== "children" && prop !== "onClick") {
185
- style[prop] = value;
186
- // console.warn(`Box: unknown property ${prop}`);
187
- }
188
- }
189
- if (this.props.wrap && this.props.alignItems) {
190
- console.warn("React Native doesn't support wrap and alignItems together.");
191
- }
192
- // Finally, dangerously set overrides.
193
- if (this.props.dangerouslySetInlineStyle) {
194
- style = Object.assign(Object.assign({}, style), this.props.dangerouslySetInlineStyle.__style);
195
- }
196
- return style;
197
- }
198
- renderBox() {
199
- return (React.createElement(View, { style: !this.props.scroll && !this.props.overflow && this.propsToStyle() }, this.props.children));
200
- }
201
- render() {
202
- let box;
203
- if (this.props.onClick) {
204
- box = (React.createElement(TouchableOpacity, { style: this.propsToStyle(),
205
- // TODO: refactor this better..
206
- onLayout: this.props.onLayout, onPress: () => {
207
- Unifier.utils.haptic();
208
- this.props.onClick();
209
- } }, this.props.children));
210
- }
211
- else {
212
- box = React.createElement(View, { style: this.propsToStyle() }, this.props.children);
213
- }
214
- if (this.props.scroll) {
215
- const _a = this.propsToStyle(), { justifyContent, alignContent, alignItems } = _a, scrollStyle = __rest(_a, ["justifyContent", "alignContent", "alignItems"]);
216
- box = (React.createElement(ScrollView, { horizontal: this.props.overflow === "scrollX", style: scrollStyle, contentContainerStyle: { justifyContent, alignContent, alignItems }, keyboardShouldPersistTaps: "handled", ref: this.props.scrollRef || this.scrollRef, onScroll: (event) => {
217
- if (this.props.onScroll && event) {
218
- this.props.onScroll(event.nativeEvent.contentOffset.y);
219
- }
220
- }, scrollEventThrottle: 50 }, box));
221
- }
222
- if (this.props.avoidKeyboard) {
223
- box = (React.createElement(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : "height", style: { flex: 1, display: "flex" }, keyboardVerticalOffset: this.props.keyboardOffset }, React.createElement(SafeAreaView, { style: { flex: 1, display: "flex" } }, box)));
224
- }
225
- return box;
226
- }
227
- }
228
- //# sourceMappingURL=Box.js.map
229
- //# sourceMappingURL=Box.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/dist/Box.js"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,37 +0,0 @@
1
- import React from "react";
2
- import { Box } from "./Box";
3
- import { storiesOf } from "@storybook/react-native";
4
- import { Text } from "./Text";
5
- import { StorybookContainer } from "./StorybookContainer";
6
- const colors = [
7
- "primary",
8
- "secondary",
9
- "tertiary",
10
- "accent",
11
- "blue",
12
- "darkGray",
13
- "eggplant",
14
- "gray",
15
- "green",
16
- "lightGray",
17
- "maroon",
18
- "midnight",
19
- "navy",
20
- "olive",
21
- "orange",
22
- "orchid",
23
- "pine",
24
- "purple",
25
- "red",
26
- "watermelon",
27
- "white",
28
- "neutral900",
29
- "neutral200",
30
- "neutral70",
31
- "neutral10",
32
- ];
33
- storiesOf("Box", module)
34
- .add("FlexBox", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement(Text, { size: "lg" }, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement(Text, { weight: "bold" }, "Josh Gachnang"), React.createElement(Text, null, "joined 2 years ago")))))
35
- .add("Box Colors", () => (React.createElement(StorybookContainer, null, colors.map((c) => (React.createElement(Box, { key: c, display: "flex", direction: "column" }, React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { align: "center" }, c)), React.createElement(Box, { key: c, color: c, rounding: "circle", height: 50, width: 50 }, React.createElement(Text, null, " "))))))));
36
- //# sourceMappingURL=Box.stories.js.map
37
- //# sourceMappingURL=Box.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/dist/Box.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,MAAM,GAAG;IACX,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WAAW;CACd,CAAC;AACF,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC;KACnB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACnE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,EAC9D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5D,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EACpK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EACtD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACpF,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,uCAAuC"}
@@ -1,16 +0,0 @@
1
- export class Button extends React.Component<any, any, any> {
2
- constructor(...args: any[]);
3
- state: {
4
- loading: boolean;
5
- };
6
- HEIGHTS: {
7
- sm: number;
8
- md: number;
9
- lg: number;
10
- };
11
- getBackgroundColor(color: any): any;
12
- getTextColor(color: any): any;
13
- getBorderColor(color: any): any;
14
- render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
15
- }
16
- import React from "react";
@@ -1,98 +0,0 @@
1
- import debounce from "lodash/debounce";
2
- import React from "react";
3
- import { ActivityIndicator, TouchableOpacity } from "react-native";
4
- import { Box } from "./Box";
5
- import { iconSizeToNumber } from "./Common";
6
- // import {Icon} from "./Icon";
7
- import { Text } from "./Text";
8
- import { Unifier } from "./Unifier";
9
- import { Icon } from "./Icon";
10
- const buttonTextColor = {
11
- blue: "white",
12
- lightGray: "darkGray",
13
- red: "white",
14
- transparent: "white",
15
- white: "darkGray",
16
- primary: "white",
17
- secondary: "white",
18
- accent: "white",
19
- tertiary: "white",
20
- facebook: "white",
21
- twitter: "white",
22
- google: "white",
23
- };
24
- export class Button extends React.Component {
25
- constructor() {
26
- super(...arguments);
27
- this.state = { loading: false };
28
- this.HEIGHTS = {
29
- sm: 36,
30
- md: 40,
31
- lg: 48,
32
- };
33
- }
34
- getBackgroundColor(color) {
35
- if (this.props.type === "ghost" || this.props.type === "outline") {
36
- return "transparent";
37
- }
38
- else {
39
- return Unifier.theme[color];
40
- }
41
- }
42
- getTextColor(color) {
43
- if (this.props.type === "ghost" || this.props.type === "outline") {
44
- return color;
45
- }
46
- else if (color === undefined) {
47
- return "darkGray";
48
- }
49
- else {
50
- return buttonTextColor[color] || "white";
51
- }
52
- }
53
- getBorderColor(color) {
54
- if (this.props.type === "outline") {
55
- return Unifier.theme[this.getTextColor(color)];
56
- }
57
- else {
58
- return "transparent";
59
- }
60
- }
61
- render() {
62
- let color = this.props.color || "lightGray";
63
- if (color === "gray") {
64
- color = "lightGray";
65
- }
66
- return (React.createElement(TouchableOpacity, { style: {
67
- alignSelf: this.props.inline === true ? undefined : "stretch",
68
- height: this.HEIGHTS[this.props.size || "md"],
69
- backgroundColor: this.getBackgroundColor(color),
70
- // width: this.props.inline === true ? undefined : "100%",
71
- flexShrink: this.props.inline ? 1 : 0,
72
- // flexGrow: this.props.inline ? 0 : 1,
73
- alignItems: "center",
74
- justifyContent: "center",
75
- borderRadius: 5,
76
- borderColor: this.getBorderColor(color),
77
- borderWidth: this.props.type === "outline" ? 2 : 0,
78
- opacity: this.props.disabled ? 0.4 : 1,
79
- flexDirection: "row",
80
- paddingHorizontal: 4 * 2,
81
- }, disabled: this.props.disabled || this.props.loading, onPress: debounce(async () => {
82
- Unifier.utils.haptic();
83
- this.setState({ loading: true });
84
- try {
85
- if (this.props.onClick) {
86
- await this.props.onClick();
87
- }
88
- }
89
- catch (e) {
90
- this.setState({ loading: false });
91
- throw e;
92
- }
93
- this.setState({ loading: false });
94
- }, 500, { leading: true }) }, this.props.icon !== undefined && (React.createElement(Box, { paddingX: 2 }, React.createElement(Icon, { prefix: this.props.iconPrefix || "far", size: iconSizeToNumber(this.props.size), name: this.props.icon, color: this.getTextColor(this.props.color) }))), Boolean(this.props.children) && this.props.children, Boolean(this.props.text) && (React.createElement(Text, { weight: "bold", color: this.getTextColor(color), size: this.props.size, skipLinking: true, inline: this.props.inline }, this.props.text)), (this.state.loading || this.props.loading) && (React.createElement(Box, { marginLeft: 2 }, React.createElement(ActivityIndicator, { color: this.getTextColor(color), size: "small" })))));
95
- }
96
- }
97
- //# sourceMappingURL=Button.js.map
98
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/dist/Button.js"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- export function Primary(args: any): React.CElement<import("./Common").ButtonProps, Button>;
2
- export namespace Primary {
3
- namespace args {
4
- const size: string;
5
- const color: string;
6
- const text: string;
7
- const type: string;
8
- const inline: boolean;
9
- const disabled: boolean;
10
- }
11
- }
12
- import { Button } from "./Button";
13
- import React from "react";
@@ -1,26 +0,0 @@
1
- import { action } from "@storybook/addon-actions";
2
- import React from "react";
3
- import { Button } from "./Button";
4
- import { storiesOf } from "@storybook/react-native";
5
- import { Box } from "./Box";
6
- import { StorybookContainer } from "./StorybookContainer";
7
- function allColorButtons(props) {
8
- return (React.createElement(StorybookContainer, null, React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Default" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Primary", color: "primary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Secondary", color: "secondary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Tertiary", color: "tertiary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Accent", color: "accent" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Red", color: "red" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Dark Gray", color: "darkGray" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Gray", color: "gray" }, props)))));
9
- }
10
- storiesOf("Button", module)
11
- .add("Colors", () => allColorButtons({}))
12
- .add("Loading", () => allColorButtons({ loading: true }))
13
- .add("Ghost", () => allColorButtons({ type: "ghost" }))
14
- .add("Outline", () => allColorButtons({ type: "outline" }));
15
- const Template = (args) => React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Button" }, args));
16
- export const Primary = Template.bind({});
17
- Primary.args = {
18
- size: "md",
19
- color: "primary",
20
- text: "PRIMARY",
21
- type: "solid",
22
- inline: false,
23
- disabled: false,
24
- };
25
- //# sourceMappingURL=Button.stories.js.map
26
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/dist/Button.stories.js"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- export class Card extends React.Component<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
5
- }
6
- import React from "react";
package/dist/dist/Card.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { Box } from "./Box";
3
- export class Card extends React.Component {
4
- render() {
5
- return (React.createElement(Box, Object.assign({ direction: "column", display: "flex", color: this.props.color || "white", rounding: 3, shadow: true, padding: this.props.padding || 4, width: this.props.width }, this.props), this.props.children));
6
- }
7
- }
8
- //# sourceMappingURL=Card.js.map
9
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/dist/Card.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS;IACrC,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1P,CAAC;CACJ;AACD,gCAAgC"}
@@ -1,6 +0,0 @@
1
- declare namespace _default {
2
- export const title: string;
3
- export { Card as component };
4
- }
5
- export default _default;
6
- import { Card } from "./Card";
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { Box } from "./Box";
3
- import { Card } from "./Card";
4
- import { storiesOf } from "@storybook/react-native";
5
- export default {
6
- title: "Card",
7
- component: Card,
8
- };
9
- storiesOf("Card", module).add("Plain", () => (React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column", color: "lightGray", padding: 12 }, React.createElement(Card, null, React.createElement(Box, { display: "flex", direction: "row", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement("h2", null, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement("div", null, React.createElement("b", null, "Josh Gachnang")), React.createElement("div", null, "joined 2 years ago")))))));
10
- //# sourceMappingURL=Card.stories.js.map
11
- //# sourceMappingURL=Card.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/dist/Card.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,eAAe;IACX,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAClB,CAAC;AACF,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3K,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAC1B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAChF,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAC1C,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAC3B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7E,wCAAwC"}
@@ -1,8 +0,0 @@
1
- export class CheckBox extends React.Component<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- renderCheckBox(): React.CElement<import("./Common").BoxProps, Box>;
5
- render(): React.CElement<import("./Common").BoxProps, Box>;
6
- }
7
- import React from "react";
8
- import { Box } from "./Box";
@@ -1,23 +0,0 @@
1
- // import {library} from "@fortawesome/fontawesome-svg-core";
2
- // import {faCheck} from "@fortawesome/free-solid-svg-icons";
3
- import React from "react";
4
- import { Box } from "./Box";
5
- import { Icon } from "./Icon";
6
- import { Text } from "./Text";
7
- // library.add(faCheck);
8
- export class CheckBox extends React.Component {
9
- renderCheckBox() {
10
- return (React.createElement(Box, { rounding: this.props.radio ? "circle" : 3, border: this.props.color || "darkGray", height: this.props.size === "sm" ? 16 : 24, width: this.props.size === "sm" ? 16 : 24, color: this.props.checked ? this.props.color || "darkGray" : "white", onClick: () => {
11
- this.props.onChange({ value: !this.props.checked });
12
- this.props.onClick && this.props.onClick();
13
- } }, React.createElement(Box, { display: "flex", direction: "column", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, this.props.checked && (React.createElement(Icon, { prefix: "fas", size: this.props.size === "sm" ? 7 : 10, name: "check", color: "white" })))));
14
- }
15
- render() {
16
- return (React.createElement(Box, { paddingY: 1, display: "flex", direction: "row", maxHeight: 60, width: "100%", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", width: this.props.size === "sm" ? 14 : 20, maxWidth: this.props.size === "sm" ? 14 : 20 }, this.renderCheckBox()), React.createElement(Box, { onClick: () => {
17
- this.props.onChange({ value: !this.props.checked });
18
- this.props.onClick && this.props.onClick();
19
- }, marginLeft: 4, height: "100%", display: "flex", direction: "column", justifyContent: "center" }, React.createElement(Text, { numberOfLines: this.props.subLabel ? 1 : 2, color: this.props.labelColor || "darkGray", weight: "bold", size: this.props.size }, this.props.label), Boolean(this.props.subLabel) && (React.createElement(Text, { size: "sm", color: this.props.labelColor || "darkGray", weight: "bold" }, this.props.subLabel)))));
20
- }
21
- }
22
- //# sourceMappingURL=CheckBox.js.map
23
- //# sourceMappingURL=CheckBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/dist/CheckBox.js"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,22 +0,0 @@
1
- import React from "react";
2
- import { CheckBox } from "./CheckBox";
3
- import { WithLabel } from "./WithLabel";
4
- import { storiesOf } from "@storybook/react-native";
5
- import { StorybookContainer } from "./StorybookContainer";
6
- class Forms extends React.Component {
7
- constructor(props) {
8
- super(props);
9
- this.state = {
10
- boolean: false,
11
- withLabel: false,
12
- primary: false,
13
- small: false,
14
- };
15
- }
16
- render() {
17
- return (React.createElement(StorybookContainer, null, React.createElement(CheckBox, { id: "check", checked: this.state.boolean, onChange: (result) => this.setState({ boolean: result.value }) }), React.createElement(WithLabel, { label: "With A Label" }, React.createElement(CheckBox, { id: "withLabel", checked: this.state.withLabel, onChange: (result) => this.setState({ withLabel: result.value }) })), React.createElement(WithLabel, { label: "Primary Color" }, React.createElement(CheckBox, { id: "primary", checked: this.state.primary, label: "Primary Color", color: "primary", labelColor: "primary", onChange: (result) => this.setState({ primary: result.value }) })), React.createElement(WithLabel, { label: "Small" }, React.createElement(CheckBox, { id: "small", checked: this.state.small, label: "Small", size: "sm", onChange: (result) => this.setState({ small: result.value }) }))));
18
- }
19
- }
20
- storiesOf("Check Box", module).add("Plain", () => React.createElement(Forms, null));
21
- //# sourceMappingURL=CheckBox.stories.js.map
22
- //# sourceMappingURL=CheckBox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../src/dist/CheckBox.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAS;IAC/B,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACf,CAAC;IACN,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAC3I,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACpD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACxJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACrD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACnN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7C,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACnL,CAAC;CACJ;AACD,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;AACpF,4CAA4C"}
@@ -1,5 +0,0 @@
1
- export function getSectionColor(section: any): any;
2
- export function isTestUser(profile: any): any;
3
- export const SPACING: 4;
4
- export function iconSizeToNumber(size: any): any;
5
- export function iconNumberToSize(size?: number): string;