ferns-ui 0.47.9 → 1.0.0-beta.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 (402) hide show
  1. package/dist/Accordion.d.ts +3 -0
  2. package/dist/Accordion.js +31 -0
  3. package/dist/Accordion.js.map +1 -0
  4. package/dist/ActionSheet.d.ts +9 -10
  5. package/dist/ActionSheet.js +8 -6
  6. package/dist/ActionSheet.js.map +1 -1
  7. package/dist/AddressField.d.ts +3 -0
  8. package/dist/AddressField.js +33 -0
  9. package/dist/AddressField.js.map +1 -0
  10. package/dist/Avatar.d.ts +2 -2
  11. package/dist/Avatar.js +132 -96
  12. package/dist/Avatar.js.map +1 -1
  13. package/dist/Badge.d.ts +1 -1
  14. package/dist/Badge.js +90 -20
  15. package/dist/Badge.js.map +1 -1
  16. package/dist/Banner.d.ts +1 -1
  17. package/dist/Banner.js +89 -51
  18. package/dist/Banner.js.map +1 -1
  19. package/dist/Body.js +4 -4
  20. package/dist/Body.js.map +1 -1
  21. package/dist/BooleanField.d.ts +3 -0
  22. package/dist/BooleanField.js +90 -0
  23. package/dist/BooleanField.js.map +1 -0
  24. package/dist/Box.js +80 -80
  25. package/dist/Box.js.map +1 -1
  26. package/dist/Button.d.ts +2 -2
  27. package/dist/Button.js +87 -109
  28. package/dist/Button.js.map +1 -1
  29. package/dist/Card.js +2 -2
  30. package/dist/Card.js.map +1 -1
  31. package/dist/CheckBox.d.ts +2 -2
  32. package/dist/CheckBox.js +23 -35
  33. package/dist/CheckBox.js.map +1 -1
  34. package/dist/Common.d.ts +1071 -406
  35. package/dist/Common.js +39 -3
  36. package/dist/Common.js.map +1 -1
  37. package/dist/CommonIconTypes.d.ts +3 -0
  38. package/dist/CommonIconTypes.js +2 -0
  39. package/dist/CommonIconTypes.js.map +1 -0
  40. package/dist/CustomSelectField.d.ts +3 -0
  41. package/dist/CustomSelectField.js +64 -0
  42. package/dist/CustomSelectField.js.map +1 -0
  43. package/dist/DateTimeActionSheet.d.ts +1 -1
  44. package/dist/DateTimeActionSheet.js +177 -156
  45. package/dist/DateTimeActionSheet.js.map +1 -1
  46. package/dist/DateTimeField.d.ts +3 -3
  47. package/dist/DateTimeField.js +140 -30
  48. package/dist/DateTimeField.js.map +1 -1
  49. package/dist/DateUtilities.js.map +1 -1
  50. package/dist/DateUtilities.test.js +2 -1
  51. package/dist/DateUtilities.test.js.map +1 -1
  52. package/dist/DecimalRangeActionSheet.js +3 -15
  53. package/dist/DecimalRangeActionSheet.js.map +1 -1
  54. package/dist/DismissButton.d.ts +3 -0
  55. package/dist/DismissButton.js +14 -0
  56. package/dist/DismissButton.js.map +1 -0
  57. package/dist/EmailField.d.ts +3 -0
  58. package/dist/EmailField.js +52 -0
  59. package/dist/EmailField.js.map +1 -0
  60. package/dist/ErrorBoundary.d.ts +1 -1
  61. package/dist/ErrorPage.js +2 -2
  62. package/dist/ErrorPage.js.map +1 -1
  63. package/dist/FernsProvider.js +1 -1
  64. package/dist/FernsProvider.js.map +1 -1
  65. package/dist/Field.d.ts +2 -2
  66. package/dist/Field.js +67 -136
  67. package/dist/Field.js.map +1 -1
  68. package/dist/Heading.js +37 -16
  69. package/dist/Heading.js.map +1 -1
  70. package/dist/HeightActionSheet.js +3 -7
  71. package/dist/HeightActionSheet.js.map +1 -1
  72. package/dist/Hyperlink.js +7 -1
  73. package/dist/Hyperlink.js.map +1 -1
  74. package/dist/Icon.d.ts +1 -2
  75. package/dist/Icon.js +8 -10
  76. package/dist/Icon.js.map +1 -1
  77. package/dist/IconButton.d.ts +2 -2
  78. package/dist/IconButton.js +93 -92
  79. package/dist/IconButton.js.map +1 -1
  80. package/dist/InfoTooltipButton.d.ts +1 -1
  81. package/dist/InfoTooltipButton.js +2 -2
  82. package/dist/InfoTooltipButton.js.map +1 -1
  83. package/dist/Link.d.ts +1 -1
  84. package/dist/Link.js +7 -3
  85. package/dist/Link.js.map +1 -1
  86. package/dist/MobileAddressAutoComplete.js +8 -8
  87. package/dist/MobileAddressAutoComplete.js.map +1 -1
  88. package/dist/Modal.d.ts +2 -2
  89. package/dist/Modal.js +95 -80
  90. package/dist/Modal.js.map +1 -1
  91. package/dist/MultiselectField.d.ts +3 -0
  92. package/dist/MultiselectField.js +49 -0
  93. package/dist/MultiselectField.js.map +1 -0
  94. package/dist/NumberField.d.ts +3 -0
  95. package/dist/NumberField.js +49 -0
  96. package/dist/NumberField.js.map +1 -0
  97. package/dist/NumberPickerActionSheet.js +2 -2
  98. package/dist/NumberPickerActionSheet.js.map +1 -1
  99. package/dist/OpenAPIContext.js.map +1 -1
  100. package/dist/Page.js +6 -6
  101. package/dist/Page.js.map +1 -1
  102. package/dist/Pagination.d.ts +2 -8
  103. package/dist/Pagination.js +107 -13
  104. package/dist/Pagination.js.map +1 -1
  105. package/dist/PasswordField.d.ts +2 -0
  106. package/dist/PasswordField.js +6 -0
  107. package/dist/PasswordField.js.map +1 -0
  108. package/dist/PhoneNumberField.d.ts +3 -0
  109. package/dist/PhoneNumberField.js +79 -0
  110. package/dist/PhoneNumberField.js.map +1 -0
  111. package/dist/PickerSelect.d.ts +6 -67
  112. package/dist/PickerSelect.js +145 -115
  113. package/dist/PickerSelect.js.map +1 -1
  114. package/dist/Radio.d.ts +3 -0
  115. package/dist/Radio.js +21 -0
  116. package/dist/Radio.js.map +1 -0
  117. package/dist/RadioField.d.ts +3 -0
  118. package/dist/RadioField.js +22 -0
  119. package/dist/RadioField.js.map +1 -0
  120. package/dist/SegmentedControl.d.ts +1 -1
  121. package/dist/SegmentedControl.js +35 -67
  122. package/dist/SegmentedControl.js.map +1 -1
  123. package/dist/SelectField.d.ts +3 -0
  124. package/dist/SelectField.js +20 -0
  125. package/dist/SelectField.js.map +1 -0
  126. package/dist/SideDrawer.js +8 -2
  127. package/dist/SideDrawer.js.map +1 -1
  128. package/dist/Signature.d.ts +1 -0
  129. package/dist/Signature.js +8 -7
  130. package/dist/Signature.js.map +1 -1
  131. package/dist/Signature.native.js +8 -7
  132. package/dist/Signature.native.js.map +1 -1
  133. package/dist/SignatureField.d.ts +3 -0
  134. package/dist/SignatureField.js +54 -0
  135. package/dist/SignatureField.js.map +1 -0
  136. package/dist/Spinner.js +17 -2
  137. package/dist/Spinner.js.map +1 -1
  138. package/dist/SplitPage.d.ts +1 -1
  139. package/dist/SplitPage.js +10 -10
  140. package/dist/SplitPage.js.map +1 -1
  141. package/dist/SplitPage.native.js +7 -7
  142. package/dist/SplitPage.native.js.map +1 -1
  143. package/dist/TapToEdit.d.ts +3 -3
  144. package/dist/TapToEdit.js +40 -32
  145. package/dist/TapToEdit.js.map +1 -1
  146. package/dist/Text.d.ts +1 -1
  147. package/dist/Text.js +70 -64
  148. package/dist/Text.js.map +1 -1
  149. package/dist/TextArea.d.ts +1 -1
  150. package/dist/TextArea.js +2 -14
  151. package/dist/TextArea.js.map +1 -1
  152. package/dist/TextField.d.ts +2 -2
  153. package/dist/TextField.js +89 -206
  154. package/dist/TextField.js.map +1 -1
  155. package/dist/TextFieldNumberActionSheet.js +2 -2
  156. package/dist/TextFieldNumberActionSheet.js.map +1 -1
  157. package/dist/Theme.d.ts +87 -3
  158. package/dist/Theme.js +197 -98
  159. package/dist/Theme.js.map +1 -1
  160. package/dist/TimezonePicker.js +3 -5
  161. package/dist/TimezonePicker.js.map +1 -1
  162. package/dist/Toast.d.ts +18 -5
  163. package/dist/Toast.js +130 -31
  164. package/dist/Toast.js.map +1 -1
  165. package/dist/Tooltip.d.ts +2 -2
  166. package/dist/Tooltip.js +189 -89
  167. package/dist/Tooltip.js.map +1 -1
  168. package/dist/UnifiedAddressAutoComplete.js +2 -2
  169. package/dist/UnifiedAddressAutoComplete.js.map +1 -1
  170. package/dist/Unifier.js.map +1 -1
  171. package/dist/Utilities.js +5 -3
  172. package/dist/Utilities.js.map +1 -1
  173. package/dist/WebAddressAutocomplete.js +2 -2
  174. package/dist/WebAddressAutocomplete.js.map +1 -1
  175. package/dist/fieldElements/FieldError.d.ts +6 -0
  176. package/dist/fieldElements/FieldError.js +14 -0
  177. package/dist/fieldElements/FieldError.js.map +1 -0
  178. package/dist/fieldElements/FieldHelperText.d.ts +6 -0
  179. package/dist/fieldElements/FieldHelperText.js +11 -0
  180. package/dist/fieldElements/FieldHelperText.js.map +1 -0
  181. package/dist/fieldElements/FieldTitle.d.ts +6 -0
  182. package/dist/fieldElements/FieldTitle.js +19 -0
  183. package/dist/fieldElements/FieldTitle.js.map +1 -0
  184. package/dist/fieldElements/index.d.ts +3 -0
  185. package/dist/fieldElements/index.js +4 -0
  186. package/dist/fieldElements/index.js.map +1 -0
  187. package/dist/icons/MobileIcon.d.ts +3 -0
  188. package/dist/icons/MobileIcon.js +24 -0
  189. package/dist/icons/MobileIcon.js.map +1 -0
  190. package/dist/icons/OfflineIcon.d.ts +3 -0
  191. package/dist/icons/OfflineIcon.js +23 -0
  192. package/dist/icons/OfflineIcon.js.map +1 -0
  193. package/dist/icons/OnlineIcon.d.ts +3 -0
  194. package/dist/icons/OnlineIcon.js +24 -0
  195. package/dist/icons/OnlineIcon.js.map +1 -0
  196. package/dist/icons/OutOfficeIcon.d.ts +3 -0
  197. package/dist/icons/OutOfficeIcon.js +24 -0
  198. package/dist/icons/OutOfficeIcon.js.map +1 -0
  199. package/dist/icons/index.d.ts +4 -0
  200. package/dist/icons/index.js +5 -0
  201. package/dist/icons/index.js.map +1 -0
  202. package/dist/index.d.ts +28 -14
  203. package/dist/index.js +28 -14
  204. package/dist/index.js.map +1 -1
  205. package/dist/setupTests.d.ts +1 -0
  206. package/dist/setupTests.js +1 -1
  207. package/dist/setupTests.js.map +1 -1
  208. package/dist/{Table.d.ts → table/Table.d.ts} +2 -2
  209. package/dist/{Table.js → table/Table.js} +18 -10
  210. package/dist/table/Table.js.map +1 -0
  211. package/dist/table/TableBadge.d.ts +6 -0
  212. package/dist/table/TableBadge.js +22 -0
  213. package/dist/table/TableBadge.js.map +1 -0
  214. package/dist/table/TableBoolean.d.ts +6 -0
  215. package/dist/table/TableBoolean.js +39 -0
  216. package/dist/table/TableBoolean.js.map +1 -0
  217. package/dist/table/TableDate.d.ts +3 -0
  218. package/dist/table/TableDate.js +26 -0
  219. package/dist/table/TableDate.js.map +1 -0
  220. package/dist/{TableHeader.d.ts → table/TableHeader.d.ts} +1 -1
  221. package/dist/{TableHeader.js → table/TableHeader.js} +2 -2
  222. package/dist/table/TableHeader.js.map +1 -0
  223. package/dist/{TableHeaderCell.d.ts → table/TableHeaderCell.d.ts} +2 -2
  224. package/dist/table/TableHeaderCell.js +58 -0
  225. package/dist/table/TableHeaderCell.js.map +1 -0
  226. package/dist/table/TableIconButton.d.ts +3 -0
  227. package/dist/table/TableIconButton.js +42 -0
  228. package/dist/table/TableIconButton.js.map +1 -0
  229. package/dist/table/TableNumber.d.ts +3 -0
  230. package/dist/table/TableNumber.js +18 -0
  231. package/dist/table/TableNumber.js.map +1 -0
  232. package/dist/{TableRow.d.ts → table/TableRow.d.ts} +1 -1
  233. package/dist/table/TableRow.js +28 -0
  234. package/dist/table/TableRow.js.map +1 -0
  235. package/dist/table/TableText.d.ts +3 -0
  236. package/dist/table/TableText.js +18 -0
  237. package/dist/table/TableText.js.map +1 -0
  238. package/dist/table/TableTitle.d.ts +3 -0
  239. package/dist/table/TableTitle.js +22 -0
  240. package/dist/table/TableTitle.js.map +1 -0
  241. package/dist/{tableContext.d.ts → table/tableContext.d.ts} +1 -1
  242. package/dist/table/tableContext.js.map +1 -0
  243. package/package.json +10 -4
  244. package/src/Accordion.tsx +84 -0
  245. package/src/ActionSheet.tsx +8 -5
  246. package/src/AddressField.tsx +122 -0
  247. package/src/Avatar.tsx +193 -147
  248. package/src/Badge.tsx +107 -49
  249. package/src/Banner.tsx +158 -111
  250. package/src/Body.tsx +4 -4
  251. package/src/BooleanField.tsx +122 -0
  252. package/src/Box.tsx +92 -82
  253. package/src/Button.tsx +151 -167
  254. package/src/Card.tsx +2 -2
  255. package/src/CheckBox.tsx +30 -111
  256. package/src/Common.ts +1304 -2041
  257. package/src/CommonIconTypes.ts +2030 -0
  258. package/src/CustomSelectField.tsx +116 -0
  259. package/src/DateTimeActionSheet.tsx +347 -255
  260. package/src/DateTimeField.tsx +168 -61
  261. package/src/DateUtilities.test.ts +6 -2
  262. package/src/DateUtilities.tsx +1 -1
  263. package/src/DecimalRangeActionSheet.tsx +2 -17
  264. package/src/DismissButton.tsx +31 -0
  265. package/src/EmailField.tsx +70 -0
  266. package/src/ErrorPage.tsx +2 -2
  267. package/src/FernsProvider.tsx +1 -1
  268. package/src/Field.tsx +83 -345
  269. package/src/Heading.tsx +44 -16
  270. package/src/HeightActionSheet.tsx +2 -9
  271. package/src/Hyperlink.tsx +8 -1
  272. package/src/Icon.tsx +22 -14
  273. package/src/IconButton.tsx +188 -156
  274. package/src/InfoTooltipButton.tsx +4 -6
  275. package/src/Link.tsx +14 -5
  276. package/src/MobileAddressAutoComplete.tsx +17 -13
  277. package/src/Modal.tsx +214 -190
  278. package/src/MultiselectField.tsx +103 -0
  279. package/src/NumberField.tsx +55 -0
  280. package/src/NumberPickerActionSheet.tsx +1 -4
  281. package/src/OpenAPIContext.tsx +1 -1
  282. package/src/Page.tsx +9 -13
  283. package/src/Pagination.tsx +171 -36
  284. package/src/PasswordField.tsx +7 -0
  285. package/src/PhoneNumberField.tsx +103 -0
  286. package/src/PickerSelect.tsx +169 -151
  287. package/src/Radio.tsx +33 -0
  288. package/src/RadioField.tsx +43 -0
  289. package/src/SegmentedControl.tsx +44 -96
  290. package/src/SelectField.tsx +41 -0
  291. package/src/SideDrawer.tsx +8 -2
  292. package/src/Signature.native.tsx +16 -9
  293. package/src/Signature.tsx +19 -11
  294. package/src/SignatureField.tsx +92 -0
  295. package/src/Spinner.tsx +16 -2
  296. package/src/SplitPage.native.tsx +9 -7
  297. package/src/SplitPage.tsx +11 -12
  298. package/src/TapToEdit.tsx +67 -39
  299. package/src/Text.tsx +79 -69
  300. package/src/TextArea.tsx +2 -2
  301. package/src/TextField.tsx +133 -285
  302. package/src/TextFieldNumberActionSheet.tsx +1 -4
  303. package/src/Theme.tsx +223 -172
  304. package/src/TimezonePicker.tsx +3 -18
  305. package/src/Toast.tsx +193 -70
  306. package/src/Tooltip.tsx +258 -141
  307. package/src/UnifiedAddressAutoComplete.tsx +3 -3
  308. package/src/Unifier.ts +4 -4
  309. package/src/Utilities.tsx +11 -3
  310. package/src/WebAddressAutocomplete.tsx +2 -3
  311. package/src/fieldElements/FieldError.tsx +24 -0
  312. package/src/fieldElements/FieldHelperText.tsx +20 -0
  313. package/src/fieldElements/FieldTitle.tsx +31 -0
  314. package/src/fieldElements/index.tsx +3 -0
  315. package/src/icons/MobileIcon.tsx +41 -0
  316. package/src/icons/OfflineIcon.tsx +38 -0
  317. package/src/icons/OnlineIcon.tsx +40 -0
  318. package/src/icons/OutOfficeIcon.tsx +37 -0
  319. package/src/icons/index.ts +4 -0
  320. package/src/index.tsx +28 -14
  321. package/src/setupTests.ts +1 -0
  322. package/src/{Table.tsx → table/Table.tsx} +24 -14
  323. package/src/table/TableBadge.tsx +46 -0
  324. package/src/table/TableBoolean.tsx +70 -0
  325. package/src/table/TableDate.tsx +38 -0
  326. package/src/{TableHeader.tsx → table/TableHeader.tsx} +3 -3
  327. package/src/table/TableHeaderCell.tsx +93 -0
  328. package/src/table/TableIconButton.tsx +62 -0
  329. package/src/table/TableNumber.tsx +29 -0
  330. package/src/{TableRow.tsx → table/TableRow.tsx} +28 -25
  331. package/src/table/TableText.tsx +29 -0
  332. package/src/table/TableTitle.tsx +32 -0
  333. package/src/{tableContext.tsx → table/tableContext.tsx} +1 -1
  334. package/dist/BlurBox.d.ts +0 -5
  335. package/dist/BlurBox.js +0 -28
  336. package/dist/BlurBox.js.map +0 -1
  337. package/dist/BlurBox.native.d.ts +0 -6
  338. package/dist/BlurBox.native.js +0 -30
  339. package/dist/BlurBox.native.js.map +0 -1
  340. package/dist/CustomSelect.d.ts +0 -3
  341. package/dist/CustomSelect.js +0 -47
  342. package/dist/CustomSelect.js.map +0 -1
  343. package/dist/DateTimeField.android.d.ts +0 -3
  344. package/dist/DateTimeField.android.js +0 -67
  345. package/dist/DateTimeField.android.js.map +0 -1
  346. package/dist/DateTimeField.ios.d.ts +0 -3
  347. package/dist/DateTimeField.ios.js +0 -49
  348. package/dist/DateTimeField.ios.js.map +0 -1
  349. package/dist/FieldWithLabels.d.ts +0 -3
  350. package/dist/FieldWithLabels.js +0 -8
  351. package/dist/FieldWithLabels.js.map +0 -1
  352. package/dist/Form.d.ts +0 -16
  353. package/dist/Form.js +0 -89
  354. package/dist/Form.js.map +0 -1
  355. package/dist/HeaderButtons.d.ts +0 -31
  356. package/dist/HeaderButtons.js +0 -53
  357. package/dist/HeaderButtons.js.map +0 -1
  358. package/dist/Mask.d.ts +0 -2
  359. package/dist/Mask.js +0 -19
  360. package/dist/Mask.js.map +0 -1
  361. package/dist/Pill.d.ts +0 -3
  362. package/dist/Pill.js +0 -8
  363. package/dist/Pill.js.map +0 -1
  364. package/dist/Pog.d.ts +0 -3
  365. package/dist/Pog.js +0 -48
  366. package/dist/Pog.js.map +0 -1
  367. package/dist/ProgressBar.d.ts +0 -3
  368. package/dist/ProgressBar.js +0 -35
  369. package/dist/ProgressBar.js.map +0 -1
  370. package/dist/SelectList.d.ts +0 -27
  371. package/dist/SelectList.js +0 -56
  372. package/dist/SelectList.js.map +0 -1
  373. package/dist/Switch.d.ts +0 -3
  374. package/dist/Switch.js +0 -20
  375. package/dist/Switch.js.map +0 -1
  376. package/dist/Table.js.map +0 -1
  377. package/dist/TableHeader.js.map +0 -1
  378. package/dist/TableHeaderCell.js +0 -36
  379. package/dist/TableHeaderCell.js.map +0 -1
  380. package/dist/TableRow.js +0 -30
  381. package/dist/TableRow.js.map +0 -1
  382. package/dist/WithLabel.d.ts +0 -3
  383. package/dist/WithLabel.js +0 -15
  384. package/dist/WithLabel.js.map +0 -1
  385. package/dist/tableContext.js.map +0 -1
  386. package/src/BlurBox.native.tsx +0 -40
  387. package/src/BlurBox.tsx +0 -31
  388. package/src/CustomSelect.tsx +0 -80
  389. package/src/DateTimeField.android.tsx +0 -103
  390. package/src/DateTimeField.ios.tsx +0 -85
  391. package/src/FieldWithLabels.tsx +0 -36
  392. package/src/Form.tsx +0 -175
  393. package/src/HeaderButtons.tsx +0 -107
  394. package/src/Mask.tsx +0 -21
  395. package/src/Pill.tsx +0 -22
  396. package/src/Pog.tsx +0 -75
  397. package/src/ProgressBar.tsx +0 -47
  398. package/src/SelectList.tsx +0 -109
  399. package/src/Switch.tsx +0 -18
  400. package/src/TableHeaderCell.tsx +0 -72
  401. package/src/WithLabel.tsx +0 -45
  402. /package/dist/{tableContext.js → table/tableContext.js} +0 -0
