guestbell-forms 3.0.39 → 3.0.41

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 (342) hide show
  1. package/.env.bat +1 -0
  2. package/.eslintrc.json +21 -14
  3. package/build/components/base/input/BaseInput.d.ts +99 -99
  4. package/build/components/base/input/BaseInput.js +4 -0
  5. package/build/components/base/input/BaseInput.js.map +1 -1
  6. package/build/components/base/input/index.d.ts +1 -1
  7. package/build/components/bookingCalendar/BookingCalendar.d.ts +47 -46
  8. package/build/components/bookingCalendar/BookingCalendar.js +38 -14
  9. package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
  10. package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.d.ts +17 -17
  11. package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js +12 -12
  12. package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js.map +1 -1
  13. package/build/components/bookingCalendar/bookingCalendarControls/classes.d.ts +9 -9
  14. package/build/components/bookingCalendar/bookingCalendarControls/index.d.ts +2 -2
  15. package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.d.ts +13 -13
  16. package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js +3 -3
  17. package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js.map +1 -1
  18. package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.d.ts +5 -5
  19. package/build/components/bookingCalendar/bookingCalendarDatePicker/index.d.ts +2 -2
  20. package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.d.ts +10 -10
  21. package/build/components/bookingCalendar/bookingCalendarGrid/classes.d.ts +5 -5
  22. package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.d.ts +57 -57
  23. package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js +2 -1
  24. package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js.map +1 -1
  25. package/build/components/bookingCalendar/bookingCalendarItem/classes.d.ts +4 -4
  26. package/build/components/bookingCalendar/bookingCalendarItem/index.d.ts +2 -2
  27. package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.d.ts +16 -16
  28. package/build/components/bookingCalendar/bookingCalendarLane/classes.d.ts +4 -4
  29. package/build/components/bookingCalendar/bookingCalendarLane/index.d.ts +2 -2
  30. package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.d.ts +7 -7
  31. package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.d.ts +4 -4
  32. package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.d.ts +1 -1
  33. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.d.ts +11 -11
  34. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js +3 -3
  35. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js.map +1 -1
  36. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.d.ts +4 -5
  37. package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map +1 -1
  38. package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.d.ts +5 -5
  39. package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.d.ts +2 -2
  40. package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.d.ts +9 -9
  41. package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.d.ts +6 -6
  42. package/build/components/bookingCalendar/bookingCalendarRenderItem/index.d.ts +1 -1
  43. package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.d.ts +38 -37
  44. package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js +7 -4
  45. package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map +1 -1
  46. package/build/components/bookingCalendar/bookingCalendarSelection/classes.d.ts +5 -0
  47. package/build/components/bookingCalendar/bookingCalendarSelection/classes.js +12 -0
  48. package/build/components/bookingCalendar/bookingCalendarSelection/classes.js.map +1 -0
  49. package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.d.ts +11 -11
  50. package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.d.ts +5 -5
  51. package/build/components/bookingCalendar/classes.d.ts +11 -11
  52. package/build/components/bookingCalendar/common.d.ts +24 -23
  53. package/build/components/bookingCalendar/common.js +3 -4
  54. package/build/components/bookingCalendar/common.js.map +1 -1
  55. package/build/components/bookingCalendar/index.d.ts +3 -3
  56. package/build/components/bookingCalendar/utils.d.ts +55 -50
  57. package/build/components/bookingCalendar/utils.js +2 -1
  58. package/build/components/bookingCalendar/utils.js.map +1 -1
  59. package/build/components/button/Button.d.ts +81 -81
  60. package/build/components/button/Button.js +1 -0
  61. package/build/components/button/Button.js.map +1 -1
  62. package/build/components/button/index.d.ts +2 -2
  63. package/build/components/checkbox/Checkbox.d.ts +23 -23
  64. package/build/components/checkbox/index.d.ts +2 -2
  65. package/build/components/dropdown/Dropdown.d.ts +44 -44
  66. package/build/components/dropdown/index.d.ts +2 -2
  67. package/build/components/dynamicSubmit/DynamicSubmit.d.ts +54 -54
  68. package/build/components/dynamicSubmit/DynamicSubmit.js.map +1 -1
  69. package/build/components/dynamicSubmit/index.d.ts +2 -2
  70. package/build/components/externalValidationComponent/ExternalValidationComponent.d.ts +15 -15
  71. package/build/components/externalValidationComponent/index.d.ts +2 -2
  72. package/build/components/form/Form.d.ts +47 -47
  73. package/build/components/form/FormContext.d.ts +30 -30
  74. package/build/components/form/FormValidationSummary.d.ts +38 -38
  75. package/build/components/form/FormValidationSummary.js.map +1 -1
  76. package/build/components/form/index.d.ts +5 -5
  77. package/build/components/form/withFormContext.d.ts +3 -3
  78. package/build/components/inputGroup/InputGroup.d.ts +15 -17
  79. package/build/components/inputGroup/index.d.ts +2 -2
  80. package/build/components/inputHeader/InputHeader.d.ts +97 -97
  81. package/build/components/inputHeader/InputHeader.js.map +1 -1
  82. package/build/components/inputHeader/InputHeaderContext.d.ts +24 -24
  83. package/build/components/inputHeader/index.d.ts +2 -2
  84. package/build/components/inputHeader/withInputHeaderContext.d.ts +3 -3
  85. package/build/components/money/Money.d.ts +78 -78
  86. package/build/components/money/Money.js.map +1 -1
  87. package/build/components/money/index.d.ts +2 -2
  88. package/build/components/numberInput/NumberInput.d.ts +28 -28
  89. package/build/components/numberInput/index.d.ts +2 -2
  90. package/build/components/openingHours/openingHoursDay/OpeningHoursDay.d.ts +84 -84
  91. package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js +3 -3
  92. package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js.map +1 -1
  93. package/build/components/openingHours/openingHoursDay/index.d.ts +2 -2
  94. package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.d.ts +92 -90
  95. package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js.map +1 -1
  96. package/build/components/openingHours/openingHoursSpecial/index.d.ts +2 -2
  97. package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.d.ts +109 -109
  98. package/build/components/openingHours/openingHoursWeek/index.d.ts +2 -2
  99. package/build/components/openingHours/utils/OpeningHoursUtil.d.ts +21 -21
  100. package/build/components/radio/Radio.d.ts +20 -20
  101. package/build/components/radio/index.d.ts +2 -2
  102. package/build/components/radioContainer/RadioContainer.d.ts +17 -16
  103. package/build/components/radioContainer/RadioContainer.js.map +1 -1
  104. package/build/components/radioContainer/index.d.ts +2 -2
  105. package/build/components/select/Select.d.ts +79 -79
  106. package/build/components/select/index.d.ts +2 -2
  107. package/build/components/submit/Submit.d.ts +137 -137
  108. package/build/components/submit/index.d.ts +2 -2
  109. package/build/components/submit/subComponents/SubmitValidationSummary.d.ts +5 -5
  110. package/build/components/tags/Tags.d.ts +92 -92
  111. package/build/components/tags/Tags.js +2 -0
  112. package/build/components/tags/Tags.js.map +1 -1
  113. package/build/components/tags/index.d.ts +2 -2
  114. package/build/components/tags/subComponents/TagsSuggestions.d.ts +34 -34
  115. package/build/components/tags/subComponents/TagsSuggestions.js +2 -2
  116. package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
  117. package/build/components/text/Text.d.ts +31 -31
  118. package/build/components/text/index.d.ts +2 -2
  119. package/build/components/textArea/TextArea.d.ts +28 -28
  120. package/build/components/textArea/TextArea.js +1 -0
  121. package/build/components/textArea/TextArea.js.map +1 -1
  122. package/build/components/textArea/index.d.ts +2 -2
  123. package/build/components/themeProvider/ThemeContext.d.ts +9 -9
  124. package/build/components/themeProvider/ThemeProvider.d.ts +8 -7
  125. package/build/components/themeProvider/ThemeProvider.js.map +1 -1
  126. package/build/components/themeProvider/index.d.ts +4 -4
  127. package/build/components/themeProvider/withThemeContext.d.ts +4 -4
  128. package/build/components/time/Time.d.ts +32 -32
  129. package/build/components/time/Time.js +3 -3
  130. package/build/components/time/Time.js.map +1 -1
  131. package/build/components/time/index.d.ts +2 -2
  132. package/build/components/timeSpan/TimeSpan.d.ts +46 -46
  133. package/build/components/timeSpan/TimeSpan.js +6 -6
  134. package/build/components/timeSpan/TimeSpan.js.map +1 -1
  135. package/build/components/timeSpan/index.d.ts +2 -2
  136. package/build/components/utils/Guid.d.ts +2 -2
  137. package/build/components/utils/ShallowEqual.d.ts +16 -16
  138. package/build/components/utils/TimeUtil.d.ts +6 -6
  139. package/build/components/utils/Typescript.d.ts +5 -5
  140. package/build/dist/guestbell-forms.css +154 -170
  141. package/build/dist/guestbell-forms.css.map +1 -1
  142. package/build/dist/guestbell-forms.js +15 -24
  143. package/build/dist/guestbell-forms.js.map +1 -1
  144. package/build/dist/guestbell-forms.min.css +1 -1
  145. package/build/dist/guestbell-forms.min.js +1 -1
  146. package/build/dist/guestbell-forms.min.js.map +1 -1
  147. package/build/dist/report.html +3 -3
  148. package/build/index.d.ts +24 -24
  149. package/build/scss/components/bookingCalendar/bookingCalendar.scss +32 -7
  150. package/build/types/ElementOverrideProp.d.ts +3 -3
  151. package/build/types/Theme.d.ts +4 -4
  152. package/build/types/ThemeOverrides.d.ts +45 -45
  153. package/build/validators/EmailValidator.d.ts +4 -4
  154. package/build/validators/LatitudeValidator.d.ts +4 -4
  155. package/build/validators/LongitudeValidator.d.ts +4 -4
  156. package/build/validators/NumberValidator.d.ts +12 -12
  157. package/build/validators/NumberValidator.js +1 -0
  158. package/build/validators/NumberValidator.js.map +1 -1
  159. package/build/validators/UrlValidator.d.ts +4 -4
  160. package/build/validators/base.d.ts +4 -4
  161. package/build/validators/index.d.ts +6 -6
  162. package/package.json +130 -136
  163. package/src/lib/components/base/input/BaseInput.tsx +526 -0
  164. package/src/lib/components/base/input/index.tsx +1 -0
  165. package/src/lib/components/bookingCalendar/BookingCalendar.tsx +399 -0
  166. package/src/lib/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.tsx +249 -0
  167. package/src/lib/components/bookingCalendar/bookingCalendarControls/classes.ts +20 -0
  168. package/src/lib/components/bookingCalendar/bookingCalendarControls/index.ts +2 -0
  169. package/src/lib/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.tsx +104 -0
  170. package/src/lib/components/bookingCalendar/bookingCalendarDatePicker/classes.ts +9 -0
  171. package/src/lib/components/bookingCalendar/bookingCalendarDatePicker/index.ts +2 -0
  172. package/src/lib/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.tsx +56 -0
  173. package/src/lib/components/bookingCalendar/bookingCalendarGrid/classes.ts +9 -0
  174. package/src/lib/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.tsx +98 -0
  175. package/src/lib/components/bookingCalendar/bookingCalendarItem/classes.ts +7 -0
  176. package/src/lib/components/bookingCalendar/bookingCalendarItem/index.ts +2 -0
  177. package/src/lib/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.tsx +69 -0
  178. package/src/lib/components/bookingCalendar/bookingCalendarLane/classes.ts +7 -0
  179. package/src/lib/components/bookingCalendar/bookingCalendarLane/index.ts +2 -0
  180. package/src/lib/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.tsx +28 -0
  181. package/src/lib/components/bookingCalendar/bookingCalendarLaneHeader/classes.ts +7 -0
  182. package/src/lib/components/bookingCalendar/bookingCalendarLaneHeader/index.ts +1 -0
  183. package/src/lib/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.tsx +57 -0
  184. package/src/lib/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.tsx +53 -0
  185. package/src/lib/components/bookingCalendar/bookingCalendarLanesHeader/classes.ts +9 -0
  186. package/src/lib/components/bookingCalendar/bookingCalendarLanesHeader/index.ts +2 -0
  187. package/src/lib/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.tsx +57 -0
  188. package/src/lib/components/bookingCalendar/bookingCalendarRenderItem/classes.ts +11 -0
  189. package/src/lib/components/bookingCalendar/bookingCalendarRenderItem/index.ts +1 -0
  190. package/src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx +225 -0
  191. package/src/lib/components/bookingCalendar/bookingCalendarSelection/classes.ts +10 -0
  192. package/src/lib/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.tsx +53 -0
  193. package/src/lib/components/bookingCalendar/bookingCalendarTimeAxis/classes.ts +9 -0
  194. package/src/lib/components/bookingCalendar/classes.ts +21 -0
  195. package/src/lib/components/bookingCalendar/common.ts +62 -0
  196. package/src/lib/components/bookingCalendar/index.ts +3 -0
  197. package/src/lib/components/bookingCalendar/utils.ts +350 -0
  198. package/src/lib/components/button/Button.tsx +193 -0
  199. package/src/lib/components/button/index.tsx +2 -0
  200. package/src/lib/components/checkbox/Checkbox.tsx +178 -0
  201. package/src/lib/components/checkbox/index.tsx +2 -0
  202. package/src/lib/components/dropdown/Dropdown.tsx +135 -0
  203. package/src/lib/components/dropdown/index.tsx +2 -0
  204. package/src/lib/components/dynamicSubmit/DynamicSubmit.tsx +153 -0
  205. package/src/lib/components/dynamicSubmit/index.tsx +2 -0
  206. package/src/lib/components/externalValidationComponent/ExternalValidationComponent.tsx +78 -0
  207. package/src/lib/components/externalValidationComponent/index.tsx +2 -0
  208. package/src/lib/components/form/Form.tsx +276 -0
  209. package/src/lib/components/form/FormContext.ts +49 -0
  210. package/src/lib/components/form/FormValidationSummary.tsx +122 -0
  211. package/src/lib/components/form/index.tsx +5 -0
  212. package/src/lib/components/form/withFormContext.tsx +20 -0
  213. package/src/lib/components/inputGroup/InputGroup.tsx +60 -0
  214. package/src/lib/components/inputGroup/index.tsx +2 -0
  215. package/src/lib/components/inputHeader/InputHeader.tsx +448 -0
  216. package/src/lib/components/inputHeader/InputHeaderContext.ts +42 -0
  217. package/src/lib/components/inputHeader/index.tsx +2 -0
  218. package/src/lib/components/inputHeader/withInputHeaderContext.tsx +24 -0
  219. package/src/lib/components/money/Money.tsx +298 -0
  220. package/src/lib/components/money/index.tsx +2 -0
  221. package/src/lib/components/numberInput/NumberInput.tsx +186 -0
  222. package/src/lib/components/numberInput/index.tsx +2 -0
  223. package/src/lib/components/openingHours/openingHoursDay/OpeningHoursDay.tsx +394 -0
  224. package/src/lib/components/openingHours/openingHoursDay/index.tsx +2 -0
  225. package/src/lib/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.tsx +227 -0
  226. package/src/lib/components/openingHours/openingHoursSpecial/index.tsx +2 -0
  227. package/src/lib/components/openingHours/openingHoursWeek/OpeningHoursWeek.tsx +283 -0
  228. package/src/lib/components/openingHours/openingHoursWeek/index.tsx +2 -0
  229. package/src/lib/components/openingHours/utils/OpeningHoursUtil.tsx +111 -0
  230. package/src/lib/components/radio/Radio.tsx +87 -0
  231. package/src/lib/components/radio/index.tsx +2 -0
  232. package/src/lib/components/radioContainer/RadioContainer.tsx +50 -0
  233. package/src/lib/components/radioContainer/index.tsx +2 -0
  234. package/src/lib/components/select/Select.tsx +335 -0
  235. package/src/lib/components/select/index.tsx +2 -0
  236. package/src/lib/components/submit/Submit.tsx +117 -0
  237. package/src/lib/components/submit/index.tsx +2 -0
  238. package/src/lib/components/submit/subComponents/SubmitValidationSummary.tsx +55 -0
  239. package/src/lib/components/tags/Tags.tsx +702 -0
  240. package/src/lib/components/tags/index.tsx +2 -0
  241. package/src/lib/components/tags/subComponents/TagsSuggestions.tsx +150 -0
  242. package/src/lib/components/text/Text.tsx +200 -0
  243. package/src/lib/components/text/index.tsx +2 -0
  244. package/src/lib/components/textArea/TextArea.tsx +109 -0
  245. package/src/lib/components/textArea/index.tsx +2 -0
  246. package/src/lib/components/themeProvider/ThemeContext.ts +16 -0
  247. package/src/lib/components/themeProvider/ThemeProvider.tsx +21 -0
  248. package/src/lib/components/themeProvider/index.tsx +4 -0
  249. package/src/lib/components/themeProvider/withThemeContext.tsx +30 -0
  250. package/src/lib/components/time/Time.tsx +296 -0
  251. package/src/lib/components/time/index.tsx +2 -0
  252. package/src/lib/components/timeSpan/TimeSpan.tsx +378 -0
  253. package/src/lib/components/timeSpan/index.tsx +2 -0
  254. package/src/lib/components/utils/Guid.ts +9 -0
  255. package/src/lib/components/utils/ShallowEqual.ts +75 -0
  256. package/src/lib/components/utils/TimeUtil.ts +22 -0
  257. package/src/lib/components/utils/Typescript.ts +11 -0
  258. package/src/lib/declarations/import.d.ts +1 -0
  259. package/src/lib/index.ts +24 -0
  260. package/src/lib/scss/components/base/index.scss +1 -0
  261. package/src/lib/scss/components/base/input/index.scss +1 -0
  262. package/src/lib/scss/components/base/input/input.scss +237 -0
  263. package/src/lib/scss/components/bookingCalendar/bookingCalendar.scss +274 -0
  264. package/src/lib/scss/components/bookingCalendar/index.scss +1 -0
  265. package/src/lib/scss/components/button/buttons.scss +161 -0
  266. package/src/lib/scss/components/button/index.scss +1 -0
  267. package/src/lib/scss/components/checkbox/checkbox.scss +115 -0
  268. package/src/lib/scss/components/checkbox/index.scss +1 -0
  269. package/src/lib/scss/components/dropdown/dropdown.scss +111 -0
  270. package/src/lib/scss/components/dropdown/index.scss +1 -0
  271. package/src/lib/scss/components/dynamicSubmit/dynamicSubmit.scss +1 -0
  272. package/src/lib/scss/components/dynamicSubmit/index.scss +1 -0
  273. package/src/lib/scss/components/form/form.scss +1 -0
  274. package/src/lib/scss/components/form/formValidationSummary.scss +55 -0
  275. package/src/lib/scss/components/form/index.scss +2 -0
  276. package/src/lib/scss/components/index.scss +21 -0
  277. package/src/lib/scss/components/inputGroup/index.scss +1 -0
  278. package/src/lib/scss/components/inputGroup/inputGroup.scss +67 -0
  279. package/src/lib/scss/components/inputHeader/index.scss +1 -0
  280. package/src/lib/scss/components/inputHeader/inputHeader.scss +132 -0
  281. package/src/lib/scss/components/money/index.scss +1 -0
  282. package/src/lib/scss/components/money/money.scss +51 -0
  283. package/src/lib/scss/components/numberInput/index.scss +1 -0
  284. package/src/lib/scss/components/numberInput/numberInput.scss +116 -0
  285. package/src/lib/scss/components/openingHours/index.scss +3 -0
  286. package/src/lib/scss/components/openingHours/openingHoursDay/index.scss +1 -0
  287. package/src/lib/scss/components/openingHours/openingHoursDay/openingHoursDay.scss +127 -0
  288. package/src/lib/scss/components/openingHours/openingHoursSpecial/index.scss +1 -0
  289. package/src/lib/scss/components/openingHours/openingHoursSpecial/openingHoursSpecial.scss +93 -0
  290. package/src/lib/scss/components/openingHours/openingHoursWeek/index.scss +1 -0
  291. package/src/lib/scss/components/openingHours/openingHoursWeek/openingHoursWeek.scss +23 -0
  292. package/src/lib/scss/components/radio/index.scss +1 -0
  293. package/src/lib/scss/components/radio/radio.scss +68 -0
  294. package/src/lib/scss/components/radioContainer/index.scss +1 -0
  295. package/src/lib/scss/components/radioContainer/radioContainer.scss +15 -0
  296. package/src/lib/scss/components/select/index.scss +1 -0
  297. package/src/lib/scss/components/select/select.scss +64 -0
  298. package/src/lib/scss/components/submit/index.scss +1 -0
  299. package/src/lib/scss/components/submit/submitValidationSummary.scss +35 -0
  300. package/src/lib/scss/components/tags/index.scss +1 -0
  301. package/src/lib/scss/components/tags/tags.scss +128 -0
  302. package/src/lib/scss/components/text/index.scss +1 -0
  303. package/src/lib/scss/components/text/text.scss +42 -0
  304. package/src/lib/scss/components/textArea/index.scss +1 -0
  305. package/src/lib/scss/components/textArea/textArea.scss +32 -0
  306. package/src/lib/scss/components/time/index.scss +1 -0
  307. package/src/lib/scss/components/time/time.scss +111 -0
  308. package/src/lib/scss/components/timeSpan/index.scss +1 -0
  309. package/src/lib/scss/components/timeSpan/timeSpan.scss +115 -0
  310. package/src/lib/scss/index.scss +8 -0
  311. package/src/lib/scss/styles/base.scss +7 -0
  312. package/src/lib/scss/styles/index.scss +2 -0
  313. package/src/lib/scss/styles/react-tippy.scss +4 -0
  314. package/src/lib/scss/variables/_buttons.scss +6 -0
  315. package/src/lib/scss/variables/_colors.scss +1 -0
  316. package/src/lib/scss/variables/_common.scss +12 -0
  317. package/src/lib/tsconfig.json +19 -0
  318. package/src/lib/types/ElementOverrideProp.ts +3 -0
  319. package/src/lib/types/Theme.ts +5 -0
  320. package/src/lib/types/ThemeOverrides.ts +46 -0
  321. package/src/lib/validators/EmailValidator.ts +15 -0
  322. package/src/lib/validators/LatitudeValidator.ts +25 -0
  323. package/src/lib/validators/LongitudeValidator.ts +25 -0
  324. package/src/lib/validators/NumberValidator.ts +50 -0
  325. package/src/lib/validators/UrlValidator.ts +20 -0
  326. package/src/lib/validators/base.ts +15 -0
  327. package/src/lib/validators/index.ts +6 -0
  328. package/src/stories/Basic.stories.ts +17 -0
  329. package/src/stories/Basic.tsx +1065 -0
  330. package/src/stories/Schedule.stories.ts +16 -0
  331. package/src/stories/Schedule.tsx +85 -0
  332. package/src/stories/ValidationPage.tsx +417 -0
  333. package/tsconfig.json +9 -22
  334. package/typedoc.json +6 -0
  335. package/webpack/webpack.config.base.js +139 -0
  336. package/webpack/webpack.config.dev.js +78 -0
  337. package/webpack/webpack.config.gh-pages.js +78 -0
  338. package/webpack/webpack.config.js +21 -0
  339. package/webpack/webpack.config.min.js +100 -0
  340. package/.vscode/launch.json +0 -15
  341. package/.vscode/settings.json +0 -27
  342. package/.vscode/tasks.json +0 -12
