envoc-form 5.0.3 → 5.0.4-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 (323) hide show
  1. package/README.md +4650 -1250
  2. package/dist/index.cjs +21523 -0
  3. package/dist/index.d.ts +575 -0
  4. package/dist/index.js +21456 -0
  5. package/package.json +107 -111
  6. package/dist/css/envoc-form-styles.css +0 -3
  7. package/dist/css/envoc-form-styles.css.map +0 -1
  8. package/es/AddressInput/AddressInput.d.ts +0 -24
  9. package/es/AddressInput/AddressInput.js +0 -20
  10. package/es/AddressInput/UsStates.d.ts +0 -3
  11. package/es/AddressInput/UsStates.js +0 -53
  12. package/es/ConfirmBaseForm/ConfirmBaseForm.d.ts +0 -26
  13. package/es/ConfirmBaseForm/ConfirmBaseForm.js +0 -42
  14. package/es/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +0 -24
  15. package/es/ConfirmDeleteForm/ConfirmDeleteForm.js +0 -60
  16. package/es/DatePicker/DatePickerGroup.d.ts +0 -13
  17. package/es/DatePicker/DatePickerGroup.js +0 -87
  18. package/es/DatePicker/DatePickerHelper.d.ts +0 -3
  19. package/es/DatePicker/DatePickerHelper.js +0 -1
  20. package/es/DatePicker/StringDateOnlyPickerGroup.d.ts +0 -9
  21. package/es/DatePicker/StringDateOnlyPickerGroup.js +0 -29
  22. package/es/DatePicker/StringDatePickerGroup.d.ts +0 -9
  23. package/es/DatePicker/StringDatePickerGroup.js +0 -24
  24. package/es/Field/CustomFieldInputProps.d.ts +0 -7
  25. package/es/Field/CustomFieldInputProps.js +0 -1
  26. package/es/Field/CustomFieldMetaProps.d.ts +0 -4
  27. package/es/Field/CustomFieldMetaProps.js +0 -1
  28. package/es/Field/Field.d.ts +0 -28
  29. package/es/Field/Field.js +0 -51
  30. package/es/Field/FieldErrorScrollTarget.d.ts +0 -2
  31. package/es/Field/FieldErrorScrollTarget.js +0 -12
  32. package/es/Field/FieldNameContext.d.ts +0 -3
  33. package/es/Field/FieldNameContext.js +0 -3
  34. package/es/Field/FieldSection.d.ts +0 -7
  35. package/es/Field/FieldSection.js +0 -9
  36. package/es/Field/InjectedFieldProps.d.ts +0 -7
  37. package/es/Field/InjectedFieldProps.js +0 -1
  38. package/es/Field/StandAloneInput.d.ts +0 -13
  39. package/es/Field/StandAloneInput.js +0 -50
  40. package/es/Field/useStandardField.d.ts +0 -21
  41. package/es/Field/useStandardField.js +0 -92
  42. package/es/FieldArray/FieldArray.d.ts +0 -24
  43. package/es/FieldArray/FieldArray.js +0 -77
  44. package/es/File/FileGroup.d.ts +0 -10
  45. package/es/File/FileGroup.js +0 -53
  46. package/es/File/FileList.d.ts +0 -5
  47. package/es/File/FileList.js +0 -10
  48. package/es/File/humanFileSize.d.ts +0 -1
  49. package/es/File/humanFileSize.js +0 -6
  50. package/es/Form/FocusError.d.ts +0 -7
  51. package/es/Form/FocusError.js +0 -42
  52. package/es/Form/Form.d.ts +0 -33
  53. package/es/Form/Form.js +0 -141
  54. package/es/Form/FormBasedPreventNavigation.d.ts +0 -6
  55. package/es/Form/FormBasedPreventNavigation.js +0 -20
  56. package/es/Form/LegacyFormBasedPreventNavigation.d.ts +0 -17
  57. package/es/Form/LegacyFormBasedPreventNavigation.js +0 -69
  58. package/es/Form/NewFormBasedPreventNavigation.d.ts +0 -14
  59. package/es/Form/NewFormBasedPreventNavigation.js +0 -39
  60. package/es/Form/ServerErrorContext.d.ts +0 -11
  61. package/es/Form/ServerErrorContext.js +0 -9
  62. package/es/FormActions.d.ts +0 -12
  63. package/es/FormActions.js +0 -16
  64. package/es/FormDefaults.d.ts +0 -4
  65. package/es/FormDefaults.js +0 -2
  66. package/es/Group.d.ts +0 -16
  67. package/es/Group.js +0 -14
  68. package/es/Input/IconInputGroup.d.ts +0 -12
  69. package/es/Input/IconInputGroup.js +0 -43
  70. package/es/Input/InputGroup.d.ts +0 -12
  71. package/es/Input/InputGroup.js +0 -34
  72. package/es/Input/MoneyInputGroup.d.ts +0 -9
  73. package/es/Input/MoneyInputGroup.js +0 -43
  74. package/es/Input/NumberInputGroup.d.ts +0 -9
  75. package/es/Input/NumberInputGroup.js +0 -43
  76. package/es/Input/PhoneNumberInputGroup.d.ts +0 -10
  77. package/es/Input/PhoneNumberInputGroup.js +0 -47
  78. package/es/Input/StringInputGroup.d.ts +0 -8
  79. package/es/Input/StringInputGroup.js +0 -43
  80. package/es/Normalization/NormalizationFunction.d.ts +0 -4
  81. package/es/Normalization/NormalizationFunction.js +0 -1
  82. package/es/Normalization/normalizers.d.ts +0 -4
  83. package/es/Normalization/normalizers.js +0 -32
  84. package/es/Select/BooleanSelectGroup.d.ts +0 -7
  85. package/es/Select/BooleanSelectGroup.js +0 -28
  86. package/es/Select/NumberSelectGroup.d.ts +0 -9
  87. package/es/Select/NumberSelectGroup.js +0 -21
  88. package/es/Select/SelectGroup.d.ts +0 -27
  89. package/es/Select/SelectGroup.js +0 -65
  90. package/es/Select/SelectGroupPropsHelper.d.ts +0 -3
  91. package/es/Select/SelectGroupPropsHelper.js +0 -1
  92. package/es/Select/StringSelectGroup.d.ts +0 -9
  93. package/es/Select/StringSelectGroup.js +0 -21
  94. package/es/StandardFormActions.d.ts +0 -11
  95. package/es/StandardFormActions.js +0 -14
  96. package/es/SubmitFormButton.d.ts +0 -10
  97. package/es/SubmitFormButton.js +0 -40
  98. package/es/TextArea/TextAreaGroup.d.ts +0 -9
  99. package/es/TextArea/TextAreaGroup.js +0 -35
  100. package/es/Validation/ValidatedApiResult.d.ts +0 -6
  101. package/es/Validation/ValidatedApiResult.js +0 -1
  102. package/es/Validation/ValidationError.d.ts +0 -5
  103. package/es/Validation/ValidationError.js +0 -1
  104. package/es/Validation/ValidationFunction.d.ts +0 -4
  105. package/es/Validation/ValidationFunction.js +0 -1
  106. package/es/Validation/validators.d.ts +0 -18
  107. package/es/Validation/validators.js +0 -77
  108. package/es/index.d.ts +0 -75
  109. package/es/index.js +0 -51
  110. package/es/setupTests.d.ts +0 -1
  111. package/es/setupTests.js +0 -1
  112. package/es/utils/objectContainsNonSerializableProperty.d.ts +0 -1
  113. package/es/utils/objectContainsNonSerializableProperty.js +0 -14
  114. package/es/utils/objectToFormData.d.ts +0 -10
  115. package/es/utils/objectToFormData.js +0 -77
  116. package/es/utils/typeChecks.d.ts +0 -8
  117. package/es/utils/typeChecks.js +0 -18
  118. package/lib/AddressInput/AddressInput.d.ts +0 -24
  119. package/lib/AddressInput/AddressInput.js +0 -26
  120. package/lib/AddressInput/UsStates.d.ts +0 -3
  121. package/lib/AddressInput/UsStates.js +0 -55
  122. package/lib/ConfirmBaseForm/ConfirmBaseForm.d.ts +0 -26
  123. package/lib/ConfirmBaseForm/ConfirmBaseForm.js +0 -48
  124. package/lib/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +0 -24
  125. package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js +0 -66
  126. package/lib/DatePicker/DatePickerGroup.d.ts +0 -13
  127. package/lib/DatePicker/DatePickerGroup.js +0 -95
  128. package/lib/DatePicker/DatePickerHelper.d.ts +0 -3
  129. package/lib/DatePicker/DatePickerHelper.js +0 -2
  130. package/lib/DatePicker/StringDateOnlyPickerGroup.d.ts +0 -9
  131. package/lib/DatePicker/StringDateOnlyPickerGroup.js +0 -35
  132. package/lib/DatePicker/StringDatePickerGroup.d.ts +0 -9
  133. package/lib/DatePicker/StringDatePickerGroup.js +0 -30
  134. package/lib/Field/CustomFieldInputProps.d.ts +0 -7
  135. package/lib/Field/CustomFieldInputProps.js +0 -2
  136. package/lib/Field/CustomFieldMetaProps.d.ts +0 -4
  137. package/lib/Field/CustomFieldMetaProps.js +0 -2
  138. package/lib/Field/Field.d.ts +0 -28
  139. package/lib/Field/Field.js +0 -56
  140. package/lib/Field/FieldErrorScrollTarget.d.ts +0 -2
  141. package/lib/Field/FieldErrorScrollTarget.js +0 -15
  142. package/lib/Field/FieldNameContext.d.ts +0 -3
  143. package/lib/Field/FieldNameContext.js +0 -9
  144. package/lib/Field/FieldSection.d.ts +0 -7
  145. package/lib/Field/FieldSection.js +0 -12
  146. package/lib/Field/InjectedFieldProps.d.ts +0 -7
  147. package/lib/Field/InjectedFieldProps.js +0 -2
  148. package/lib/Field/StandAloneInput.d.ts +0 -13
  149. package/lib/Field/StandAloneInput.js +0 -76
  150. package/lib/Field/useStandardField.d.ts +0 -21
  151. package/lib/Field/useStandardField.js +0 -95
  152. package/lib/FieldArray/FieldArray.d.ts +0 -24
  153. package/lib/FieldArray/FieldArray.js +0 -83
  154. package/lib/File/FileGroup.d.ts +0 -10
  155. package/lib/File/FileGroup.js +0 -58
  156. package/lib/File/FileList.d.ts +0 -5
  157. package/lib/File/FileList.js +0 -13
  158. package/lib/File/humanFileSize.d.ts +0 -1
  159. package/lib/File/humanFileSize.js +0 -10
  160. package/lib/Form/FocusError.d.ts +0 -7
  161. package/lib/Form/FocusError.js +0 -48
  162. package/lib/Form/Form.d.ts +0 -33
  163. package/lib/Form/Form.js +0 -147
  164. package/lib/Form/FormBasedPreventNavigation.d.ts +0 -6
  165. package/lib/Form/FormBasedPreventNavigation.js +0 -26
  166. package/lib/Form/LegacyFormBasedPreventNavigation.d.ts +0 -17
  167. package/lib/Form/LegacyFormBasedPreventNavigation.js +0 -72
  168. package/lib/Form/NewFormBasedPreventNavigation.d.ts +0 -14
  169. package/lib/Form/NewFormBasedPreventNavigation.js +0 -42
  170. package/lib/Form/ServerErrorContext.d.ts +0 -11
  171. package/lib/Form/ServerErrorContext.js +0 -15
  172. package/lib/FormActions.d.ts +0 -12
  173. package/lib/FormActions.js +0 -22
  174. package/lib/FormDefaults.d.ts +0 -4
  175. package/lib/FormDefaults.js +0 -5
  176. package/lib/Group.d.ts +0 -16
  177. package/lib/Group.js +0 -20
  178. package/lib/Input/IconInputGroup.d.ts +0 -12
  179. package/lib/Input/IconInputGroup.js +0 -48
  180. package/lib/Input/InputGroup.d.ts +0 -12
  181. package/lib/Input/InputGroup.js +0 -39
  182. package/lib/Input/MoneyInputGroup.d.ts +0 -9
  183. package/lib/Input/MoneyInputGroup.js +0 -48
  184. package/lib/Input/NumberInputGroup.d.ts +0 -9
  185. package/lib/Input/NumberInputGroup.js +0 -48
  186. package/lib/Input/PhoneNumberInputGroup.d.ts +0 -10
  187. package/lib/Input/PhoneNumberInputGroup.js +0 -52
  188. package/lib/Input/StringInputGroup.d.ts +0 -8
  189. package/lib/Input/StringInputGroup.js +0 -48
  190. package/lib/Normalization/NormalizationFunction.d.ts +0 -4
  191. package/lib/Normalization/NormalizationFunction.js +0 -2
  192. package/lib/Normalization/normalizers.d.ts +0 -4
  193. package/lib/Normalization/normalizers.js +0 -37
  194. package/lib/Select/BooleanSelectGroup.d.ts +0 -7
  195. package/lib/Select/BooleanSelectGroup.js +0 -35
  196. package/lib/Select/NumberSelectGroup.d.ts +0 -9
  197. package/lib/Select/NumberSelectGroup.js +0 -29
  198. package/lib/Select/SelectGroup.d.ts +0 -27
  199. package/lib/Select/SelectGroup.js +0 -71
  200. package/lib/Select/SelectGroupPropsHelper.d.ts +0 -3
  201. package/lib/Select/SelectGroupPropsHelper.js +0 -2
  202. package/lib/Select/StringSelectGroup.d.ts +0 -9
  203. package/lib/Select/StringSelectGroup.js +0 -29
  204. package/lib/StandardFormActions.d.ts +0 -11
  205. package/lib/StandardFormActions.js +0 -20
  206. package/lib/SubmitFormButton.d.ts +0 -10
  207. package/lib/SubmitFormButton.js +0 -45
  208. package/lib/TextArea/TextAreaGroup.d.ts +0 -9
  209. package/lib/TextArea/TextAreaGroup.js +0 -40
  210. package/lib/Validation/ValidatedApiResult.d.ts +0 -6
  211. package/lib/Validation/ValidatedApiResult.js +0 -2
  212. package/lib/Validation/ValidationError.d.ts +0 -5
  213. package/lib/Validation/ValidationError.js +0 -2
  214. package/lib/Validation/ValidationFunction.d.ts +0 -4
  215. package/lib/Validation/ValidationFunction.js +0 -2
  216. package/lib/Validation/validators.d.ts +0 -18
  217. package/lib/Validation/validators.js +0 -90
  218. package/lib/index.d.ts +0 -75
  219. package/lib/index.js +0 -119
  220. package/lib/setupTests.d.ts +0 -1
  221. package/lib/setupTests.js +0 -3
  222. package/lib/utils/objectContainsNonSerializableProperty.d.ts +0 -1
  223. package/lib/utils/objectContainsNonSerializableProperty.js +0 -17
  224. package/lib/utils/objectToFormData.d.ts +0 -10
  225. package/lib/utils/objectToFormData.js +0 -79
  226. package/lib/utils/typeChecks.d.ts +0 -8
  227. package/lib/utils/typeChecks.js +0 -29
  228. package/src/AddressInput/AddressInput.test.tsx +0 -27
  229. package/src/AddressInput/AddressInput.tsx +0 -82
  230. package/src/AddressInput/UsStates.ts +0 -55
  231. package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap +0 -182
  232. package/src/ConfirmBaseForm/ConfirmBaseForm.test.tsx +0 -24
  233. package/src/ConfirmBaseForm/ConfirmBaseForm.tsx +0 -74
  234. package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.tsx.snap +0 -23
  235. package/src/ConfirmDeleteForm/ConfirmDeleteForm.test.tsx +0 -24
  236. package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx +0 -87
  237. package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.tsx.snap +0 -25
  238. package/src/DatePicker/DatePicker.test.tsx +0 -48
  239. package/src/DatePicker/DatePickerGroup.tsx +0 -115
  240. package/src/DatePicker/DatePickerHelper.ts +0 -4
  241. package/src/DatePicker/StringDateOnlyPickerGroup.tsx +0 -28
  242. package/src/DatePicker/StringDatePickerGroup.tsx +0 -20
  243. package/src/DatePicker/__snapshots__/DatePicker.test.tsx.snap +0 -152
  244. package/src/Field/CustomFieldInputProps.ts +0 -10
  245. package/src/Field/CustomFieldMetaProps.ts +0 -5
  246. package/src/Field/Field.tsx +0 -113
  247. package/src/Field/FieldErrorScrollTarget.tsx +0 -12
  248. package/src/Field/FieldNameContext.ts +0 -6
  249. package/src/Field/FieldSection.tsx +0 -18
  250. package/src/Field/InjectedFieldProps.ts +0 -8
  251. package/src/Field/StandAloneInput.tsx +0 -55
  252. package/src/Field/useStandardField.ts +0 -125
  253. package/src/FieldArray/FieldArray.tsx +0 -154
  254. package/src/File/FileGroup.test.tsx +0 -35
  255. package/src/File/FileGroup.tsx +0 -85
  256. package/src/File/FileList.tsx +0 -21
  257. package/src/File/__snapshots__/FileGroup.test.tsx.snap +0 -34
  258. package/src/File/humanFileSize.ts +0 -8
  259. package/src/Form/FocusError.tsx +0 -55
  260. package/src/Form/Form.test.tsx +0 -14
  261. package/src/Form/Form.tsx +0 -237
  262. package/src/Form/FormBasedPreventNavigation.tsx +0 -56
  263. package/src/Form/LegacyFormBasedPreventNavigation.tsx +0 -77
  264. package/src/Form/NewFormBasedPreventNavigation.tsx +0 -59
  265. package/src/Form/ServerErrorContext.ts +0 -18
  266. package/src/Form/__snapshots__/Form.test.tsx.snap +0 -10
  267. package/src/FormActions.tsx +0 -47
  268. package/src/FormDefaults.ts +0 -2
  269. package/src/Group.tsx +0 -62
  270. package/src/Input/IconInputGroup.tsx +0 -54
  271. package/src/Input/InputGroup.tsx +0 -72
  272. package/src/Input/MoneyInputGroup.tsx +0 -50
  273. package/src/Input/NumberInputGroup.tsx +0 -48
  274. package/src/Input/PhoneNumberInputGroup.tsx +0 -45
  275. package/src/Input/StringInputGroup.tsx +0 -53
  276. package/src/Input/__Tests__/IconInputGroup.test.tsx +0 -35
  277. package/src/Input/__Tests__/MoneyInputGroup.test.tsx +0 -37
  278. package/src/Input/__Tests__/NumberInputGroup.test.tsx +0 -35
  279. package/src/Input/__Tests__/PhoneNumberInputGroup.test.tsx +0 -36
  280. package/src/Input/__Tests__/StringInputGroup.test.tsx +0 -27
  281. package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap +0 -32
  282. package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap +0 -34
  283. package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap +0 -32
  284. package/src/Input/__Tests__/__snapshots__/PhoneNumberInputGroup.test.tsx.snap +0 -33
  285. package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap +0 -31
  286. package/src/Normalization/NormalizationFunction.ts +0 -4
  287. package/src/Normalization/normalizers.ts +0 -44
  288. package/src/Select/BooleanSelectGroup.tsx +0 -28
  289. package/src/Select/NumberSelectGroup.tsx +0 -16
  290. package/src/Select/SelectGroup.tsx +0 -124
  291. package/src/Select/SelectGroupPropsHelper.ts +0 -4
  292. package/src/Select/StringSelectGroup.tsx +0 -16
  293. package/src/Select/__tests__/BooleanSelectGroup.test.tsx +0 -35
  294. package/src/Select/__tests__/NumberSelectGroup.test.tsx +0 -87
  295. package/src/Select/__tests__/StringSelectGroup.test.tsx +0 -89
  296. package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap +0 -98
  297. package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap +0 -195
  298. package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap +0 -195
  299. package/src/StandardFormActions.tsx +0 -41
  300. package/src/SubmitFormButton.tsx +0 -54
  301. package/src/TextArea/TextAreaGroup.tsx +0 -64
  302. package/src/Validation/ValidatedApiResult.ts +0 -8
  303. package/src/Validation/ValidationError.ts +0 -6
  304. package/src/Validation/ValidationFunction.ts +0 -4
  305. package/src/Validation/validators.test.tsx +0 -81
  306. package/src/Validation/validators.ts +0 -97
  307. package/src/__Tests__/FormTestBase.tsx +0 -64
  308. package/src/__Tests__/RealisticForm.test.tsx +0 -82
  309. package/src/__Tests__/StandardFormActions.test.tsx +0 -17
  310. package/src/__Tests__/SubmitFormButton.test.tsx +0 -17
  311. package/src/__Tests__/__snapshots__/StandardFormActions.test.tsx.snap +0 -27
  312. package/src/__Tests__/__snapshots__/SubmitFormButton.test.tsx.snap +0 -20
  313. package/src/__Tests__/index.ts +0 -3
  314. package/src/_variables.scss +0 -11
  315. package/src/index.ts +0 -153
  316. package/src/react-app-env.d.ts +0 -1
  317. package/src/setupTests.ts +0 -1
  318. package/src/styles.scss +0 -0
  319. package/src/utils/objectContainsNonSerializableProperty.test.tsx +0 -49
  320. package/src/utils/objectContainsNonSerializableProperty.ts +0 -17
  321. package/src/utils/objectToFormData.test.tsx +0 -76
  322. package/src/utils/objectToFormData.ts +0 -105
  323. package/src/utils/typeChecks.ts +0 -18