@@ -0,0 +1,6 @@
1
+ import { FC } from "react";
2
+ interface FieldHelperTextProps {
3
+ text: string;
4
+ }
5
+ export declare const FieldHelperText: FC<FieldHelperTextProps>;
6
+ export {};
@@ -0,0 +1,11 @@
1
+ // This component is intended to be used as a helper text for form fields, specifically for text
2
+ // fields and text areas. It is not intended to be used as a standalone component.
3
+ import React from "react";
4
+ import { Text, View } from "react-native";
5
+ import { useTheme } from "../Theme";
6
+ export const FieldHelperText = ({ text }) => {
7
+ const { theme } = useTheme();
8
+ return (React.createElement(View, { style: { marginTop: 2 } },
9
+ React.createElement(Text, { style: { fontSize: 12, color: theme.text.primary, lineHeight: 16 } }, text)));
10
+ };
11
+ //# sourceMappingURL=FieldHelperText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldHelperText.js","sourceRoot":"","sources":["../../src/fieldElements/FieldHelperText.tsx"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,kFAAkF;AAClF,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC;QACzB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,EAAC,IAAG,IAAI,CAAQ,CAChF,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { FC } from "react";
2
+ interface FieldTitleProps {
3
+ text: string;
4
+ }
5
+ export declare const FieldTitle: FC<FieldTitleProps>;
6
+ export {};
@@ -0,0 +1,19 @@
1
+ // This component is intended to be used as a title for form fields,
2
+ // specifically for text fields and text areas. It is not intended to be used as a standalone
3
+ // component.
4
+ import React from "react";
5
+ import { Text } from "react-native";
6
+ import { isMobileDevice } from "../MediaQuery";
7
+ import { useTheme } from "../Theme";
8
+ import { isNative } from "../Utilities";
9
+ export const FieldTitle = ({ text }) => {
10
+ const { theme } = useTheme();
11
+ const isMobileOrNative = isMobileDevice() || isNative();
12
+ return (React.createElement(Text, { style: {
13
+ color: theme.text.primary,
14
+ fontSize: isMobileOrNative ? 14 : 16,
15
+ fontWeight: 600,
16
+ lineHeight: 22.4,
17
+ } }, text));
18
+ };
19
+ //# sourceMappingURL=FieldTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldTitle.js","sourceRoot":"","sources":["../../src/fieldElements/FieldTitle.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,6FAA6F;AAC7F,aAAa;AACb,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAMtC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACxD,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,gBAAgB,GAAG,cAAc,EAAE,IAAI,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YACzB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACpC,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,IAAI;SACjB,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from "./FieldError";
2
+ export * from "./FieldHelperText";
3
+ export * from "./FieldTitle";
@@ -0,0 +1,4 @@
1
+ export * from "./FieldError";
2
+ export * from "./FieldHelperText";
3
+ export * from "./FieldTitle";
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fieldElements/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ import { CustomSvgProps } from "../Common";
3
+ export declare const MobileIcon: ({ doNotDisturb, ...props }: CustomSvgProps) => React.JSX.Element;
@@ -0,0 +1,24 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import * as React from "react";
13
+ import Svg, { Path } from "react-native-svg";
14
+ export const MobileIcon = (_a) => {
15
+ var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
16
+ return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, viewBox: "0 0 33 45", width: 30 }, props),
17
+ React.createElement(Path, { d: "M3 7h24v35H3z", fill: "#fff" }),
18
+ React.createElement(Path, { d: "M8.864 5.5A5.867 5.867 0 0 0 3 11.364v26.182a5.867 5.867 0 0 0 5.864 5.863h15.272A5.867 5.867 0 0 0 30 37.546V11.364A5.867 5.867 0 0 0 24.136 5.5H8.864Zm1.5 7.364h12.272v18.818H10.364V12.864Z", fill: "#3EA45C", stroke: "#fff", strokeWidth: 3 }),
19
+ React.createElement(Path, { d: "M14.622 37.249h3.768a.789.582 0 0 1 .789.582.789.582 0 0 1-.789.581h-3.779a.789.582 0 0 1-.789-.581.8.582 0 0 1 .8-.582Z", fill: "#fff", stroke: "#fff" }),
20
+ doNotDisturb && (React.createElement(React.Fragment, null,
21
+ React.createElement(Path, { d: "M21 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
22
+ React.createElement(Path, { d: "M21 4h8l-8 6.857h8", stroke: "#3EA45C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
23
+ };
24
+ //# sourceMappingURL=MobileIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileIcon.js","sourceRoot":"","sources":["../../src/icons/MobileIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAChD,OAAO,CACL,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,IAAM,KAAK;QACnE,oBAAC,IAAI,IAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACtC,oBAAC,IAAI,IACH,CAAC,EAAC,iMAAiM,EACnM,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0HAA0H,EAC5H,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ import { CustomSvgProps } from "../Common";
3
+ export declare const OfflineIcon: ({ doNotDisturb, ...props }: CustomSvgProps) => React.JSX.Element;
@@ -0,0 +1,23 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import * as React from "react";
13
+ import Svg, { Path } from "react-native-svg";
14
+ export const OfflineIcon = (_a) => {
15
+ var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
16
+ return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, width: 30 }, props),
17
+ React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#2B6072", stroke: "#fff", strokeWidth: 3 }),
18
+ React.createElement(Path, { d: "M24.5 18a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Z", fill: "#fff", stroke: "#9A9A9A", strokeWidth: 5 }),
19
+ doNotDisturb && (React.createElement(React.Fragment, null,
20
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
21
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#9A9A9A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
22
+ };
23
+ //# sourceMappingURL=OfflineIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OfflineIcon.js","sourceRoot":"","sources":["../../src/icons/OfflineIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG3C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAAsB,OAAA,CACvE,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAM,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,iDAAiD,EACnD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,GACd;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAA;CAAA,CAAC"}
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ import { CustomSvgProps } from "../Common";
3
+ export declare const OnlineIcon: ({ doNotDisturb, ...props }: CustomSvgProps) => React.JSX.Element;
@@ -0,0 +1,24 @@
1
+ // Generated with https://react-svgr.com/playground/?native=true&typescript=true
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) 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 * as React from "react";
14
+ import Svg, { Path } from "react-native-svg";
15
+ export const OnlineIcon = (_a) => {
16
+ var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
17
+ return (React.createElement(Svg, Object.assign({ fill: "none", height: "33", width: "30" }, props),
18
+ React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#fff", stroke: "#fff" }),
19
+ React.createElement(Path, { d: "M26 18c0 6.075-4.925 11-11 11S4 24.075 4 18 8.925 7 15 7s11 4.925 11 11Z", fill: "#3EA45C" }),
20
+ doNotDisturb && (React.createElement(React.Fragment, null,
21
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
22
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#3EA45C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
23
+ };
24
+ //# sourceMappingURL=OnlineIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnlineIcon.js","sourceRoot":"","sources":["../../src/icons/OnlineIcon.tsx"],"names":[],"mappings":"AAAA,gFAAgF;;;;;;;;;;;;AAEhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAChD,OAAO,CACL,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,IAAK,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAC,SAAS,GACd;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ import { CustomSvgProps } from "../Common";
3
+ export declare const OutOfOfficeIcon: ({ doNotDisturb, ...props }: CustomSvgProps) => React.JSX.Element;
@@ -0,0 +1,24 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import * as React from "react";
13
+ import Svg, { Path } from "react-native-svg";
14
+ export const OutOfOfficeIcon = (_a) => {
15
+ var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
16
+ return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, width: 30 }, props),
17
+ React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#fff", stroke: "#fff", strokeWidth: 3 }),
18
+ React.createElement(Path, { d: "M26 18c0 6.075-4.925 11-11 11S4 24.075 4 18 8.925 7 15 7s11 4.925 11 11Z", fill: "#D33232" }),
19
+ React.createElement(Path, { d: "M9 18h12", stroke: "#fff", strokeLinecap: "round", strokeWidth: 4 }),
20
+ doNotDisturb && (React.createElement(React.Fragment, null,
21
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
22
+ React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#D33232", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
23
+ };
24
+ //# sourceMappingURL=OutOfficeIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OutOfficeIcon.js","sourceRoot":"","sources":["../../src/icons/OutOfficeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAAsB,OAAA,CAC3E,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAM,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAC,SAAS,GACd;QACF,oBAAC,IAAI,IAAC,CAAC,EAAC,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,GAAI;QACxE,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAA;CAAA,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from "./MobileIcon";
2
+ export * from "./OfflineIcon";
3
+ export * from "./OnlineIcon";
4
+ export * from "./OutOfficeIcon";
@@ -0,0 +1,5 @@
1
+ export * from "./MobileIcon";
2
+ export * from "./OfflineIcon";
3
+ export * from "./OnlineIcon";
4
+ export * from "./OutOfficeIcon";
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,26 +1,29 @@
1
+ export * from "./Accordion";
1
2
  export * from "./ActionSheet";
3
+ export * from "./AddressField";
2
4
  export * from "./Avatar";
3
5
  export * from "./Badge";
4
6
  export * from "./Banner";
5
- export * from "./BlurBox";
6
7
  export * from "./Body";
8
+ export * from "./BooleanField";
7
9
  export * from "./Box";
8
10
  export * from "./Button";
9
11
  export * from "./Card";
10
12
  export * from "./CheckBox";
11
13
  export * from "./Common";
12
14
  export * from "./Constants";
15
+ export * from "./CustomSelectField";
13
16
  export * from "./DateTimeActionSheet";
14
17
  export * from "./DateTimeField";
15
18
  export * from "./DateUtilities";
16
19
  export * from "./DecimalRangeActionSheet";
20
+ export * from "./DismissButton";
21
+ export * from "./EmailField";
17
22
  export * from "./ErrorBoundary";
18
23
  export * from "./ErrorPage";
19
24
  export * from "./FernsProvider";
20
25
  export * from "./Field";
21
26
  export * from "./FlatList";
22
- export * from "./Form";
23
- export * from "./HeaderButtons";
24
27
  export * from "./Heading";
25
28
  export * from "./HeightActionSheet";
26
29
  export * from "./Icon";
@@ -29,29 +32,41 @@ export * from "./Image";
29
32
  export * from "./ImageBackground";
30
33
  export * from "./InfoTooltipButton";
31
34
  export * from "./Link";
32
- export * from "./Mask";
33
35
  export * from "./MediaQuery";
34
36
  export * from "./MobileAddressAutoComplete";
35
37
  export * from "./Modal";
36
38
  export * from "./ModalSheet";
39
+ export * from "./MultiselectField";
40
+ export * from "./NumberField";
37
41
  export * from "./NumberPickerActionSheet";
38
42
  export * from "./OpenAPIContext";
39
43
  export * from "./Page";
40
- export * from "./Pill";
41
- export * from "./ProgressBar";
44
+ export * from "./Pagination";
45
+ export * from "./PasswordField";
46
+ export * from "./PhoneNumberField";
47
+ export * from "./Radio";
48
+ export * from "./RadioField";
42
49
  export * from "./ScrollView";
43
50
  export * from "./SegmentedControl";
44
- export * from "./SelectList";
51
+ export * from "./SelectField";
45
52
  export * from "./SideDrawer";
46
53
  export * from "./Signature";
54
+ export * from "./SignatureField";
47
55
  export * from "./Spinner";
48
56
  export * from "./SplitPage";
49
- export * from "./Switch";
50
- export * from "./Table";
51
- export * from "./tableContext";
52
- export * from "./TableHeader";
53
- export * from "./TableHeaderCell";
54
- export * from "./TableRow";
57
+ export * from "./table/Table";
58
+ export * from "./table/Table";
59
+ export * from "./table/TableBadge";
60
+ export * from "./table/TableBoolean";
61
+ export * from "./table/tableContext";
62
+ export * from "./table/TableDate";
63
+ export * from "./table/TableHeader";
64
+ export * from "./table/TableHeaderCell";
65
+ export * from "./table/TableIconButton";
66
+ export * from "./table/TableNumber";
67
+ export * from "./table/TableRow";
68
+ export * from "./table/TableText";
69
+ export * from "./table/TableTitle";
55
70
  export * from "./TapToEdit";
56
71
  export * from "./Text";
57
72
  export * from "./TextArea";
@@ -64,7 +79,6 @@ export * from "./Unifier";
64
79
  export * from "./useStoredState";
65
80
  export * from "./Utilities";
66
81
  export * from "./WebAddressAutocomplete";
67
- export * from "./WithLabel";
68
82
  type ImageRequireSource = number;
69
83
  interface Insets {
70
84
  top?: number;
package/dist/index.js CHANGED
@@ -1,26 +1,29 @@
1
+ export * from "./Accordion";
1
2
  export * from "./ActionSheet";
3
+ export * from "./AddressField";
2
4
  export * from "./Avatar";
3
5
  export * from "./Badge";
4
6
  export * from "./Banner";
5
- export * from "./BlurBox";
6
7
  export * from "./Body";
8
+ export * from "./BooleanField";
7
9
  export * from "./Box";
8
10
  export * from "./Button";
9
11
  export * from "./Card";
10
12
  export * from "./CheckBox";
11
13
  export * from "./Common";
12
14
  export * from "./Constants";
15
+ export * from "./CustomSelectField";
13
16
  export * from "./DateTimeActionSheet";
14
17
  export * from "./DateTimeField";
15
18
  export * from "./DateUtilities";
16
19
  export * from "./DecimalRangeActionSheet";
20
+ export * from "./DismissButton";
21
+ export * from "./EmailField";
17
22
  export * from "./ErrorBoundary";
18
23
  export * from "./ErrorPage";
19
24
  export * from "./FernsProvider";
20
25
  export * from "./Field";
21
26
  export * from "./FlatList";
22
- export * from "./Form";
23
- export * from "./HeaderButtons";
24
27
  export * from "./Heading";
25
28
  export * from "./HeightActionSheet";
26
29
  export * from "./Icon";
@@ -29,29 +32,41 @@ export * from "./Image";
29
32
  export * from "./ImageBackground";
30
33
  export * from "./InfoTooltipButton";
31
34
  export * from "./Link";
32
- export * from "./Mask";
33
35
  export * from "./MediaQuery";
34
36
  export * from "./MobileAddressAutoComplete";
35
37
  export * from "./Modal";
36
38
  export * from "./ModalSheet";
39
+ export * from "./MultiselectField";
40
+ export * from "./NumberField";
37
41
  export * from "./NumberPickerActionSheet";
38
42
  export * from "./OpenAPIContext";
39
43
  export * from "./Page";
40
- export * from "./Pill";
41
- export * from "./ProgressBar";
44
+ export * from "./Pagination";
45
+ export * from "./PasswordField";
46
+ export * from "./PhoneNumberField";
47
+ export * from "./Radio";
48
+ export * from "./RadioField";
42
49
  export * from "./ScrollView";
43
50
  export * from "./SegmentedControl";
44
- export * from "./SelectList";
51
+ export * from "./SelectField";
45
52
  export * from "./SideDrawer";
46
53
  export * from "./Signature";
54
+ export * from "./SignatureField";
47
55
  export * from "./Spinner";
48
56
  export * from "./SplitPage";
49
- export * from "./Switch";
50
- export * from "./Table";
51
- export * from "./tableContext";
52
- export * from "./TableHeader";
53
- export * from "./TableHeaderCell";
54
- export * from "./TableRow";
57
+ export * from "./table/Table";
58
+ export * from "./table/Table";
59
+ export * from "./table/TableBadge";
60
+ export * from "./table/TableBoolean";
61
+ export * from "./table/tableContext";
62
+ export * from "./table/TableDate";
63
+ export * from "./table/TableHeader";
64
+ export * from "./table/TableHeaderCell";
65
+ export * from "./table/TableIconButton";
66
+ export * from "./table/TableNumber";
67
+ export * from "./table/TableRow";
68
+ export * from "./table/TableText";
69
+ export * from "./table/TableTitle";
55
70
  export * from "./TapToEdit";
56
71
  export * from "./Text";
57
72
  export * from "./TextArea";
@@ -64,5 +79,4 @@ export * from "./Unifier";
64
79
  export * from "./useStoredState";
65
80
  export * from "./Utilities";
66
81
  export * from "./WebAddressAutocomplete";
67
- export * from "./WithLabel";
68
82
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -1,3 +1,3 @@
1
- "use strict";
2
1
  process.env.TZ = "America/New_York";
2
+ export {};
3
3
  //# sourceMappingURL=setupTests.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":";AAAA,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,kBAAkB,CAAC"}
1
+ {"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,kBAAkB,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import React, { ReactElement } from "react";
2
- import { TableProps } from "./Common";
3
- export declare const Table: ({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, sort, page: propsPage, setPage: propsSetPage, more, extraControls, }: TableProps) => React.ReactElement;
2
+ import { TableProps } from "../Common";
3
+ export declare const Table: ({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }: TableProps) => React.ReactElement;
@@ -1,9 +1,10 @@
1
1
  import React, { Children, useEffect } from "react";
2
2
  import { ScrollView } from "react-native";
3
- import { Box } from "./Box";
4
- import { PaginationControl } from "./Pagination";
3
+ import { Box } from "../Box";
4
+ import { Pagination } from "../Pagination";
5
5
  import { TableContextProvider } from "./tableContext";
6
- export const Table = ({ children, columns, borderStyle, alternateRowBackground = true, maxHeight, stickyHeader = true, sort, page: propsPage, setPage: propsSetPage, more, extraControls, }) => {
6
+ export const Table = ({ children, columns, // see notes in common about table columns width and decide if we need to change this to a more specific type 'size'
7
+ borderStyle, alternateRowBackground = true, maxHeight, stickyHeader = true, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }) => {
7
8
  const arrayChildren = Children.toArray(children);
8
9
  // Check if any of the rows below have a drawerContents prop to see if we need to render space
9
10
  // for the caret.
@@ -20,10 +21,11 @@ export const Table = ({ children, columns, borderStyle, alternateRowBackground =
20
21
  let width;
21
22
  if (columns.every((column) => typeof column === "number")) {
22
23
  width = columns.reduce((acc, curr) => {
23
- return acc + curr;
24
+ return acc + curr + 8; // 8 for margin between columns;
24
25
  }, 0);
25
26
  if (hasDrawerContents) {
26
- width = width + 30;
27
+ // Size of IconButton + padding is 56
28
+ width = width + 56;
27
29
  }
28
30
  }
29
31
  else {
@@ -38,14 +40,20 @@ export const Table = ({ children, columns, borderStyle, alternateRowBackground =
38
40
  const shouldPaginate = more || page > 1;
39
41
  return (React.createElement(TableContextProvider, { alternateRowBackground: alternateRowBackground, borderStyle: borderStyle, columns: columns, hasDrawerContents: hasDrawerContents, page: page, setSortColumn: setSortColumn, sortColumn: sortColumn, stickyHeader: stickyHeader },
40
42
  React.createElement(React.Fragment, null,
41
- React.createElement(Box, { flex: "grow", maxWidth: "100%", width: width },
43
+ React.createElement(Box, { flex: "grow", maxWidth: "100%", style: {
44
+ position: "relative",
45
+ }, width: width },
42
46
  React.createElement(ScrollView, { horizontal: true, style: { width, maxWidth: "100%" } },
43
- React.createElement(ScrollView, { stickyHeaderIndices: stickyHeader ? [0] : undefined, style: { width, maxWidth: "100%", flex: 1, maxHeight } }, Children.map(children, (child, index) => Boolean(child) &&
47
+ React.createElement(ScrollView
48
+ // nestedScrollEnabled
49
+ , {
50
+ // nestedScrollEnabled
51
+ stickyHeaderIndices: stickyHeader ? [0] : undefined, style: { width, maxWidth: "100%", flex: 1, maxHeight } }, Children.map(children, (child, index) => Boolean(child) &&
44
52
  React.cloneElement(child, {
45
- color: index % 2 === 1 && alternateRowBackground ? "lightGray" : "white",
53
+ color: index % 2 === 1 && alternateRowBackground ? "neutralLight" : "base",
46
54
  }))))),
47
- Boolean(shouldPaginate) && (React.createElement(Box, { alignItems: "center", borderTop: "gray", direction: "row", height: 60, paddingX: 8 },
48
- React.createElement(PaginationControl, { page: propsPage !== null && propsPage !== void 0 ? propsPage : page, setPage: propsSetPage !== null && propsSetPage !== void 0 ? propsSetPage : setPage, shouldDisableBackButton: (propsPage !== null && propsPage !== void 0 ? propsPage : page) <= 1, shouldDisableNextButton: !more }),
55
+ Boolean(shouldPaginate && totalPages !== undefined) && (React.createElement(Box, { alignItems: "center", borderTop: "default", direction: "row", height: 60, paddingX: 8 },
56
+ React.createElement(Pagination, { page: propsPage !== null && propsPage !== void 0 ? propsPage : page, setPage: propsSetPage !== null && propsSetPage !== void 0 ? propsSetPage : setPage, totalPages: totalPages }),
49
57
  Boolean(extraControls) && extraControls)))));
50
58
  };
51
59
  //# sourceMappingURL=Table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { FC } from "react";
2
+ import { TableBadgeProps } from "../Common";
3
+ export interface TableBadgeHandles {
4
+ handleSave: () => void | Promise<void>;
5
+ }
6
+ export declare const TableBadge: FC<TableBadgeProps>;
@@ -0,0 +1,22 @@
1
+ import React, { useState } from "react";
2
+ import { View } from "react-native";
3
+ import { Badge } from "../Badge";
4
+ import { SelectField } from "../SelectField";
5
+ // TODO: Support error state in TableBadge
6
+ export const TableBadge = ({ value, badgeStatus = "info", badgeIconName, isEditing = false, editingOptions, }) => {
7
+ const [selected, setSelected] = useState(value);
8
+ const handleChange = (newVal) => {
9
+ if (newVal === "") {
10
+ setSelected(undefined);
11
+ }
12
+ else {
13
+ setSelected(newVal);
14
+ }
15
+ };
16
+ return (React.createElement(View, { style: {
17
+ justifyContent: "center",
18
+ alignItems: "center",
19
+ } }, isEditing && editingOptions ? (React.createElement(SelectField, { options: editingOptions, value: selected, onChange: handleChange })) : (React.createElement(Badge, { iconName: badgeIconName, secondary: true, status: badgeStatus, value: value }))));
20
+ };
21
+ TableBadge.displayName = "TableBadge";
22
+ //# sourceMappingURL=TableBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableBadge.js","sourceRoot":"","sources":["../../src/table/TableBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAM3C,0CAA0C;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,KAAK,EACL,WAAW,GAAG,MAAM,EACpB,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,KAAK,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,MAA0B,EAAE,EAAE;QAClD,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;YAClB,WAAW,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB,IAEA,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,CAC7B,oBAAC,WAAW,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAI,CAClF,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,QAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAChF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { FC } from "react";
2
+ import { TableBooleanProps } from "../Common";
3
+ export interface TableBooleanHandles {
4
+ handleSave: () => void | Promise<void>;
5
+ }
6
+ export declare const TableBoolean: FC<TableBooleanProps>;
@@ -0,0 +1,39 @@
1
+ import React, { useCallback, useState } from "react";
2
+ import { TouchableOpacity, View } from "react-native";
3
+ import { CheckBox } from "../CheckBox";
4
+ import { Icon } from "../Icon";
5
+ import { useTheme } from "../Theme";
6
+ export const TableBoolean = ({ value, isEditing = false }) => {
7
+ const [checked, setChecked] = useState(value);
8
+ const { theme } = useTheme();
9
+ const valueString = checked ? "checked" : "unchecked";
10
+ const oppositeValueString = checked ? "unchecked" : "checked";
11
+ const handlePress = useCallback(() => {
12
+ setChecked(!checked);
13
+ }, [checked]);
14
+ if (isEditing) {
15
+ return (React.createElement(TouchableOpacity, { accessibilityHint: `Tap to change the checkbox from ${oppositeValueString} to ${valueString}`, accessibilityLabel: `Checkbox is currently ${valueString}`, accessibilityRole: "checkbox", hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, style: {
16
+ alignItems: "center",
17
+ justifyContent: "center",
18
+ }, onPress: handlePress },
19
+ React.createElement(CheckBox, { selected: checked, size: "lg" })));
20
+ }
21
+ else {
22
+ return (React.createElement(View, { style: {
23
+ alignItems: "center",
24
+ justifyContent: "center",
25
+ width: "100%",
26
+ } },
27
+ React.createElement(View, { accessibilityHint: value ? "Checked icon" : "Unchecked icon", accessibilityLabel: `The checkbox is ${valueString}`, accessibilityRole: "image", style: {
28
+ height: 32,
29
+ width: 32,
30
+ borderRadius: 16,
31
+ backgroundColor: value ? theme.surface.successLight : "transparent",
32
+ alignItems: "center",
33
+ justifyContent: "center",
34
+ } },
35
+ React.createElement(Icon, { color: value ? "success" : "secondaryLight", iconName: value ? "check" : "x" }))));
36
+ }
37
+ };
38
+ TableBoolean.displayName = "TableBoolean";
39
+ //# sourceMappingURL=TableBoolean.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableBoolean.js","sourceRoot":"","sources":["../../src/table/TableBoolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,gBAAgB,EAAE,IAAI,EAAY,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,KAAK,EAAC,EAAE,EAAE;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IACtD,MAAM,mBAAmB,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,oBAAC,gBAAgB,IACf,iBAAiB,EAAE,mCAAmC,mBAAmB,OAAO,WAAW,EAAE,EAC7F,kBAAkB,EAAE,yBAAyB,WAAW,EAAE,EAC1D,iBAAiB,EAAC,UAAU,EAC5B,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EACH;gBACE,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACZ,EAEhB,OAAO,EAAE,WAAW;YAEpB,oBAAC,QAAQ,IAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,CACxB,CACpB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;aACd;YAED,oBAAC,IAAI,IACH,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EAC5D,kBAAkB,EAAE,mBAAmB,WAAW,EAAE,EACpD,iBAAiB,EAAC,OAAO,EACzB,KAAK,EAAE;oBACL,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,EAAE;oBACT,YAAY,EAAE,EAAE;oBAChB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;oBACnE,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB;gBAED,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAI,CACjF,CACF,CACR,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { FC } from "react";
2
+ import { TableDateProps } from "../Common";
3
+ export declare const TableDate: FC<TableDateProps>;