@@ -1,47 +1,47 @@
1
- import * as React from 'react';
2
- import { FormContextState, FormComponentContextState, ComponentsDict } from './FormContext';
3
- import { ThemeContextProps } from '../themeProvider/ThemeContext';
4
- export declare type FormProps = React.PropsWithChildren<ThemeContextProps & {
5
- id?: string;
6
- className?: string;
7
- noValidate?: boolean;
8
- onSubmit?: () => void;
9
- extraComponents?: ComponentsDict;
10
- component?: keyof JSX.IntrinsicElements;
11
- onValidChanged?: (isValid: boolean, errors?: FormComponentContextState[]) => void;
12
- }>;
13
- export interface FormState {
14
- contextState: FormContextState;
15
- }
16
- export declare class Form extends React.PureComponent<FormProps, FormState> {
17
- static defaultProps: {
18
- noValidate: boolean;
19
- showExpandAll: boolean;
20
- component: keyof JSX.IntrinsicElements;
21
- };
22
- constructor(props: FormProps);
23
- componentDidUpdate(prevProps: Readonly<FormProps>, prevState: Readonly<FormState>, snapshot?: any): void;
24
- disableComponents(): void;
25
- enableComponents(): void;
26
- touchAll(): void;
27
- unTouchAll(): void;
28
- render(): JSX.Element;
29
- private mergeContext;
30
- private onSubmit;
31
- private subscribe;
32
- private unSubscribe;
33
- private getIsFormValid;
34
- private updateCallback;
35
- }
36
- declare const _default: React.ForwardRefExoticComponent<ThemeContextProps & {
37
- id?: string;
38
- className?: string;
39
- noValidate?: boolean;
40
- onSubmit?: () => void;
41
- extraComponents?: ComponentsDict;
42
- component?: keyof JSX.IntrinsicElements;
43
- onValidChanged?: (isValid: boolean, errors?: FormComponentContextState[]) => void;
44
- } & {
45
- children?: React.ReactNode;
46
- } & React.RefAttributes<Form>>;
47
- export default _default;
1
+ import * as React from 'react';
2
+ import { FormContextState, FormComponentContextState, ComponentsDict } from './FormContext';
3
+ import { ThemeContextProps } from '../themeProvider/ThemeContext';
4
+ export type FormProps = React.PropsWithChildren<ThemeContextProps & {
5
+ id?: string;
6
+ className?: string;
7
+ noValidate?: boolean;
8
+ onSubmit?: () => void;
9
+ extraComponents?: ComponentsDict;
10
+ component?: keyof JSX.IntrinsicElements;
11
+ onValidChanged?: (isValid: boolean, errors?: FormComponentContextState[]) => void;
12
+ }>;
13
+ export interface FormState {
14
+ contextState: FormContextState;
15
+ }
16
+ export declare class Form extends React.PureComponent<FormProps, FormState> {
17
+ static defaultProps: {
18
+ noValidate: boolean;
19
+ showExpandAll: boolean;
20
+ component: keyof JSX.IntrinsicElements;
21
+ };
22
+ constructor(props: FormProps);
23
+ componentDidUpdate(prevProps: Readonly<FormProps>, prevState: Readonly<FormState>, snapshot?: any): void;
24
+ disableComponents(): void;
25
+ enableComponents(): void;
26
+ touchAll(): void;
27
+ unTouchAll(): void;
28
+ render(): React.JSX.Element;
29
+ private mergeContext;
30
+ private onSubmit;
31
+ private subscribe;
32
+ private unSubscribe;
33
+ private getIsFormValid;
34
+ private updateCallback;
35
+ }
36
+ declare const _default: React.ForwardRefExoticComponent<ThemeContextProps & {
37
+ id?: string;
38
+ className?: string;
39
+ noValidate?: boolean;
40
+ onSubmit?: () => void;
41
+ extraComponents?: ComponentsDict;
42
+ component?: keyof JSX.IntrinsicElements;
43
+ onValidChanged?: (isValid: boolean, errors?: FormComponentContextState[]) => void;
44
+ } & {
45
+ children?: React.ReactNode;
46
+ } & React.RefAttributes<Form>>;
47
+ export default _default;
@@ -1,30 +1,30 @@
1
- import * as React from 'react';
2
- import { ValidationError, ComponentApi } from '../base/input';
3
- import { DeepPartial, PartialBy } from '../utils/Typescript';
4
- export declare type OmitFormContext<P extends FormContextProps> = PartialBy<P, 'formContext'>;
5
- export interface FormComponentValidationContextState {
6
- isValid: boolean;
7
- errors: ValidationError[];
8
- name: JSX.Element | string;
9
- }
10
- export interface FormComponentContextState {
11
- validation: FormComponentValidationContextState;
12
- componentApi: ComponentApi;
13
- }
14
- export interface FormContextProps {
15
- formContext?: FormContextState;
16
- }
17
- export declare type ComponentsDict = {
18
- [componentId: string]: FormComponentContextState;
19
- };
20
- export interface FormContextState {
21
- subscribe: (componentId: string, componentState: FormComponentContextState) => void;
22
- unSubscribe: (componentId: string) => void;
23
- isFormValid: boolean;
24
- updateCallback: (componentId: string, newComponentState: DeepPartial<FormComponentContextState>) => void;
25
- disableComponents: () => void;
26
- enableComponents: () => void;
27
- components: ComponentsDict;
28
- }
29
- export declare const FormContextProvider: React.Provider<FormContextState>;
30
- export declare const FormContextConsumer: React.Consumer<FormContextState>;
1
+ import * as React from 'react';
2
+ import { ValidationError, ComponentApi } from '../base/input';
3
+ import { DeepPartial, PartialBy } from '../utils/Typescript';
4
+ export type OmitFormContext<P extends FormContextProps> = PartialBy<P, 'formContext'>;
5
+ export interface FormComponentValidationContextState {
6
+ isValid: boolean;
7
+ errors: ValidationError[];
8
+ name: JSX.Element | string;
9
+ }
10
+ export interface FormComponentContextState {
11
+ validation: FormComponentValidationContextState;
12
+ componentApi: ComponentApi;
13
+ }
14
+ export interface FormContextProps {
15
+ formContext?: FormContextState;
16
+ }
17
+ export type ComponentsDict = {
18
+ [componentId: string]: FormComponentContextState;
19
+ };
20
+ export interface FormContextState {
21
+ subscribe: (componentId: string, componentState: FormComponentContextState) => void;
22
+ unSubscribe: (componentId: string) => void;
23
+ isFormValid: boolean;
24
+ updateCallback: (componentId: string, newComponentState: DeepPartial<FormComponentContextState>) => void;
25
+ disableComponents: () => void;
26
+ enableComponents: () => void;
27
+ components: ComponentsDict;
28
+ }
29
+ export declare const FormContextProvider: React.Provider<FormContextState>;
30
+ export declare const FormContextConsumer: React.Consumer<FormContextState>;
@@ -1,38 +1,38 @@
1
- import * as React from 'react';
2
- import { FormContextProps, FormComponentContextState } from './FormContext';
3
- export interface FormValidationSummaryComponentProps {
4
- componentsWithErrors: FormComponentContextState[];
5
- }
6
- export declare type FormValidationSummaryProps = {
7
- containerClassName?: string;
8
- headerClassName?: string;
9
- footerClassName?: string;
10
- title?: string | JSX.Element;
11
- footer?: string | JSX.Element;
12
- Component?: React.ComponentType<FormValidationSummaryComponentProps> | React.StatelessComponent<FormValidationSummaryComponentProps>;
13
- } & FormContextProps;
14
- export interface FormValidationSummaryState {
15
- }
16
- export declare const DefaultComponent: React.FC<FormValidationSummaryComponentProps>;
17
- export declare class FormValidationSummaryRaw extends React.PureComponent<FormValidationSummaryProps, FormValidationSummaryState> {
18
- static defaultProps: {
19
- title: string;
20
- footer: string;
21
- Component: React.FC<FormValidationSummaryComponentProps>;
22
- containerClassName: string;
23
- headerClassName: string;
24
- footerClassName: string;
25
- };
26
- componentId: string;
27
- render(): JSX.Element;
28
- }
29
- export declare const FormValidationSummary: React.ForwardRefExoticComponent<React.RefAttributes<React.Component<FormValidationSummaryProps, any, any>> & {
30
- containerClassName?: string;
31
- headerClassName?: string;
32
- footerClassName?: string;
33
- title?: string | JSX.Element;
34
- footer?: string | JSX.Element;
35
- Component?: React.ComponentType<FormValidationSummaryComponentProps> | React.StatelessComponent<FormValidationSummaryComponentProps>;
36
- } & FormContextProps & {
37
- children?: React.ReactNode;
38
- }>;
1
+ import * as React from 'react';
2
+ import { FormContextProps, FormComponentContextState } from './FormContext';
3
+ export interface FormValidationSummaryComponentProps {
4
+ componentsWithErrors: FormComponentContextState[];
5
+ }
6
+ export type FormValidationSummaryProps = {
7
+ containerClassName?: string;
8
+ headerClassName?: string;
9
+ footerClassName?: string;
10
+ title?: string | JSX.Element;
11
+ footer?: string | JSX.Element;
12
+ Component?: React.ComponentType<FormValidationSummaryComponentProps> | React.FC<FormValidationSummaryComponentProps>;
13
+ } & FormContextProps;
14
+ export interface FormValidationSummaryState {
15
+ }
16
+ export declare const DefaultComponent: React.FC<FormValidationSummaryComponentProps>;
17
+ export declare class FormValidationSummaryRaw extends React.PureComponent<FormValidationSummaryProps, FormValidationSummaryState> {
18
+ static defaultProps: {
19
+ title: string;
20
+ footer: string;
21
+ Component: React.FC<FormValidationSummaryComponentProps>;
22
+ containerClassName: string;
23
+ headerClassName: string;
24
+ footerClassName: string;
25
+ };
26
+ componentId: string;
27
+ render(): React.JSX.Element;
28
+ }
29
+ export declare const FormValidationSummary: React.ForwardRefExoticComponent<React.RefAttributes<React.Component<FormValidationSummaryProps, any, any>> & {
30
+ containerClassName?: string;
31
+ headerClassName?: string;
32
+ footerClassName?: string;
33
+ title?: string | JSX.Element;
34
+ footer?: string | JSX.Element;
35
+ Component?: React.ComponentType<FormValidationSummaryComponentProps> | React.FC<FormValidationSummaryComponentProps>;
36
+ } & FormContextProps & {
37
+ children?: React.ReactNode;
38
+ }>;
@@ -1 +1 @@
1
- {"version":3,"file":"FormValidationSummary.js","names":["React","_interopRequireWildcard","require","_Guid","_interopRequireDefault","_withFormContext","_Button","_classnames","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ArrowIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","DefaultComponent","Fragment","componentsWithErrors","map","component","index","className","validation","name","errors","err","errIndex","style","flex","componentApi","focus","scrollTo","Button","icon","circular","type","small","blank","onClick","exports","FormValidationSummaryRaw","PureComponent","constructor","arguments","componentId","guid","render","formContext","keys","components","filter","isValid","console","warn","containerClassName","classNames","headerClassName","footerClassName","length","title","Component","footer","FormValidationSummary","withFormContext"],"sources":["../../../src/lib/components/form/FormValidationSummary.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport guid from '../utils/Guid';\r\nimport { withFormContext } from './withFormContext';\r\nimport { FormContextProps, FormComponentContextState } from './FormContext';\r\nimport { Button } from './../button/Button';\r\nimport classNames from 'classnames';\r\n\r\nimport * as ArrowIcon from 'material-design-icons/maps/svg/production/ic_my_location_24px.svg';\r\n\r\nexport interface FormValidationSummaryComponentProps {\r\n componentsWithErrors: FormComponentContextState[];\r\n}\r\n\r\nexport type FormValidationSummaryProps = {\r\n containerClassName?: string;\r\n headerClassName?: string;\r\n footerClassName?: string;\r\n title?: string | JSX.Element;\r\n footer?: string | JSX.Element;\r\n Component?:\r\n | React.ComponentType<FormValidationSummaryComponentProps>\r\n | React.StatelessComponent<FormValidationSummaryComponentProps>;\r\n} & FormContextProps;\r\n\r\nexport interface FormValidationSummaryState {}\r\n\r\nexport const DefaultComponent: React.FC<FormValidationSummaryComponentProps> = props => (\r\n <React.Fragment>\r\n {props.componentsWithErrors.map((component, index) => {\r\n return (\r\n <div key={index} className=\"formValidationSummary__item\">\r\n <div className=\"formValidationSummary__item__header\">\r\n {component.validation.name ? component.validation.name : 'unknown'}\r\n </div>\r\n <div className=\"formValidationSummary__item__errors\">\r\n {component.validation.errors &&\r\n component.validation.errors.map((err, errIndex) => (\r\n <span\r\n className=\"formValidationSummary__item__error\"\r\n key={errIndex}\r\n >\r\n {err}\r\n </span>\r\n ))}\r\n </div>\r\n <div style={{ flex: 'auto' }} />\r\n {component.componentApi &&\r\n component.componentApi.focus &&\r\n component.componentApi.scrollTo && (\r\n <Button\r\n icon={true}\r\n className=\"formValidationSummary__item__locate-button\"\r\n circular={true}\r\n type=\"error\"\r\n small={true}\r\n blank={true}\r\n onClick={() => {\r\n component.componentApi.scrollTo();\r\n component.componentApi.focus();\r\n }}\r\n >\r\n <ArrowIcon />\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </React.Fragment>\r\n);\r\n\r\nexport class FormValidationSummaryRaw extends React.PureComponent<\r\n FormValidationSummaryProps,\r\n FormValidationSummaryState\r\n> {\r\n public static defaultProps = {\r\n title: 'Hang on',\r\n footer: '... needs fixing',\r\n Component: DefaultComponent,\r\n containerClassName: 'formValidationSummary',\r\n headerClassName: 'formValidationSummary__header',\r\n footerClassName: 'formValidationSummary__footer',\r\n };\r\n\r\n public componentId = guid();\r\n\r\n public render() {\r\n const componentsWithErrors = this.props.formContext\r\n ? Object.keys(this.props.formContext.components)\r\n .map(key => this.props.formContext.components[key])\r\n .filter(component => {\r\n if (!component.validation.isValid && !component.validation.name) {\r\n console.warn(\r\n component,\r\n 'Has validation error. FormValidationSummary is present but the component has no validation name'\r\n );\r\n }\r\n return !component.validation.isValid;\r\n })\r\n : [];\r\n const containerClassName = classNames(this.props.containerClassName);\r\n const headerClassName = classNames(this.props.headerClassName);\r\n const footerClassName = classNames(this.props.footerClassName);\r\n return (\r\n componentsWithErrors.length > 0 && (\r\n <div className={containerClassName}>\r\n {this.props.title && (\r\n <div className={headerClassName}>{this.props.title}</div>\r\n )}\r\n <this.props.Component componentsWithErrors={componentsWithErrors} />\r\n {this.props.footer && (\r\n <div className={footerClassName}>{this.props.footer}</div>\r\n )}\r\n </div>\r\n )\r\n );\r\n }\r\n}\r\n\r\nexport const FormValidationSummary = withFormContext<\r\n FormValidationSummaryProps\r\n>(FormValidationSummaryRaw);\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormValidationSummary.js","names":["React","_interopRequireWildcard","require","_Guid","_interopRequireDefault","_withFormContext","_Button","_classnames","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ArrowIcon","props","createElement","d","defaultProps","xmlns","width","height","viewBox","DefaultComponent","Fragment","componentsWithErrors","map","component","index","className","validation","name","errors","err","errIndex","style","flex","componentApi","focus","scrollTo","Button","icon","circular","type","small","blank","onClick","exports","FormValidationSummaryRaw","PureComponent","constructor","arguments","componentId","guid","render","formContext","keys","components","filter","isValid","console","warn","containerClassName","classNames","headerClassName","footerClassName","length","title","Component","footer","FormValidationSummary","withFormContext"],"sources":["../../../src/lib/components/form/FormValidationSummary.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport guid from '../utils/Guid';\r\nimport { withFormContext } from './withFormContext';\r\nimport { FormContextProps, FormComponentContextState } from './FormContext';\r\nimport { Button } from './../button/Button';\r\nimport classNames from 'classnames';\r\n\r\nimport * as ArrowIcon from 'material-design-icons/maps/svg/production/ic_my_location_24px.svg';\r\n\r\nexport interface FormValidationSummaryComponentProps {\r\n componentsWithErrors: FormComponentContextState[];\r\n}\r\n\r\nexport type FormValidationSummaryProps = {\r\n containerClassName?: string;\r\n headerClassName?: string;\r\n footerClassName?: string;\r\n title?: string | JSX.Element;\r\n footer?: string | JSX.Element;\r\n Component?:\r\n | React.ComponentType<FormValidationSummaryComponentProps>\r\n | React.FC<FormValidationSummaryComponentProps>;\r\n} & FormContextProps;\r\n\r\nexport interface FormValidationSummaryState {}\r\n\r\nexport const DefaultComponent: React.FC<FormValidationSummaryComponentProps> = (\r\n props\r\n) => (\r\n <React.Fragment>\r\n {props.componentsWithErrors.map((component, index) => {\r\n return (\r\n <div key={index} className=\"formValidationSummary__item\">\r\n <div className=\"formValidationSummary__item__header\">\r\n {component.validation.name ? component.validation.name : 'unknown'}\r\n </div>\r\n <div className=\"formValidationSummary__item__errors\">\r\n {component.validation.errors &&\r\n component.validation.errors.map((err, errIndex) => (\r\n <span\r\n className=\"formValidationSummary__item__error\"\r\n key={errIndex}\r\n >\r\n {err}\r\n </span>\r\n ))}\r\n </div>\r\n <div style={{ flex: 'auto' }} />\r\n {component.componentApi &&\r\n component.componentApi.focus &&\r\n component.componentApi.scrollTo && (\r\n <Button\r\n icon={true}\r\n className=\"formValidationSummary__item__locate-button\"\r\n circular={true}\r\n type=\"error\"\r\n small={true}\r\n blank={true}\r\n onClick={() => {\r\n component.componentApi.scrollTo();\r\n component.componentApi.focus();\r\n }}\r\n >\r\n <ArrowIcon />\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </React.Fragment>\r\n);\r\n\r\nexport class FormValidationSummaryRaw extends React.PureComponent<\r\n FormValidationSummaryProps,\r\n FormValidationSummaryState\r\n> {\r\n public static defaultProps = {\r\n title: 'Hang on',\r\n footer: '... needs fixing',\r\n Component: DefaultComponent,\r\n containerClassName: 'formValidationSummary',\r\n headerClassName: 'formValidationSummary__header',\r\n footerClassName: 'formValidationSummary__footer',\r\n };\r\n\r\n public componentId = guid();\r\n\r\n public render() {\r\n const componentsWithErrors = this.props.formContext\r\n ? Object.keys(this.props.formContext.components)\r\n .map((key) => this.props.formContext.components[key])\r\n .filter((component) => {\r\n if (!component.validation.isValid && !component.validation.name) {\r\n console.warn(\r\n component,\r\n 'Has validation error. FormValidationSummary is present but the component has no validation name'\r\n );\r\n }\r\n return !component.validation.isValid;\r\n })\r\n : [];\r\n const containerClassName = classNames(this.props.containerClassName);\r\n const headerClassName = classNames(this.props.headerClassName);\r\n const footerClassName = classNames(this.props.footerClassName);\r\n return (\r\n componentsWithErrors.length > 0 && (\r\n <div className={containerClassName}>\r\n {this.props.title && (\r\n <div className={headerClassName}>{this.props.title}</div>\r\n )}\r\n <this.props.Component componentsWithErrors={componentsWithErrors} />\r\n {this.props.footer && (\r\n <div className={footerClassName}>{this.props.footer}</div>\r\n )}\r\n </div>\r\n )\r\n );\r\n }\r\n}\r\n\r\nexport const FormValidationSummary =\r\n withFormContext<FormValidationSummaryProps>(FormValidationSummaryRaw);\r\n"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- export * from './Form';
2
- export * from './FormValidationSummary';
3
- export * from './FormContext';
4
- export * from './withFormContext';
5
- export { default } from './Form';
1
+ export * from './Form';
2
+ export * from './FormValidationSummary';
3
+ export * from './FormContext';
4
+ export * from './withFormContext';
5
+ export { default } from './Form';
@@ -1,3 +1,3 @@
1
- import * as React from 'react';
2
- import { FormContextProps } from './FormContext';
3
- export declare function withFormContext<P extends FormContextProps>(Component: React.ComponentClass<P>): React.ForwardRefExoticComponent<React.RefAttributes<InstanceType<typeof Component>> & React.PropsWithoutRef<React.PropsWithChildren<P>>>;
1
+ import * as React from 'react';
2
+ import { FormContextProps } from './FormContext';
3
+ export declare function withFormContext<P extends FormContextProps>(Component: React.ComponentClass<P>): React.ForwardRefExoticComponent<React.RefAttributes<InstanceType<typeof Component>> & React.PropsWithoutRef<React.PropsWithChildren<P>>>;
@@ -1,17 +1,15 @@
1
- import * as React from 'react';
2
- import { BaseInputProps, BaseInputState, BaseInput } from '../base/input/BaseInput';
3
- import { ThemeContextProps } from '../themeProvider/ThemeContext';
4
- export declare type InputGroupProps = React.PropsWithChildren<Pick<BaseInputProps<never>, 'title' | 'className' | 'tooltip' | 'formContext'> & ThemeContextProps>;
5
- export interface InputGroupState extends BaseInputState {
6
- }
7
- export declare class InputGroup extends BaseInput<InputGroupProps, InputGroupState, never> {
8
- static defaultProps: any;
9
- constructor(props: InputGroupProps);
10
- render(): React.ReactNode;
11
- }
12
- declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps<never, Partial<{
13
- required: string;
14
- }>>, "formContext" | "className" | "tooltip" | "title"> & ThemeContextProps & {
15
- children?: React.ReactNode;
16
- } & React.RefAttributes<InputGroup>>;
17
- export default _default;
1
+ import * as React from 'react';
2
+ import { BaseInputProps, BaseInputState, BaseInput } from '../base/input/BaseInput';
3
+ import { ThemeContextProps } from '../themeProvider/ThemeContext';
4
+ export type InputGroupProps = React.PropsWithChildren<Pick<BaseInputProps<never>, 'title' | 'className' | 'tooltip' | 'formContext'> & ThemeContextProps>;
5
+ export interface InputGroupState extends BaseInputState {
6
+ }
7
+ export declare class InputGroup extends BaseInput<InputGroupProps, InputGroupState, never> {
8
+ static defaultProps: any;
9
+ constructor(props: InputGroupProps);
10
+ render(): string | number | boolean | React.JSX.Element | React.ReactFragment;
11
+ }
12
+ declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps<never>, "formContext" | "className" | "tooltip" | "title"> & ThemeContextProps & {
13
+ children?: React.ReactNode;
14
+ } & React.RefAttributes<InputGroup>>;
15
+ export default _default;
@@ -1,2 +1,2 @@
1
- export * from './InputGroup';
2
- export { default } from './InputGroup';
1
+ export * from './InputGroup';
2
+ export { default } from './InputGroup';
@@ -1,97 +1,97 @@
1
- import * as React from 'react';
2
- import { ButtonProps } from '../button/Button';
3
- import { OmitInputHeaderContext, InputHeaderContextProps, InputHeaderContextState } from '../inputHeader/InputHeaderContext';
4
- import type { TippyProps } from '@tippy.js/react';
5
- import { ThemeContextProps } from '../themeProvider/ThemeContext';
6
- export declare type InputHeaderRawProps = React.PropsWithChildren<{
7
- onExpanded?: () => void;
8
- onCollapsed?: () => void;
9
- onChange?: (collapsed: boolean) => void;
10
- className?: string;
11
- title?: string | JSX.Element;
12
- icon?: string | JSX.Element;
13
- subTitle?: string | JSX.Element;
14
- mainButton?: JSX.Element;
15
- extraButtons?: JSX.Element[];
16
- collapsible?: boolean;
17
- collapsed?: boolean;
18
- collapsedDefault?: boolean;
19
- ignoreContext?: boolean;
20
- showExpandAll?: boolean;
21
- type?: 'hero' | 'standard' | 'small';
22
- noBg?: boolean;
23
- headerClassName?: string;
24
- contentClassName?: string;
25
- extraButtonsButtonProps?: ButtonProps;
26
- collapseButtonsButtonProps?: ButtonProps;
27
- shouldToggleCollapseOnHeaderClick?: boolean;
28
- mountOnEnter?: boolean;
29
- unmountOnExit?: boolean;
30
- tooltip?: string | JSX.Element;
31
- tooltipProps?: TippyProps;
32
- stopsPropagation?: boolean;
33
- } & InputHeaderContextProps & ThemeContextProps>;
34
- export declare type InputHeaderProps = OmitInputHeaderContext<InputHeaderRawProps>;
35
- export interface InputHeaderApi {
36
- expand: () => void;
37
- collapse: () => void;
38
- toggle: () => void;
39
- }
40
- export interface InputHeaderState {
41
- collapsed: boolean;
42
- inputHeaderContext: InputHeaderContextState;
43
- }
44
- export declare class InputHeaderRaw extends React.PureComponent<InputHeaderRawProps, InputHeaderState> implements InputHeaderApi {
45
- static defaultProps: InputHeaderProps;
46
- componentId: string;
47
- constructor(props: InputHeaderRawProps);
48
- componentWillUnmount(): void;
49
- componentDidMount(): void;
50
- expand(): void;
51
- collapse(): void;
52
- toggle(): void;
53
- render(): JSX.Element;
54
- private toggleClick;
55
- private registerInputHeader;
56
- private unregisterInputHeader;
57
- private getTypeClass;
58
- private mainButtonClick;
59
- private renderExtraButtons;
60
- private renderCollapseExpandAll;
61
- private containerClick;
62
- private expandAllClick;
63
- private collapseAllClick;
64
- private renderTitle;
65
- private renderTooltip;
66
- }
67
- export declare const InputHeader: React.ForwardRefExoticComponent<{
68
- onExpanded?: () => void;
69
- onCollapsed?: () => void;
70
- onChange?: (collapsed: boolean) => void;
71
- className?: string;
72
- title?: string | JSX.Element;
73
- icon?: string | JSX.Element;
74
- subTitle?: string | JSX.Element;
75
- mainButton?: JSX.Element;
76
- extraButtons?: JSX.Element[];
77
- collapsible?: boolean;
78
- collapsed?: boolean;
79
- collapsedDefault?: boolean;
80
- ignoreContext?: boolean;
81
- showExpandAll?: boolean;
82
- type?: 'hero' | 'standard' | 'small';
83
- noBg?: boolean;
84
- headerClassName?: string;
85
- contentClassName?: string;
86
- extraButtonsButtonProps?: ButtonProps;
87
- collapseButtonsButtonProps?: ButtonProps;
88
- shouldToggleCollapseOnHeaderClick?: boolean;
89
- mountOnEnter?: boolean;
90
- unmountOnExit?: boolean;
91
- tooltip?: string | JSX.Element;
92
- tooltipProps?: TippyProps;
93
- stopsPropagation?: boolean;
94
- } & InputHeaderContextProps & ThemeContextProps & {
95
- children?: React.ReactNode;
96
- } & React.RefAttributes<InputHeaderRaw>>;
97
- export default InputHeader;
1
+ import * as React from 'react';
2
+ import { ButtonProps } from '../button/Button';
3
+ import { OmitInputHeaderContext, InputHeaderContextProps, InputHeaderContextState } from '../inputHeader/InputHeaderContext';
4
+ import type { TippyProps } from '@tippy.js/react';
5
+ import { ThemeContextProps } from '../themeProvider/ThemeContext';
6
+ export type InputHeaderRawProps = React.PropsWithChildren<{
7
+ onExpanded?: () => void;
8
+ onCollapsed?: () => void;
9
+ onChange?: (collapsed: boolean) => void;
10
+ className?: string;
11
+ title?: string | JSX.Element;
12
+ icon?: string | JSX.Element;
13
+ subTitle?: string | JSX.Element;
14
+ mainButton?: JSX.Element;
15
+ extraButtons?: JSX.Element[];
16
+ collapsible?: boolean;
17
+ collapsed?: boolean;
18
+ collapsedDefault?: boolean;
19
+ ignoreContext?: boolean;
20
+ showExpandAll?: boolean;
21
+ type?: 'hero' | 'standard' | 'small';
22
+ noBg?: boolean;
23
+ headerClassName?: string;
24
+ contentClassName?: string;
25
+ extraButtonsButtonProps?: ButtonProps;
26
+ collapseButtonsButtonProps?: ButtonProps;
27
+ shouldToggleCollapseOnHeaderClick?: boolean;
28
+ mountOnEnter?: boolean;
29
+ unmountOnExit?: boolean;
30
+ tooltip?: string | JSX.Element;
31
+ tooltipProps?: TippyProps;
32
+ stopsPropagation?: boolean;
33
+ } & InputHeaderContextProps & ThemeContextProps>;
34
+ export type InputHeaderProps = OmitInputHeaderContext<InputHeaderRawProps>;
35
+ export interface InputHeaderApi {
36
+ expand: () => void;
37
+ collapse: () => void;
38
+ toggle: () => void;
39
+ }
40
+ export interface InputHeaderState {
41
+ collapsed: boolean;
42
+ inputHeaderContext: InputHeaderContextState;
43
+ }
44
+ export declare class InputHeaderRaw extends React.PureComponent<InputHeaderRawProps, InputHeaderState> implements InputHeaderApi {
45
+ static defaultProps: InputHeaderProps;
46
+ componentId: string;
47
+ constructor(props: InputHeaderRawProps);
48
+ componentWillUnmount(): void;
49
+ componentDidMount(): void;
50
+ expand(): void;
51
+ collapse(): void;
52
+ toggle(): void;
53
+ render(): React.JSX.Element;
54
+ private toggleClick;
55
+ private registerInputHeader;
56
+ private unregisterInputHeader;
57
+ private getTypeClass;
58
+ private mainButtonClick;
59
+ private renderExtraButtons;
60
+ private renderCollapseExpandAll;
61
+ private containerClick;
62
+ private expandAllClick;
63
+ private collapseAllClick;
64
+ private renderTitle;
65
+ private renderTooltip;
66
+ }
67
+ export declare const InputHeader: React.ForwardRefExoticComponent<{
68
+ onExpanded?: () => void;
69
+ onCollapsed?: () => void;
70
+ onChange?: (collapsed: boolean) => void;
71
+ className?: string;
72
+ title?: string | JSX.Element;
73
+ icon?: string | JSX.Element;
74
+ subTitle?: string | JSX.Element;
75
+ mainButton?: JSX.Element;
76
+ extraButtons?: JSX.Element[];
77
+ collapsible?: boolean;
78
+ collapsed?: boolean;
79
+ collapsedDefault?: boolean;
80
+ ignoreContext?: boolean;
81
+ showExpandAll?: boolean;
82
+ type?: 'hero' | 'standard' | 'small';
83
+ noBg?: boolean;
84
+ headerClassName?: string;
85
+ contentClassName?: string;
86
+ extraButtonsButtonProps?: ButtonProps;
87
+ collapseButtonsButtonProps?: ButtonProps;
88
+ shouldToggleCollapseOnHeaderClick?: boolean;
89
+ mountOnEnter?: boolean;
90
+ unmountOnExit?: boolean;
91
+ tooltip?: string | JSX.Element;
92
+ tooltipProps?: TippyProps;
93
+ stopsPropagation?: boolean;
94
+ } & InputHeaderContextProps & ThemeContextProps & {
95
+ children?: React.ReactNode;
96
+ } & React.RefAttributes<InputHeaderRaw>>;
97
+ export default InputHeader;