@@ -1,29 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import DatePickerGroup from './DatePickerGroup';
14
- /**
15
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
16
- *
17
- * Default display to the user is in `MM/DD/YYYY` format.
18
- */
19
- export default function StringDatePickerGroup(props) {
20
- return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
21
- }
22
- function convertToDateOnly(arg) {
23
- var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
24
- .format(arg)
25
- .padStart(4, '0');
26
- var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(arg);
27
- var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(arg);
28
- return "".concat(year, "-").concat(month, "-").concat(day);
29
- }
@@ -1,9 +0,0 @@
1
- import { DatePickerHelper } from './DatePickerHelper';
2
- export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined | null> {
3
- }
4
- /**
5
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DDTHH:mm:ss.sssZ` or `±YYYYYY-MM-DDTHH:mm:ss.sssZ`
6
- *
7
- * If you need `YYYY-MM-DD` format use `<StringDateOnlyPickerGroup/>`.
8
- */
9
- export default function StringDatePickerGroup(props: StringDatePickerGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1,24 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import DatePickerGroup from './DatePickerGroup';
14
- /**
15
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DDTHH:mm:ss.sssZ` or `±YYYYYY-MM-DDTHH:mm:ss.sssZ`
16
- *
17
- * If you need `YYYY-MM-DD` format use `<StringDateOnlyPickerGroup/>`.
18
- */
19
- export default function StringDatePickerGroup(props) {
20
- return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
21
- }
22
- function convertToDateOnly(arg) {
23
- return arg.toISOString();
24
- }
@@ -1,7 +0,0 @@
1
- export interface CustomFieldInputProps<TValue> {
2
- id: string;
3
- name: string;
4
- value: TValue;
5
- onChange: (newValue: TValue) => void;
6
- onBlur: () => void;
7
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { FieldMetaProps } from 'formik';
2
- export interface CustomFieldMetaProps<TValue> extends FieldMetaProps<TValue> {
3
- warning: string | undefined;
4
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,28 +0,0 @@
1
- import { ComponentProps, ElementType, LegacyRef } from 'react';
2
- import { InjectedFieldProps } from './InjectedFieldProps';
3
- import { NormalizationFunction } from '../Normalization/NormalizationFunction';
4
- import { ValidationFunction } from '../Validation/ValidationFunction';
5
- export type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? TRenderComponent : never;
6
- export type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? ComponentProps<TRenderComponent> : never;
7
- /** A specific Field instance to be rendered by the given TRenderComponent or by whatever default is reasonable */
8
- export type FieldProps<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType> = {
9
- /** Name of the field. Used on submission. */
10
- name: TProp;
11
- /** Component to be rendered. Usually this is a type of input group e.g. `<StringInputGroup/>` */
12
- Component: RenderComponent<TForm[TProp], TRenderComponent>;
13
- /** Id of the field. */
14
- id?: string;
15
- /** Whether the field should be disabled. */
16
- disabled?: boolean;
17
- /** Client side validation functions */
18
- validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
19
- /** Function to modify the field value without making the form dirty. (e.g. phone number) */
20
- normalize?: NormalizationFunction<TForm[TProp]>;
21
- } & Omit<RenderComponentProps<TForm[TProp], TRenderComponent>, keyof InjectedFieldProps<TForm[TProp]>>;
22
- /**
23
- * Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
24
- * Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
25
- */
26
- declare function Field<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType>({ name, Component, id, disabled, validate, normalize, ...rest }: FieldProps<TForm, TProp, TRenderComponent>, ref: LegacyRef<any>): import("react/jsx-runtime").JSX.Element;
27
- declare const _default: typeof Field;
28
- export default _default;
package/es/Field/Field.js DELETED
@@ -1,51 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import { FieldNameContext } from './FieldNameContext';
26
- import useStandardFormInput from './useStandardField';
27
- import { required as requiredValidator } from '../Validation/validators';
28
- /**
29
- * Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
30
- * Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
31
- */
32
- function Field(_a, ref) {
33
- var name = _a.name, Component = _a.Component, id = _a.id, disabled = _a.disabled, validate = _a.validate, normalize = _a.normalize, rest = __rest(_a, ["name", "Component", "id", "disabled", "validate", "normalize"]);
34
- var _b = useStandardFormInput({
35
- name: String(name),
36
- id: id,
37
- disabled: disabled,
38
- validate: validate,
39
- normalize: normalize,
40
- }), input = _b[0], meta = _b[1];
41
- var isRequired = (rest === null || rest === void 0 ? void 0 : rest.required) !== undefined
42
- ? rest.required
43
- : validate === requiredValidator ||
44
- (Array.isArray(validate) && validate.includes(requiredValidator));
45
- // a bit of a hack so JSX is happy with us
46
- var Wrapped = Component;
47
- return (_jsx(FieldNameContext.Provider, { value: input.name, children: _jsx(Wrapped, __assign({}, rest, { ref: ref, id: input.id, input: input, meta: meta, required: isRequired, disabled: disabled })) }));
48
- }
49
- // hack to get forwarded refs to work
50
- var FieldWithRef = React.forwardRef(Field);
51
- export default FieldWithRef;
@@ -1,2 +0,0 @@
1
- /** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
2
- export default function FieldErrorScrollTarget(): import("react/jsx-runtime").JSX.Element | null;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { FieldNameContext } from './FieldNameContext';
4
- /** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
5
- export default function FieldErrorScrollTarget() {
6
- var name = useContext(FieldNameContext);
7
- if (!name) {
8
- return null;
9
- }
10
- var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
11
- return _jsx("div", { id: divId, style: { display: 'none' } });
12
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- /** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
3
- export declare const FieldNameContext: React.Context<string | undefined>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- /** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
3
- export var FieldNameContext = React.createContext(undefined);
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface FieldSectionProps {
3
- children: React.ReactNode;
4
- name: string;
5
- }
6
- export default function FieldSection({ children, name }: FieldSectionProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { FieldNameContext } from './FieldNameContext';
4
- export default function FieldSection(_a) {
5
- var children = _a.children, name = _a.name;
6
- var parentContext = useContext(FieldNameContext);
7
- var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
8
- return (_jsx(FieldNameContext.Provider, { value: effectiveValue, children: children }));
9
- }
@@ -1,7 +0,0 @@
1
- import { CustomFieldInputProps } from './CustomFieldInputProps';
2
- import { CustomFieldMetaProps } from './CustomFieldMetaProps';
3
- /** Defines what is injected by a Field wrapper of some TRenderComponent */
4
- export interface InjectedFieldProps<TValue> {
5
- input: CustomFieldInputProps<TValue>;
6
- meta: CustomFieldMetaProps<TValue>;
7
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { RenderComponent, RenderComponentProps } from './Field';
3
- import { InjectedFieldProps } from './InjectedFieldProps';
4
- export type StandAloneInputProps<TValue, TRenderComponent extends ElementType> = {
5
- /** Component to render inside of the field. */
6
- Component: RenderComponent<TValue, TRenderComponent>;
7
- /** Value of the field. */
8
- value: TValue;
9
- /** Function to change the value of the field. */
10
- onChange: (arg: TValue) => void;
11
- } & Omit<RenderComponentProps<TValue, TRenderComponent>, keyof InjectedFieldProps<TValue> | 'value' | 'onChange' | 'normalize' | 'validate'>;
12
- /** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
13
- export default function StandAloneInput<TValue, TComponent extends ElementType>(props: StandAloneInputProps<TValue, TComponent>): import("react/jsx-runtime").JSX.Element;
@@ -1,50 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { useRef } from 'react';
25
- import * as uuid from 'uuid';
26
- /** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
27
- export default function StandAloneInput(props) {
28
- var Component = props.Component, value = props.value, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["Component", "value", "onChange", "disabled"]);
29
- var handleChange = function (arg) {
30
- if (!disabled) {
31
- onChange(arg);
32
- }
33
- };
34
- var Wrapped = Component;
35
- var idRef = useRef(uuid.v4());
36
- var input = {
37
- id: idRef.current,
38
- name: idRef.current,
39
- value: value,
40
- onChange: handleChange,
41
- onBlur: function () { },
42
- };
43
- var meta = {
44
- warning: undefined,
45
- value: value,
46
- touched: false,
47
- initialTouched: false,
48
- };
49
- return _jsx(Wrapped, __assign({}, rest, { disabled: disabled, input: input, meta: meta }));
50
- }
@@ -1,21 +0,0 @@
1
- import { CustomFieldInputProps } from './CustomFieldInputProps';
2
- import { CustomFieldMetaProps } from './CustomFieldMetaProps';
3
- import { NormalizationFunction } from '../Normalization/NormalizationFunction';
4
- import { ValidationFunction } from '../Validation/ValidationFunction';
5
- export interface useStandardFieldProps<TValue> {
6
- /** Id of the field. */
7
- id?: string;
8
- /** Name of the field. */
9
- name: string;
10
- /** Whether the field should be disabled. */
11
- disabled?: boolean;
12
- /** Function to validate the field. */
13
- validate?: ValidationFunction<TValue> | ValidationFunction<TValue>[];
14
- /** Function to modify the field value without making the form dirty. (e.g. phone number) */
15
- normalize?: NormalizationFunction<TValue>;
16
- }
17
- /** Provides a consistent way to deal with all form fields (non array). */
18
- export default function useStandardField<TValue>({ id: providedId, name: providedName, disabled, validate, normalize, }: useStandardFieldProps<TValue>): [
19
- CustomFieldInputProps<TValue>,
20
- CustomFieldMetaProps<TValue>
21
- ];
@@ -1,92 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { useContext, useEffect } from 'react';
13
- import { useField, useFormikContext } from 'formik';
14
- import { FieldNameContext } from './FieldNameContext';
15
- import { ServerErrorContext } from '../Form/ServerErrorContext';
16
- /** Provides a consistent way to deal with all form fields (non array). */
17
- export default function useStandardField(_a) {
18
- var providedId = _a.id, providedName = _a.name, disabled = _a.disabled, validate = _a.validate, normalize = _a.normalize;
19
- // because the formik errors are evaluated all at the same time we need to keep server errors separate
20
- var _b = useContext(ServerErrorContext), getServerError = _b.getError, setServerError = _b.setError;
21
- // ensure that form section values are obeyed, e.g. homeAddress.zipCode
22
- var fieldNameContextValue = useContext(FieldNameContext);
23
- var name = fieldNameContextValue
24
- ? "".concat(fieldNameContextValue, ".").concat(providedName)
25
- : providedName;
26
- // ensure that nested contexts don't have duplicate id issues when an id is specified
27
- var id = providedId
28
- ? fieldNameContextValue
29
- ? "".concat(fieldNameContextValue, ".").concat(providedId)
30
- : providedId
31
- : name;
32
- // ensure that our custom validation rules are handled
33
- // e.g. we allow arrays of validators
34
- var _c = useField({
35
- name: name,
36
- id: id ? id : name,
37
- disabled: disabled,
38
- validate: callAllValidators,
39
- }), formikInput = _c[0], formikMeta = _c[1];
40
- var _d = useFormikContext(), setFieldTouched = _d.setFieldTouched, setFieldValue = _d.setFieldValue, isSubmitting = _d.isSubmitting;
41
- var touched = formikMeta.touched !== false && formikMeta.touched !== undefined;
42
- useEffect(function () {
43
- if (!touched && isSubmitting) {
44
- // because we do not always register all fields up front.
45
- // e.g. formik expects even a 'create' form to have all fields given, at least, blank values
46
- // It looks like this was going to be a thing: https://github.com/jaredpalmer/formik/issues/691
47
- // Formik appears to not have an active maintainer: https://github.com/jaredpalmer/formik/discussions/3526
48
- // We previously had a different fix in place using handleBlur, but it was causing an infinite update cycle.
49
- // This was noted as existing, but there was a note about it not working for FieldArray (this does appear to work in my testing with FieldArray)
50
- setFieldTouched(name);
51
- }
52
- }, [isSubmitting, name, setFieldTouched, touched]);
53
- // these are the props we expect consumers of this hook to pass directly to the input (or other control)
54
- var resultInput = {
55
- name: formikInput.name,
56
- // pass any direct from server props through normalize without making the form dirty (e.g. phone number)
57
- value: normalize ? normalize(formikInput.value) : formikInput.value,
58
- onChange: handleChange,
59
- onBlur: handleBlur,
60
- // extensions to formik
61
- id: id,
62
- };
63
- var resultMeta = __assign(__assign({}, formikMeta), { error: getServerError(name) || (touched ? formikMeta.error : undefined),
64
- // extensions to formik
65
- warning: undefined, touched: touched });
66
- return [resultInput, resultMeta];
67
- function handleBlur() {
68
- formikInput.onBlur({ target: { name: name } });
69
- }
70
- function handleChange(value) {
71
- if (disabled) {
72
- return;
73
- }
74
- var normalized = normalize ? normalize(value) : value;
75
- setFieldValue(name, normalized);
76
- setServerError(name, undefined);
77
- }
78
- function callAllValidators(value) {
79
- if (disabled || !validate) {
80
- return;
81
- }
82
- if (!Array.isArray(validate)) {
83
- return validate(value);
84
- }
85
- for (var i = 0; i < validate.length; i++) {
86
- var result = validate[i](value);
87
- if (result) {
88
- return result;
89
- }
90
- }
91
- }
92
- }
@@ -1,24 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { FieldProps } from '../Field/Field';
3
- import { ValidationFunction } from '../Validation/ValidationFunction';
4
- export type FieldArrayProps<TForm extends object, TProp extends keyof TForm> = TForm[TProp] extends Array<any> | undefined | null ? {
5
- /** Name of the field, used on submission. If using codegen this must be the provided dto. */
6
- name: TProp;
7
- /** Label of the field. */
8
- label?: string;
9
- /** Whether the field should be disabled. */
10
- disabled?: boolean;
11
- /** Function to validate the value. */
12
- validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
13
- children: (formBuilder: ArrayFormBuilderProp<TForm[TProp]>) => JSX.Element;
14
- } : never;
15
- export type ArrayFormBuilderProp<TValue extends Array<any> | undefined | null> = TValue extends Array<infer TForm> | undefined | null ? TForm extends object ? {
16
- Field: <TProp extends keyof TForm, TRenderComponent extends ElementType>(props: FieldProps<TForm, TProp, TRenderComponent>) => JSX.Element;
17
- FieldArray: <TProp extends keyof TForm>(props: FieldArrayProps<TForm, TProp>) => JSX.Element;
18
- } : never : never;
19
- /**
20
- * An array of fields that allows the user to add multiple instances of the same field.
21
- *
22
- * Includes "Add Item" and "Remove Item" buttons to allow the user to speicify the number of fields.
23
- */
24
- export default function FieldArray<TForm extends object, TProp extends keyof TForm>({ name, label, validate, disabled, children, ...rest }: FieldArrayProps<TForm, TProp>): import("react/jsx-runtime").JSX.Element;
@@ -1,77 +0,0 @@
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
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
- import classNames from 'classnames';
23
- import Field from '../Field/Field';
24
- import { FieldNameContext } from '../Field/FieldNameContext';
25
- import useStandardFormInput from '../Field/useStandardField';
26
- import { FormDefaults } from '../FormDefaults';
27
- /**
28
- * An array of fields that allows the user to add multiple instances of the same field.
29
- *
30
- * Includes "Add Item" and "Remove Item" buttons to allow the user to speicify the number of fields.
31
- */
32
- export default function FieldArray(_a) {
33
- var _b;
34
- var name = _a.name, label = _a.label, validate = _a.validate, disabled = _a.disabled, children = _a.children, rest = __rest(_a, ["name", "label", "validate", "disabled", "children"]);
35
- var input = useStandardFormInput({
36
- name: String(name),
37
- validate: validate,
38
- disabled: disabled,
39
- })[0];
40
- var values = !input.value
41
- ? []
42
- : Array.isArray(input.value)
43
- ? input.value
44
- : [];
45
- return (_jsxs("div", { className: FormDefaults.cssClassPrefix + 'field-array', children: [_jsxs("div", { className: FormDefaults.cssClassPrefix + 'field-array-header', children: [_jsx("div", { className: FormDefaults.cssClassPrefix + 'field-array-title', children: label }), _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'add-array-item-button', (_b = {}, _b[FormDefaults.cssClassPrefix + 'disabled'] = disabled, _b)), title: "Add Item", type: "button", onClick: addItem, children: "+" })] }), _jsx("div", { className: FormDefaults.cssClassPrefix + 'field-array-body', children: values.map(function (value, index) {
46
- var _a, _b;
47
- var itemName = "".concat(input.name, "[").concat(index, "]");
48
- return (_jsxs("div", { className: classNames(FormDefaults.cssClassPrefix + 'field-array-item', (_a = {},
49
- _a[FormDefaults.cssClassPrefix + 'removed'] = value.isDeleted,
50
- _a)), role: "listitem", children: [_jsx(FieldNameContext.Provider, { value: itemName, children: children({
51
- Field: Field,
52
- FieldArray: FieldArray,
53
- }) }), _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'remove-array-item-button', (_b = {}, _b[FormDefaults.cssClassPrefix + 'disabled'] = disabled, _b)), type: "button", title: "Remove Item", onClick: function () { return removeItem(value); }, children: "-" })] }, (value && value['form-input-array-key']) ||
54
- (value && value['id']) ||
55
- itemName));
56
- }) })] }));
57
- function addItem() {
58
- if (disabled) {
59
- return;
60
- }
61
- input.onChange(__spreadArray(__spreadArray([], values, true), [{}], false));
62
- }
63
- function removeItem(item) {
64
- if (disabled) {
65
- return;
66
- }
67
- // assumes anything from the server has an 'id' value sent
68
- if (!item.id) {
69
- input.onChange(values.filter(function (x) { return x !== item; }));
70
- return;
71
- }
72
- var mapped = values.map(function (x) {
73
- return x !== item ? x : Object.assign({}, x, { isDeleted: true });
74
- });
75
- input.onChange(mapped);
76
- }
77
- }
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { InjectedFieldProps } from '../Field/InjectedFieldProps';
3
- import { GroupProps } from '../Group';
4
- export interface FileGroupProps extends InjectedFieldProps<any | undefined | null>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'>, Omit<React.HTMLProps<HTMLInputElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'> {
5
- /** Allow multiple files to be uploaded. */
6
- multiple?: boolean | undefined;
7
- }
8
- /** File upload input group. */
9
- declare const FileGroupWithRef: React.ComponentType<FileGroupProps>;
10
- export default FileGroupWithRef;
@@ -1,53 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- import React from 'react';
25
- import classNames from 'classnames';
26
- import FileList from './FileList';
27
- import { FormDefaults } from '../FormDefaults';
28
- import Group from '../Group';
29
- function FileGroup(_a, ref) {
30
- var _b;
31
- var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, multiple = _a.multiple, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "multiple"]);
32
- return (_jsxs(Group, { input: input, meta: meta, label: label, helpText: helpText, className: classNames(className, (_b = {}, _b[FormDefaults.cssClassPrefix + 'multiple'] = multiple, _b), FormDefaults.cssClassPrefix + 'file-group'), required: required, disabled: disabled, children: [_jsx("input", __assign({}, input, rest, { multiple: multiple, onChange: function (e) {
33
- var _a, _b;
34
- if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length)) {
35
- input.onChange(undefined);
36
- }
37
- else {
38
- var files = [];
39
- for (var i = 0; i < e.target.files.length; i++) {
40
- files.push(e.target.files[i]);
41
- }
42
- if (!multiple) {
43
- input.onChange(files[0]);
44
- }
45
- else {
46
- input.onChange(files);
47
- }
48
- }
49
- }, value: undefined, ref: ref, type: "file", className: classNames(className, FormDefaults.cssClassPrefix + 'file-group') })), _jsx(FileList, { files: input.value })] }));
50
- }
51
- /** File upload input group. */
52
- var FileGroupWithRef = React.forwardRef(FileGroup);
53
- export default FileGroupWithRef;
@@ -1,5 +0,0 @@
1
- export interface FileListProps {
2
- files?: File | File[] | undefined | null;
3
- rejectedFiles?: File | File[] | undefined | null;
4
- }
5
- export default function FileList({ files, rejectedFiles }: FileListProps): import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { FormDefaults } from '../FormDefaults';
3
- export default function FileList(_a) {
4
- var files = _a.files, rejectedFiles = _a.rejectedFiles;
5
- return (_jsx("div", { className: FormDefaults.cssClassPrefix + 'file-list', children: !files ? null : Array.isArray(files) ? (files.map(function (x, i) { return _jsx(File, { file: x }, i); })) : (_jsx(File, { file: files })) }));
6
- }
7
- function File(_a) {
8
- var file = _a.file;
9
- return null;
10
- }
@@ -1 +0,0 @@
1
- export declare function humanFileSize(size: number): string;
@@ -1,6 +0,0 @@
1
- export function humanFileSize(size) {
2
- var i = Math.floor(Math.log(size) / Math.log(1024));
3
- return ((size / Math.pow(1024, i)).toFixed(2) +
4
- ' ' +
5
- ['B', 'KB', 'MB', 'GB', 'TB'][i]);
6
- }
@@ -1,7 +0,0 @@
1
- import { ServerErrorContextProps } from './ServerErrorContext';
2
- export interface FocusErrorProps {
3
- /** Validation errors that have been received from the server. */
4
- serverErrors: ServerErrorContextProps;
5
- }
6
- /** Function to scroll to the field that has an error. */
7
- export default function FocusError(props: FocusErrorProps): null;