@arquimedes.co/eureka-forms 3.0.32 → 3.0.33-test

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 (410) hide show
  1. package/dist/@Types/Condition.d.ts +4 -6
  2. package/dist/@Types/Form.d.ts +0 -1
  3. package/dist/@Types/FormStep.d.ts +8 -12
  4. package/dist/@Types/GenericFormSteps.d.ts +8 -0
  5. package/dist/App/App.d.ts +1 -3
  6. package/dist/App/App.js +21 -46
  7. package/dist/App/AppFunctions.d.ts +1 -1
  8. package/dist/App/AppFunctions.js +177 -336
  9. package/dist/App/AppFunctions.test.js +708 -0
  10. package/dist/App/AppHooks.d.ts +2 -2
  11. package/dist/App/AppHooks.js +146 -252
  12. package/dist/App/AppHooks.test.js +154 -0
  13. package/dist/Contexts/CustomContext.d.ts +0 -1
  14. package/dist/Contexts/CustomContext.js +1 -1
  15. package/dist/Contexts/FormContext.d.ts +1 -1
  16. package/dist/Contexts/FormContext.js +3 -2
  17. package/dist/Contexts/SectionContext.d.ts +0 -1
  18. package/dist/Contexts/SectionContext.js +1 -1
  19. package/dist/Form/ConfirmationDialog/ConfirmationDialog.d.ts +1 -2
  20. package/dist/Form/ConfirmationDialog/ConfirmationDialog.js +36 -62
  21. package/dist/Form/Form.d.ts +1 -2
  22. package/dist/Form/Form.js +71 -164
  23. package/dist/Form/Form.module.css +0 -9
  24. package/dist/Form/FormFunctions.js +63 -112
  25. package/dist/Form/FormFunctions.test.js +458 -0
  26. package/dist/Form/FormHooks.d.ts +0 -1
  27. package/dist/Form/FormHooks.js +13 -21
  28. package/dist/Form/FormTypes/ColumnForm/ColumnForm.d.ts +0 -1
  29. package/dist/Form/FormTypes/ColumnForm/ColumnForm.js +32 -105
  30. package/dist/Form/FormTypes/StepperForm/StepperForm.d.ts +1 -2
  31. package/dist/Form/FormTypes/StepperForm/StepperForm.js +46 -110
  32. package/dist/Form/Section/MaterialSection/MaterialSection.d.ts +0 -1
  33. package/dist/Form/Section/MaterialSection/MaterialSection.js +10 -23
  34. package/dist/Form/Section/MaterialSection/MaterialSection.module.css +0 -2
  35. package/dist/Form/Section/Section.d.ts +0 -1
  36. package/dist/Form/Section/Section.js +4 -15
  37. package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.d.ts +0 -1
  38. package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.js +30 -65
  39. package/dist/Form/Terms/Term/Term.d.ts +0 -1
  40. package/dist/Form/Terms/Term/Term.js +2 -13
  41. package/dist/Form/Terms/Terms.d.ts +0 -1
  42. package/dist/Form/Terms/Terms.js +11 -27
  43. package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.d.ts +0 -1
  44. package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js +34 -107
  45. package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.d.ts +0 -1
  46. package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.js +2 -13
  47. package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.d.ts +0 -1
  48. package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js +12 -40
  49. package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.d.ts +0 -1
  50. package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js +56 -77
  51. package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.d.ts +0 -1
  52. package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.js +45 -115
  53. package/dist/FormSteps/AYFStepMapper.d.ts +0 -1
  54. package/dist/FormSteps/AYFStepMapper.js +60 -137
  55. package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.d.ts +0 -1
  56. package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js +2 -13
  57. package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.d.ts +0 -1
  58. package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.js +64 -173
  59. package/dist/FormSteps/CBRStepMapper.d.ts +0 -1
  60. package/dist/FormSteps/CBRStepMapper.js +56 -168
  61. package/dist/FormSteps/CheckBoxStep/CheckBoxStep.d.ts +0 -1
  62. package/dist/FormSteps/CheckBoxStep/CheckBoxStep.js +2 -13
  63. package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts +0 -1
  64. package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js +19 -37
  65. package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.d.ts +0 -1
  66. package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.js +2 -13
  67. package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.d.ts +1 -2
  68. package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js +44 -81
  69. package/dist/FormSteps/CollapsibleStep/CollapsibleStep.d.ts +0 -1
  70. package/dist/FormSteps/CollapsibleStep/CollapsibleStep.js +3 -26
  71. package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.d.ts +0 -1
  72. package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.js +31 -61
  73. package/dist/FormSteps/CustomStep.d.ts +0 -1
  74. package/dist/FormSteps/CustomStep.js +17 -31
  75. package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.d.ts +10 -0
  76. package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.js +14 -0
  77. package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.d.ts +3 -0
  78. package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.js +34 -0
  79. package/dist/FormSteps/DatePickerStep/DatePickerStep.d.ts +1 -2
  80. package/dist/FormSteps/DatePickerStep/DatePickerStep.js +2 -13
  81. package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.d.ts +1 -2
  82. package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js +9 -20
  83. package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.d.ts +0 -1
  84. package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.js +2 -13
  85. package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.d.ts +0 -1
  86. package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.js +16 -32
  87. package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.d.ts +1 -2
  88. package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js +106 -300
  89. package/dist/FormSteps/FileUploadStep/FileUploadStep.d.ts +0 -1
  90. package/dist/FormSteps/FileUploadStep/FileUploadStep.js +2 -13
  91. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.d.ts +0 -1
  92. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.js +33 -95
  93. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.d.ts +2 -0
  94. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.js +3 -0
  95. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.d.ts +0 -2
  96. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js +85 -180
  97. package/dist/FormSteps/MapperStep/MapperStep.d.ts +0 -1
  98. package/dist/FormSteps/MapperStep/MapperStep.js +2 -13
  99. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.d.ts +0 -1
  100. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.js +16 -38
  101. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/MapperElementComponent.js +20 -31
  102. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.d.ts +0 -1
  103. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.js +85 -175
  104. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.d.ts +0 -1
  105. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.js +20 -47
  106. package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.d.ts +0 -1
  107. package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.js +70 -115
  108. package/dist/FormSteps/PhoneInputStep/MaterialTextInputStep/MaterialPhoneInputStep.d.ts +1 -2
  109. package/dist/FormSteps/PhoneInputStep/MaterialTextInputStep/MaterialPhoneInputStep.js +15 -33
  110. package/dist/FormSteps/PhoneInputStep/PhoneInputStep.d.ts +0 -1
  111. package/dist/FormSteps/PhoneInputStep/PhoneInputStep.js +2 -13
  112. package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.d.ts +0 -1
  113. package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.js +17 -31
  114. package/dist/FormSteps/RatingStep/RatingStep.d.ts +0 -1
  115. package/dist/FormSteps/RatingStep/RatingStep.js +2 -13
  116. package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.d.ts +0 -1
  117. package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js +31 -61
  118. package/dist/FormSteps/SelectorStep/SelectorStep.d.ts +0 -1
  119. package/dist/FormSteps/SelectorStep/SelectorStep.js +2 -13
  120. package/dist/FormSteps/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.d.ts +0 -1
  121. package/dist/FormSteps/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.js +2 -3
  122. package/dist/FormSteps/SeparatorStep/SeparatorStep.d.ts +0 -1
  123. package/dist/FormSteps/SeparatorStep/SeparatorStep.js +2 -13
  124. package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.d.ts +1 -2
  125. package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js +73 -155
  126. package/dist/FormSteps/SmartSelectStep/SmartSelectStep.d.ts +7 -7
  127. package/dist/FormSteps/SmartSelectStep/SmartSelectStep.js +2 -13
  128. package/dist/FormSteps/Step.d.ts +0 -1
  129. package/dist/FormSteps/Step.js +33 -58
  130. package/dist/FormSteps/StepFunctions.d.ts +4 -6
  131. package/dist/FormSteps/StepFunctions.js +153 -208
  132. package/dist/FormSteps/StepFunctions.test.js +702 -0
  133. package/dist/FormSteps/StepHooks.d.ts +68 -14
  134. package/dist/FormSteps/StepHooks.js +88 -154
  135. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/DraftEditor.css +18 -20
  136. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.d.ts +0 -1
  137. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js +36 -74
  138. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts +1 -2
  139. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js +12 -28
  140. package/dist/FormSteps/TextAreaStep/TextAreaStep.d.ts +0 -1
  141. package/dist/FormSteps/TextAreaStep/TextAreaStep.js +3 -14
  142. package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts +1 -2
  143. package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js +12 -30
  144. package/dist/FormSteps/TextInputStep/TextInputStep.d.ts +1 -2
  145. package/dist/FormSteps/TextInputStep/TextInputStep.js +2 -13
  146. package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.d.ts +1 -2
  147. package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js +9 -26
  148. package/dist/FormSteps/TimePickerStep/TimePickerStep.d.ts +0 -1
  149. package/dist/FormSteps/TimePickerStep/TimePickerStep.js +2 -13
  150. package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.d.ts +0 -1
  151. package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js +21 -54
  152. package/dist/FormSteps/TitleStep/TitleStep.d.ts +0 -1
  153. package/dist/FormSteps/TitleStep/TitleStep.js +2 -13
  154. package/dist/FormSteps/Utils/@StepFiller/StepFiller.d.ts +1 -2
  155. package/dist/FormSteps/Utils/@StepFiller/StepFiller.js +14 -27
  156. package/dist/FormSteps/Utils/@StepFiller/StepFillerContext.d.ts +1 -0
  157. package/dist/FormSteps/Utils/@StepFiller/StepFillerContext.js +2 -0
  158. package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.d.ts +2 -3
  159. package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.js +8 -23
  160. package/dist/Icons/@ErkIcon.d.ts +14 -0
  161. package/dist/Icons/@ErkIcon.js +9 -0
  162. package/dist/Icons/ArrowLeftIcon.d.ts +3 -0
  163. package/dist/Icons/ArrowLeftIcon.js +7 -0
  164. package/dist/Icons/ArrowRightIcon.d.ts +3 -0
  165. package/dist/Icons/ArrowRightIcon.js +7 -0
  166. package/dist/Icons/CalendarIcon.d.ts +2 -3
  167. package/dist/Icons/CalendarIcon.js +4 -14
  168. package/dist/Icons/CheckCircleIcon.d.ts +3 -0
  169. package/dist/Icons/CheckCircleIcon.js +7 -0
  170. package/dist/Icons/CheckboxCheckedIcon.d.ts +3 -0
  171. package/dist/Icons/CheckboxCheckedIcon.js +7 -0
  172. package/dist/Icons/CheckboxUncheckedIcon.d.ts +3 -0
  173. package/dist/Icons/CheckboxUncheckedIcon.js +7 -0
  174. package/dist/Icons/ClockIcon.d.ts +3 -0
  175. package/dist/Icons/ClockIcon.js +7 -0
  176. package/dist/Icons/CloseIcon.d.ts +3 -0
  177. package/dist/Icons/CloseIcon.js +7 -0
  178. package/dist/Icons/Construction/LeakIcon.d.ts +2 -2
  179. package/dist/Icons/Construction/LeakIcon.js +3 -13
  180. package/dist/Icons/Construction/ProjectIcon.d.ts +2 -2
  181. package/dist/Icons/Construction/ProjectIcon.js +3 -13
  182. package/dist/Icons/Construction/PropertyIcon.d.ts +2 -2
  183. package/dist/Icons/Construction/PropertyIcon.js +3 -13
  184. package/dist/Icons/Construction/SpaceIcon.d.ts +2 -2
  185. package/dist/Icons/Construction/SpaceIcon.js +3 -13
  186. package/dist/Icons/DeleteIcon.d.ts +3 -0
  187. package/dist/Icons/DeleteIcon.js +7 -0
  188. package/dist/Icons/DocumentIcon.d.ts +2 -2
  189. package/dist/Icons/DocumentIcon.js +3 -13
  190. package/dist/Icons/Entities/CheckListIcon.d.ts +2 -2
  191. package/dist/Icons/Entities/CheckListIcon.js +3 -13
  192. package/dist/Icons/Entities/GenericEntityIcon.d.ts +2 -2
  193. package/dist/Icons/Entities/GenericEntityIcon.js +5 -15
  194. package/dist/Icons/Entities/HandshakeIcon.d.ts +2 -2
  195. package/dist/Icons/Entities/HandshakeIcon.js +5 -15
  196. package/dist/Icons/Entities/SupplierIcon.d.ts +2 -2
  197. package/dist/Icons/Entities/SupplierIcon.js +5 -15
  198. package/dist/Icons/Entities/WorkIcon.d.ts +3 -0
  199. package/dist/Icons/Entities/WorkIcon.js +7 -0
  200. package/dist/Icons/ErrorIcon.d.ts +3 -0
  201. package/dist/Icons/ErrorIcon.js +7 -0
  202. package/dist/Icons/ExpandLessIcon.d.ts +3 -0
  203. package/dist/Icons/ExpandLessIcon.js +7 -0
  204. package/dist/Icons/ExpandMoreIcon.d.ts +3 -0
  205. package/dist/Icons/ExpandMoreIcon.js +7 -0
  206. package/dist/Icons/FileIcon.d.ts +3 -0
  207. package/dist/Icons/FileIcon.js +7 -0
  208. package/dist/Icons/InfoIcon.d.ts +3 -0
  209. package/dist/Icons/InfoIcon.js +7 -0
  210. package/dist/Icons/LocationIcon.d.ts +2 -3
  211. package/dist/Icons/LocationIcon.js +4 -14
  212. package/dist/Icons/PersonIcon.d.ts +2 -3
  213. package/dist/Icons/PersonIcon.js +6 -16
  214. package/dist/Icons/Ratings/DislikeIcon.d.ts +3 -0
  215. package/dist/Icons/Ratings/DislikeIcon.js +7 -0
  216. package/dist/Icons/Ratings/DissatisfiedIcon.d.ts +3 -0
  217. package/dist/Icons/Ratings/DissatisfiedIcon.js +7 -0
  218. package/dist/Icons/Ratings/LikeIcon.d.ts +3 -0
  219. package/dist/Icons/Ratings/LikeIcon.js +7 -0
  220. package/dist/Icons/Ratings/SatisfiedIcon.d.ts +3 -0
  221. package/dist/Icons/Ratings/SatisfiedIcon.js +7 -0
  222. package/dist/Icons/Ratings/StarIcon.d.ts +3 -0
  223. package/dist/Icons/Ratings/StarIcon.js +7 -0
  224. package/dist/Icons/Ratings/VeryDissatisfiedIcon.d.ts +3 -0
  225. package/dist/Icons/Ratings/VeryDissatisfiedIcon.js +7 -0
  226. package/dist/Icons/Ratings/VerySatisfiedIcon.d.ts +3 -0
  227. package/dist/Icons/Ratings/VerySatisfiedIcon.js +7 -0
  228. package/dist/Icons/WarningIcon.d.ts +3 -0
  229. package/dist/Icons/WarningIcon.js +7 -0
  230. package/dist/Init.d.ts +1 -0
  231. package/dist/Init.js +2 -0
  232. package/dist/Services/DraftService.d.ts +14 -14
  233. package/dist/Services/DraftService.js +22 -72
  234. package/dist/Services/FileService.d.ts +1 -1
  235. package/dist/Services/FileService.js +29 -86
  236. package/dist/Services/FormService.js +11 -56
  237. package/dist/Services/OrganizationService.js +11 -62
  238. package/dist/Shared/CustomBtn/CustomBtn.d.ts +1 -2
  239. package/dist/Shared/CustomBtn/CustomBtn.js +24 -88
  240. package/dist/Shared/ErkButton/ErkButton.d.ts +25 -0
  241. package/dist/Shared/ErkButton/ErkButton.js +31 -0
  242. package/dist/Shared/ErkButton/ErkButton.stories.d.ts +16 -0
  243. package/dist/Shared/ErkButton/ErkButton.stories.js +28 -0
  244. package/dist/Shared/ErkCheckbox/ErkCheckBox.d.ts +19 -0
  245. package/dist/Shared/ErkCheckbox/ErkCheckBox.js +31 -0
  246. package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.d.ts +13 -0
  247. package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.js +34 -0
  248. package/dist/Shared/ErkDatePicker/ErkDatePicker.d.ts +18 -0
  249. package/dist/Shared/ErkDatePicker/ErkDatePicker.js +266 -0
  250. package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.d.ts +23 -0
  251. package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.js +98 -0
  252. package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.d.ts +18 -0
  253. package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.js +162 -0
  254. package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.stories.d.ts +36 -0
  255. package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.stories.js +274 -0
  256. package/dist/Shared/ErkMenuItem.d.ts +4 -0
  257. package/dist/Shared/ErkMenuItem.js +18 -0
  258. package/dist/Shared/ErkPhoneInput/EkrPhoneInput.d.ts +17 -0
  259. package/dist/Shared/ErkPhoneInput/EkrPhoneInput.js +96 -0
  260. package/dist/Shared/ErkSelect/ErkSelect.d.ts +52 -0
  261. package/dist/Shared/ErkSelect/ErkSelect.js +141 -0
  262. package/dist/Shared/ErkSelect/ErkSelect.stories.d.ts +21 -0
  263. package/dist/Shared/ErkSelect/ErkSelect.stories.js +87 -0
  264. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.d.ts +28 -0
  265. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js +54 -0
  266. package/dist/Shared/{RoundedSmartSelect/RoundedSmartSelect.stories.d.ts → ErkSmartSelect/ErkSmartSelect.stories.d.ts} +3 -13
  267. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.stories.js +159 -0
  268. package/dist/Shared/ErkTextField/ErkTextField.d.ts +34 -0
  269. package/dist/Shared/ErkTextField/ErkTextField.js +146 -0
  270. package/dist/Shared/{RoundedTextField/RoundedTextField.stories.d.ts → ErkTextField/ErkTextField.stories.d.ts} +4 -17
  271. package/dist/Shared/ErkTextField/ErkTextField.stories.js +99 -0
  272. package/dist/Shared/ErkTimePicker/ErkTimePicker.d.ts +32 -0
  273. package/dist/Shared/ErkTimePicker/ErkTimePicker.js +107 -0
  274. package/dist/Shared/InputIcon/InputIcon.d.ts +3 -3
  275. package/dist/Shared/InputIcon/InputIcon.js +29 -112
  276. package/dist/Shared/Loader/Loader.d.ts +0 -1
  277. package/dist/Shared/Loader/Loader.js +6 -18
  278. package/dist/Shared/Navbar/Navbar.d.ts +1 -3
  279. package/dist/Shared/Navbar/Navbar.js +3 -96
  280. package/dist/Shared/Navbar/Navbar.module.css +0 -15
  281. package/dist/Shared/Navbar/Navbar.stories.d.ts +1 -1
  282. package/dist/Shared/Navbar/Navbar.stories.js +2 -2
  283. package/dist/Shared/Rating/Rating.d.ts +3 -5
  284. package/dist/Shared/Rating/Rating.js +4 -27
  285. package/dist/Shared/Rating/Rating.stories.d.ts +1 -1
  286. package/dist/Shared/Rating/Rating.stories.js +13 -19
  287. package/dist/Shared/Rating/Ratings/LikeRating.d.ts +1 -2
  288. package/dist/Shared/Rating/Ratings/LikeRating.js +19 -33
  289. package/dist/Shared/Rating/Ratings/SatisfactionRating.d.ts +1 -2
  290. package/dist/Shared/Rating/Ratings/SatisfactionRating.js +27 -47
  291. package/dist/Shared/Rating/Ratings/ScaleRating.d.ts +1 -2
  292. package/dist/Shared/Rating/Ratings/ScaleRating.js +23 -54
  293. package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.d.ts +1 -0
  294. package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.js +2 -0
  295. package/dist/Shared/SmartDraftRenderer/FormDecorator.d.ts +1 -2
  296. package/dist/Shared/SmartDraftRenderer/FormDecorator.js +8 -22
  297. package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.d.ts +1 -2
  298. package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js +27 -43
  299. package/dist/Shared/Toggle/Toggle.d.ts +5 -14
  300. package/dist/Shared/Toggle/Toggle.js +29 -32
  301. package/dist/States/GlobalSlice.d.ts +7 -12
  302. package/dist/States/GlobalSlice.js +6 -22
  303. package/dist/States/SiteSlice.d.ts +30 -48
  304. package/dist/States/SiteSlice.js +58 -76
  305. package/dist/States/WidthStatsSlice.d.ts +2 -2
  306. package/dist/States/WidthStatsSlice.js +8 -9
  307. package/dist/Utils/AxiosAPI.d.ts +4 -5
  308. package/dist/Utils/AxiosAPI.js +23 -73
  309. package/dist/Utils/AxiosWidget.js +4 -4
  310. package/dist/Utils/CBRFunctions.js +29 -30
  311. package/dist/Utils/DraftFunctions.d.ts +3 -3
  312. package/dist/Utils/DraftFunctions.js +102 -143
  313. package/dist/Utils/FormStepFunctions.d.ts +1 -1
  314. package/dist/Utils/FormStepFunctions.js +27 -45
  315. package/dist/Utils/LocaleUtils.d.ts +2 -0
  316. package/dist/Utils/LocaleUtils.js +12 -0
  317. package/dist/Utils/MaterialProviders.d.ts +21 -1
  318. package/dist/Utils/MaterialProviders.js +46 -28
  319. package/dist/Utils/MuiClassnameSetup.d.ts +1 -0
  320. package/dist/Utils/MuiClassnameSetup.js +3 -0
  321. package/dist/Utils/PhoneFunctions.js +5 -5
  322. package/dist/Utils/StoreContext.js +1 -1
  323. package/dist/Utils/TestUtils.d.ts +60 -81
  324. package/dist/Utils/TestUtils.js +28 -57
  325. package/dist/Utils/_api.d.ts +7 -7
  326. package/dist/Utils/_api.js +10 -8
  327. package/dist/Utils/store.d.ts +9 -17
  328. package/dist/Utils/store.js +15 -74
  329. package/dist/Widget.d.ts +1 -1
  330. package/dist/Widget.js +16 -26
  331. package/dist/constants/Draft/DraftEntityDataTypes.d.ts +3 -3
  332. package/dist/constants/{IconTypes.d.ts → ErkIconTypes.d.ts} +2 -4
  333. package/dist/constants/ErkIconTypes.js +16 -0
  334. package/dist/constants/Files/FileExtensions.js +3 -3
  335. package/dist/constants/Files/FileMaxSize.js +1 -1
  336. package/dist/constants/FormStepTypes.d.ts +2 -2
  337. package/dist/constants/FormStepTypes.js +1 -1
  338. package/dist/constants/InternalFormStyle.js +1 -1
  339. package/dist/hooks.d.ts +0 -3
  340. package/dist/hooks.js +14 -77
  341. package/dist/index.css +15 -0
  342. package/dist/index.lib.d.ts +0 -1
  343. package/dist/index.lib.js +0 -1
  344. package/dist/main.d.ts +3 -0
  345. package/dist/main.js +25 -0
  346. package/package.json +72 -93
  347. package/dist/@Types/ErkValue.d.ts +0 -16
  348. package/dist/@Types/User.d.ts +0 -13
  349. package/dist/Icons/@IconTypes.d.ts +0 -7
  350. package/dist/Icons/EmailIcon.d.ts +0 -4
  351. package/dist/Icons/EmailIcon.js +0 -17
  352. package/dist/Icons/Entities/SchoolIcon.d.ts +0 -2
  353. package/dist/Icons/Entities/SchoolIcon.js +0 -17
  354. package/dist/Icons/GroupIcon.d.ts +0 -4
  355. package/dist/Icons/GroupIcon.js +0 -17
  356. package/dist/Icons/LockedIcon.d.ts +0 -4
  357. package/dist/Icons/LockedIcon.js +0 -17
  358. package/dist/Login/Login.module.css +0 -135
  359. package/dist/Login/LoginLayout.module.css +0 -68
  360. package/dist/Login/LoginPage.d.ts +0 -11
  361. package/dist/Login/LoginPage.js +0 -177
  362. package/dist/Login/LoginTextField.d.ts +0 -15
  363. package/dist/Login/LoginTextField.js +0 -134
  364. package/dist/Services/IntegrationService.d.ts +0 -21
  365. package/dist/Services/IntegrationService.js +0 -69
  366. package/dist/Services/UserService.d.ts +0 -10
  367. package/dist/Services/UserService.js +0 -71
  368. package/dist/Shared/RoundedButton/RoundedButton.d.ts +0 -30
  369. package/dist/Shared/RoundedButton/RoundedButton.js +0 -45
  370. package/dist/Shared/RoundedButton/RoundedButton.stories.d.ts +0 -23
  371. package/dist/Shared/RoundedButton/RoundedButton.stories.js +0 -36
  372. package/dist/Shared/RoundedCheckBox/RoundedCheckBox.d.ts +0 -24
  373. package/dist/Shared/RoundedCheckBox/RoundedCheckBox.js +0 -101
  374. package/dist/Shared/RoundedCheckBox/RoundedCheckBox.stories.d.ts +0 -21
  375. package/dist/Shared/RoundedCheckBox/RoundedCheckBox.stories.js +0 -50
  376. package/dist/Shared/RoundedDatePicker/RoundedDatePicker.d.ts +0 -49
  377. package/dist/Shared/RoundedDatePicker/RoundedDatePicker.js +0 -351
  378. package/dist/Shared/RoundedDatePicker/RoundedDatePicker.stories.d.ts +0 -36
  379. package/dist/Shared/RoundedDatePicker/RoundedDatePicker.stories.js +0 -223
  380. package/dist/Shared/RoundedPhoneInput/RoundedPhoneInput.d.ts +0 -43
  381. package/dist/Shared/RoundedPhoneInput/RoundedPhoneInput.js +0 -226
  382. package/dist/Shared/RoundedSelect/RoundedSelect.d.ts +0 -68
  383. package/dist/Shared/RoundedSelect/RoundedSelect.js +0 -214
  384. package/dist/Shared/RoundedSelect/RoundedSelect.stories.d.ts +0 -28
  385. package/dist/Shared/RoundedSelect/RoundedSelect.stories.js +0 -91
  386. package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.d.ts +0 -63
  387. package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.js +0 -236
  388. package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.stories.js +0 -318
  389. package/dist/Shared/RoundedTextField/RoundedTextField.d.ts +0 -45
  390. package/dist/Shared/RoundedTextField/RoundedTextField.js +0 -175
  391. package/dist/Shared/RoundedTextField/RoundedTextField.stories.js +0 -224
  392. package/dist/Shared/RoundedTimePicker/RoundedTimePicker.d.ts +0 -41
  393. package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js +0 -314
  394. package/dist/Shared/SmartDraftRenderer/LinkDecorator.d.ts +0 -14
  395. package/dist/Shared/SmartDraftRenderer/LinkDecorator.js +0 -60
  396. package/dist/__mocks__/axios.d.ts +0 -2
  397. package/dist/__mocks__/axios.js +0 -2
  398. package/dist/constants/ErkValueTypes.d.ts +0 -6
  399. package/dist/constants/ErkValueTypes.js +0 -7
  400. package/dist/constants/IconTypes.js +0 -18
  401. package/dist/constants/MaterialClassNameSeed.d.ts +0 -1
  402. package/dist/constants/MaterialClassNameSeed.js +0 -1
  403. package/dist/index.js +0 -31
  404. /package/dist/{@Types/ErkValue.js → App/AppFunctions.test.d.ts} +0 -0
  405. /package/dist/{@Types/User.js → App/AppHooks.test.d.ts} +0 -0
  406. /package/dist/{Icons/@IconTypes.js → Form/FormFunctions.test.d.ts} +0 -0
  407. /package/dist/{index.d.ts → FormSteps/StepFunctions.test.d.ts} +0 -0
  408. /package/dist/Shared/{RoundedTimePicker/RoundedTimePicker.module.css → ErkTimePicker/ErkTimePicker.module.css} +0 -0
  409. /package/dist/{setupTests.d.ts → __tests__/setup.d.ts} +0 -0
  410. /package/dist/{setupTests.js → __tests__/setup.js} +0 -0
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import { CheckboxProps } from '@material-ui/core';
3
- interface StyleProps {
4
- error?: boolean;
5
- padding?: string;
6
- uncheckedColor?: string;
7
- checkedColor?: string;
8
- checkedHoverColor?: string;
9
- errorColor?: string;
10
- disabledColor?: string;
11
- size?: number | string;
12
- cantEdit?: boolean;
13
- }
14
- interface ComponentProps extends StyleProps, Omit<CheckboxProps, 'size' | 'onChange'> {
15
- onChange?: (checked: boolean) => void;
16
- checked: boolean;
17
- }
18
- /**
19
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
20
- */
21
- declare class RoundedCheckBox extends React.Component<ComponentProps> {
22
- render(): JSX.Element;
23
- }
24
- export default RoundedCheckBox;
@@ -1,101 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- if (typeof b !== "function" && b !== null)
10
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
11
- extendStatics(d, b);
12
- function __() { this.constructor = d; }
13
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
14
- };
15
- })();
16
- var __assign = (this && this.__assign) || function () {
17
- __assign = Object.assign || function(t) {
18
- for (var s, i = 1, n = arguments.length; i < n; i++) {
19
- s = arguments[i];
20
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
21
- t[p] = s[p];
22
- }
23
- return t;
24
- };
25
- return __assign.apply(this, arguments);
26
- };
27
- var __rest = (this && this.__rest) || function (s, e) {
28
- var t = {};
29
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
30
- t[p] = s[p];
31
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
32
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
33
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
34
- t[p[i]] = s[p[i]];
35
- }
36
- return t;
37
- };
38
- import { jsx as _jsx } from "react/jsx-runtime";
39
- import React from 'react';
40
- import { Checkbox, makeStyles } from '@material-ui/core';
41
- import CheckBoxRoundedIcon from '@material-ui/icons/CheckBoxRounded';
42
- import CheckBoxOutlineBlankRoundedIcon from '@material-ui/icons/CheckBoxOutlineBlankRounded';
43
- var useCheckBoxStyles = function (props) {
44
- return makeStyles(function () { return ({
45
- root: {
46
- padding: props.padding,
47
- fontSize: props.size,
48
- color: props.error ? props.errorColor : props.uncheckedColor,
49
- '&.Mui-checked': {
50
- color: props.checkedColor,
51
- },
52
- '&.Mui-checked:hover': {
53
- backgroundColor: props.checkedHoverColor,
54
- },
55
- '&.Mui-disabled': {
56
- cursor: 'default',
57
- pointerEvents: 'all !important',
58
- color: props.cantEdit
59
- ? props.disabledColor
60
- : props.checkedColor,
61
- },
62
- '&:hover': {
63
- backgroundColor: props.cantEdit
64
- ? 'transparent'
65
- : props.checkedHoverColor,
66
- },
67
- },
68
- }); });
69
- };
70
- /**
71
- * Generic rounded checkbox
72
- */
73
- function CustomCheckBox(_a) {
74
- var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
75
- var classes = useCheckBoxStyles({
76
- size: size,
77
- error: error,
78
- padding: padding,
79
- cantEdit: cantEdit,
80
- errorColor: errorColor,
81
- checkedColor: checkedColor,
82
- disabledColor: disabledColor,
83
- uncheckedColor: uncheckedColor,
84
- checkedHoverColor: checkedColor + '0a',
85
- })();
86
- return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event.target.checked); }, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
87
- }
88
- /**
89
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
90
- */
91
- var RoundedCheckBox = /** @class */ (function (_super) {
92
- __extends(RoundedCheckBox, _super);
93
- function RoundedCheckBox() {
94
- return _super !== null && _super.apply(this, arguments) || this;
95
- }
96
- RoundedCheckBox.prototype.render = function () {
97
- return _jsx(CustomCheckBox, __assign({}, this.props));
98
- };
99
- return RoundedCheckBox;
100
- }(React.Component));
101
- export default RoundedCheckBox;
@@ -1,21 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import RoundedCheckBox from './RoundedCheckBox';
3
- declare const meta: {
4
- component: typeof RoundedCheckBox;
5
- tags: string[];
6
- args: {
7
- checkedColor: string;
8
- uncheckedColor: string;
9
- disabledColor: string;
10
- size: string;
11
- errorColor: string;
12
- };
13
- };
14
- export default meta;
15
- type Story = StoryObj<typeof meta>;
16
- export declare const Uncheked: Story;
17
- export declare const Checked: Story;
18
- export declare const Error: Story;
19
- export declare const Disabled: Story;
20
- export declare const ErrorColor: Story;
21
- export declare const DifferentColors: Story;
@@ -1,50 +0,0 @@
1
- import RoundedCheckBox from './RoundedCheckBox';
2
- var meta = {
3
- component: RoundedCheckBox,
4
- tags: ['autodocs'],
5
- args: {
6
- checkedColor: '#3d5a7f',
7
- uncheckedColor: '#787878',
8
- disabledColor: '#A0A0A0',
9
- size: '1.5rem',
10
- errorColor: '#cc2936',
11
- },
12
- };
13
- export default meta;
14
- export var Uncheked = {
15
- args: {
16
- checked: false,
17
- },
18
- };
19
- export var Checked = {
20
- args: {
21
- checked: true,
22
- },
23
- };
24
- export var Error = {
25
- args: {
26
- checked: false,
27
- error: true,
28
- },
29
- };
30
- export var Disabled = {
31
- args: {
32
- checked: false,
33
- disabled: true,
34
- },
35
- };
36
- export var ErrorColor = {
37
- args: {
38
- checked: false,
39
- error: true,
40
- errorColor: 'blue',
41
- },
42
- };
43
- export var DifferentColors = {
44
- args: {
45
- checked: true,
46
- checkedColor: 'red',
47
- uncheckedColor: 'blue',
48
- disabledColor: '#A0A0A0',
49
- },
50
- };
@@ -1,49 +0,0 @@
1
- import React from 'react';
2
- import { DatePickerProps } from '@material-ui/pickers';
3
- interface StyleProps {
4
- /** The color of the text */
5
- textColor?: string;
6
- /** The color of the outline when selected and hovered on */
7
- focusColor?: string;
8
- hoverColor?: string;
9
- /** The color of the error to display */
10
- errorColor?: string;
11
- /** The color of the outline when it is not selected */
12
- outlineColor?: string;
13
- /** The backgroundColor of the input */
14
- backgroundColor?: string;
15
- /** The secondary color of the dialog */
16
- secondaryColor?: string;
17
- /** The contrastColor of the input */
18
- contrastColor?: string;
19
- /** The accent color of the input */
20
- accentColor?: string;
21
- /** The borderRadius of the input */
22
- borderRadius?: number;
23
- /** If it should display the timePicker */
24
- pickTime?: boolean;
25
- /** The padding of the input */
26
- padding?: string;
27
- /** The size of the font to display the input in */
28
- fontSize?: number | string;
29
- /** The weight of the font of the value and the placeholder */
30
- fontWeight?: number | string;
31
- /** The fontsize of the shrunken label */
32
- shrunkenFontSize?: number | string;
33
- /** Cant edit */
34
- cantEdit?: boolean;
35
- /** The color of the helper text when not error */
36
- helperTextColor?: string;
37
- /** Height of the component */
38
- height?: string;
39
- }
40
- interface RoundedDatePickerProps extends Omit<DatePickerProps, 'ref'>, StyleProps {
41
- ref?: React.RefObject<HTMLDivElement>;
42
- }
43
- /**
44
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
45
- */
46
- declare class RoundedDatePicker extends React.Component<RoundedDatePickerProps> {
47
- render(): JSX.Element;
48
- }
49
- export default RoundedDatePicker;
@@ -1,351 +0,0 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- };
8
- return function (d, b) {
9
- if (typeof b !== "function" && b !== null)
10
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
11
- extendStatics(d, b);
12
- function __() { this.constructor = d; }
13
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
14
- };
15
- })();
16
- var __assign = (this && this.__assign) || function () {
17
- __assign = Object.assign || function(t) {
18
- for (var s, i = 1, n = arguments.length; i < n; i++) {
19
- s = arguments[i];
20
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
21
- t[p] = s[p];
22
- }
23
- return t;
24
- };
25
- return __assign.apply(this, arguments);
26
- };
27
- var __rest = (this && this.__rest) || function (s, e) {
28
- var t = {};
29
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
30
- t[p] = s[p];
31
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
32
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
33
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
34
- t[p[i]] = s[p[i]];
35
- }
36
- return t;
37
- };
38
- import { jsx as _jsx } from "react/jsx-runtime";
39
- import React, { cloneElement } from 'react';
40
- import { makeStyles } from '@material-ui/core/styles';
41
- import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
42
- import { DatePicker, DateTimePicker, } from '@material-ui/pickers';
43
- import { getLocale } from '../../Form/Form';
44
- import { format } from 'date-fns';
45
- var useDatePickerStyles = function (props) {
46
- return makeStyles(function () { return ({
47
- root: {
48
- borderRadius: props.borderRadius,
49
- cursor: props.cantEdit ? 'default' : 'pointer',
50
- height: props.height,
51
- backgroundColor: props.backgroundColor,
52
- '& input, textarea': {
53
- cursor: props.cantEdit ? 'default' : 'pointer',
54
- padding: props.padding,
55
- fontWeight: props.fontWeight,
56
- color: props.textColor,
57
- fontSize: props.fontSize,
58
- '&::placeholder': {
59
- fontSize: props.fontSize,
60
- },
61
- borderRadius: props.borderRadius,
62
- },
63
- '& .EF-MuiOutlinedInput-notchedOutline': {
64
- borderColor: props.outlineColor,
65
- '& span': {
66
- fontSize: '0.75rem',
67
- },
68
- },
69
- '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
70
- borderColor: props.outlineColor,
71
- },
72
- '&.Mui-focused .EF-MuiOutlinedInput-notchedOutline': {
73
- borderColor: props.focusColor,
74
- borderWidth: 2,
75
- },
76
- '&:hover .EF-MuiOutlinedInput-notchedOutline': {
77
- borderColor: props.cantEdit
78
- ? props.outlineColor
79
- : props.focusColor,
80
- },
81
- '& .EF-MuiInputAdornment-root': {
82
- width: 5,
83
- '& button': {
84
- marginLeft: -25,
85
- fontSize: 18,
86
- padding: 16,
87
- },
88
- },
89
- '&.Erk-MuiOutlinedInput-adornedEnd': {
90
- paddingRight: 11,
91
- },
92
- '& .Mui-error': {
93
- color: props.errorColor,
94
- },
95
- '&.Mui-disabled': {
96
- cursor: 'default',
97
- },
98
- },
99
- }); });
100
- };
101
- var useDatePickerLabelStyles = function (props) {
102
- return makeStyles(function () { return ({
103
- root: {
104
- whiteSpace: 'nowrap',
105
- overflow: 'hidden',
106
- maxWidth: 'calc(100% - 50px)',
107
- marginTop: props.height != '40px' ? '-4px' : '0px',
108
- textOverflow: 'ellipsis',
109
- fontSize: props.fontSize,
110
- color: props.textColor + '8a',
111
- '&.Mui-focused': {
112
- color: props.focusColor,
113
- },
114
- '&.EF-MuiInputLabel-shrink': {
115
- marginTop: '0px',
116
- maxWidth: 'calc(100% - 5px)',
117
- },
118
- '& .Mui-error': {
119
- color: props.errorColor,
120
- },
121
- '&.Mui-error': {
122
- color: props.errorColor,
123
- },
124
- },
125
- }); });
126
- };
127
- var useDatePickerHelperTextStyles = function (props) {
128
- return makeStyles(function () { return ({
129
- root: {
130
- color: props.helperTextColor,
131
- '&.Mui-error': {
132
- color: props.errorColor,
133
- },
134
- },
135
- }); });
136
- };
137
- var useDatePickerDialogStyles = function (props) {
138
- return makeStyles(function () { return ({
139
- datePicker: {
140
- '& .EF-MuiPickersModal-dialogRoot': {
141
- color: props.textColor,
142
- '& .EF-MuiDialogActions-root': {
143
- '& .EF-MuiButton-root:hover': {
144
- backgroundColor: props.hoverColor,
145
- },
146
- '& .EF-MuiButton-label': {
147
- color: props.focusColor,
148
- },
149
- '& .EF-MuiTouchRipple-root': {
150
- color: props.focusColor,
151
- },
152
- },
153
- },
154
- //Days labels
155
- '& .EF-MuiPickersDay-day': {
156
- color: props.textColor,
157
- },
158
- // Selected day label
159
- '& .EF-MuiPickersDay-daySelected': {
160
- color: props.backgroundColor,
161
- backgroundColor: props.focusColor,
162
- },
163
- //Title
164
- '& .EF-MuiPickersDatePickerRoot-toolbar': {
165
- color: props.backgroundColor,
166
- backgroundColor: props.focusColor,
167
- },
168
- //Title
169
- '& .EF-MuiPickersToolbar-toolbar': {
170
- color: props.backgroundColor,
171
- backgroundColor: props.focusColor,
172
- },
173
- '& .EF-MuiPickerDTTabs-tabs': {
174
- color: props.backgroundColor,
175
- backgroundColor: props.focusColor,
176
- },
177
- '& .EF-MuiPickersYear-yearSelected, .EF-MuiPickersYear-root:focus': {
178
- color: props.focusColor,
179
- },
180
- '& .EF-MuiTabs-indicator': {
181
- backgroundColor: props.contrastColor,
182
- },
183
- '& .EF-MuiPickersClockNumber-clockNumber': {
184
- color: props.accentColor,
185
- },
186
- '& .EF-MuiPickersClockNumber-clockNumberSelected': {
187
- color: props.backgroundColor,
188
- },
189
- '& .EF-MuiPickersClock-pin, .EF-MuiPickersClockPointer-pointer': {
190
- backgroundColor: props.focusColor,
191
- },
192
- '& .EF-MuiPickersClockPointer-noPoint': {
193
- backgroundColor: props.focusColor,
194
- },
195
- '& .EF-MuiPickersClockPointer-thumb': {
196
- borderColor: props.focusColor,
197
- },
198
- '& .EF-MuiPickersDay-dayDisabled': {
199
- color: 'rgba(0, 0, 0, 0.38)',
200
- pointerEvents: 'all',
201
- },
202
- '& .EF-MuiPickersDay-current': {
203
- color: props.backgroundColor,
204
- backgroundColor: props.secondaryColor,
205
- },
206
- '& .EF-MuiPickersDay-hidden': {
207
- opacity: 0.4,
208
- pointerEvents: 'none',
209
- },
210
- '& .EF-MuiPickersDay-hidden.EF-MuiPickersDay-current': {
211
- opacity: 0.8,
212
- pointerEvents: 'none',
213
- },
214
- },
215
- }); });
216
- };
217
- function CustomDatePicker(_a) {
218
- var ref = _a.ref, _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.secondaryColor, secondaryColor = _c === void 0 ? '#98c1d9' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? '#ffffff' : _e, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.contrastColor, contrastColor = _g === void 0 ? '#ee6c4d' : _g, _h = _a.accentColor, accentColor = _h === void 0 ? '#293241' : _h, _j = _a.errorColor, errorColor = _j === void 0 ? '#cc2936' : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, _l = _a.padding, padding = _l === void 0 ? '6px 0px 6px 12px' : _l, _m = _a.fontSize, fontSize = _m === void 0 ? '1rem' : _m, _o = _a.shrunkenFontSize, shrunkenFontSize = _o === void 0 ? '1rem' : _o, _p = _a.helperTextColor, helperTextColor = _p === void 0 ? '#989898' : _p, _q = _a.fontWeight, fontWeight = _q === void 0 ? '300' : _q, _r = _a.height, height = _r === void 0 ? '31px' : _r, _s = _a.cantEdit, cantEdit = _s === void 0 ? false : _s, _t = _a.pickTime, pickTime = _t === void 0 ? false : _t, onChange = _a.onChange, required = _a.required, others = __rest(_a, ["ref", "focusColor", "secondaryColor", "outlineColor", "backgroundColor", "textColor", "contrastColor", "accentColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "helperTextColor", "fontWeight", "height", "cantEdit", "pickTime", "onChange", "required"]);
219
- var classes = useDatePickerStyles({
220
- padding: padding,
221
- cantEdit: cantEdit,
222
- textColor: textColor,
223
- focusColor: focusColor,
224
- hoverColor: focusColor + '0a',
225
- outlineColor: outlineColor,
226
- errorColor: errorColor,
227
- backgroundColor: backgroundColor,
228
- borderRadius: borderRadius,
229
- fontSize: fontSize,
230
- shrunkenFontSize: shrunkenFontSize,
231
- fontWeight: fontWeight,
232
- helperTextColor: helperTextColor,
233
- height: height,
234
- })();
235
- var labelClasses = useDatePickerLabelStyles({
236
- padding: padding,
237
- cantEdit: cantEdit,
238
- textColor: textColor,
239
- focusColor: focusColor,
240
- hoverColor: focusColor + '0a',
241
- errorColor: errorColor,
242
- outlineColor: outlineColor,
243
- backgroundColor: backgroundColor,
244
- borderRadius: borderRadius,
245
- fontSize: fontSize,
246
- shrunkenFontSize: shrunkenFontSize,
247
- fontWeight: fontWeight,
248
- helperTextColor: helperTextColor,
249
- height: height,
250
- })();
251
- var datePicker = useDatePickerDialogStyles({
252
- padding: padding,
253
- cantEdit: cantEdit,
254
- textColor: textColor,
255
- secondaryColor: secondaryColor,
256
- accentColor: accentColor,
257
- contrastColor: contrastColor,
258
- focusColor: focusColor,
259
- hoverColor: focusColor + '0a',
260
- errorColor: errorColor,
261
- outlineColor: outlineColor,
262
- backgroundColor: backgroundColor,
263
- borderRadius: borderRadius,
264
- fontSize: fontSize,
265
- shrunkenFontSize: shrunkenFontSize,
266
- fontWeight: fontWeight,
267
- helperTextColor: helperTextColor,
268
- height: height,
269
- })().datePicker;
270
- var helperTextStyles = useDatePickerHelperTextStyles({
271
- padding: padding,
272
- textColor: textColor,
273
- focusColor: focusColor,
274
- errorColor: errorColor,
275
- outlineColor: outlineColor,
276
- backgroundColor: backgroundColor,
277
- borderRadius: borderRadius,
278
- fontSize: fontSize,
279
- shrunkenFontSize: shrunkenFontSize,
280
- fontWeight: fontWeight,
281
- helperTextColor: helperTextColor,
282
- height: height,
283
- })();
284
- if (pickTime) {
285
- return (_jsx(DateTimePicker, __assign({}, others, { ref: ref, inputVariant: "outlined", "data-testid": "date-picker", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: format(new Date(), 'Pp', { locale: getLocale() }), format: "Pp", required: required, InputLabelProps: { classes: labelClasses }, DialogProps: {
286
- disableEnforceFocus: true,
287
- className: datePicker,
288
- cancelLabel: '',
289
- } //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
290
- , InputProps: {
291
- required: required,
292
- classes: classes,
293
- disabled: cantEdit,
294
- endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
295
- color: '#757575',
296
- fontSize: 20,
297
- } })),
298
- }, FormHelperTextProps: {
299
- classes: helperTextStyles,
300
- }, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
301
- if (!day) {
302
- return dayComponent;
303
- }
304
- return (_jsx("div", __assign({ onClick: function () {
305
- onChange(day);
306
- } }, { children: cloneElement(dayComponent) })));
307
- }, variant: "dialog" })));
308
- }
309
- else {
310
- return (_jsx(DatePicker, __assign({}, others, { ref: ref, "data-testid": "date-picker", inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: function (date) {
311
- if (!date || (!others.value && date))
312
- onChange(date);
313
- }, placeholder: format(new Date(), 'P', { locale: getLocale() }), format: "P", required: required, InputLabelProps: { classes: labelClasses }, DialogProps: {
314
- disableEnforceFocus: true,
315
- className: datePicker,
316
- cancelLabel: '',
317
- } //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
318
- , InputProps: {
319
- required: required,
320
- classes: classes,
321
- disabled: cantEdit,
322
- endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
323
- color: '#757575',
324
- fontSize: 20,
325
- } })),
326
- }, FormHelperTextProps: {
327
- classes: helperTextStyles,
328
- }, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
329
- if (!day) {
330
- return dayComponent;
331
- }
332
- return (_jsx("div", __assign({ onClick: function () {
333
- onChange(day);
334
- } }, { children: cloneElement(dayComponent) })));
335
- }, variant: "dialog" })));
336
- }
337
- }
338
- /**
339
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
340
- */
341
- var RoundedDatePicker = /** @class */ (function (_super) {
342
- __extends(RoundedDatePicker, _super);
343
- function RoundedDatePicker() {
344
- return _super !== null && _super.apply(this, arguments) || this;
345
- }
346
- RoundedDatePicker.prototype.render = function () {
347
- return _jsx(CustomDatePicker, __assign({}, this.props));
348
- };
349
- return RoundedDatePicker;
350
- }(React.Component));
351
- export default RoundedDatePicker;
@@ -1,36 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import RoundedDatePicker from './RoundedDatePicker';
3
- declare const meta: {
4
- component: typeof RoundedDatePicker;
5
- tags: string[];
6
- args: {
7
- focusColor: string;
8
- secondaryColor: string;
9
- helperTextColor: string;
10
- outlineColor: string;
11
- backgroundColor: string;
12
- textColor: string;
13
- contrastColor: string;
14
- accentColor: string;
15
- errorColor: string;
16
- fontSize: string;
17
- fontWeight: string;
18
- cantEdit: false;
19
- };
20
- parameters: {
21
- date: Date;
22
- };
23
- };
24
- export default meta;
25
- type Story = StoryObj<typeof meta>;
26
- export declare const Empty: Story;
27
- export declare const Default: Story;
28
- export declare const ValueAndLabel: Story;
29
- export declare const Full: Story;
30
- export declare const FullDateTime: Story;
31
- export declare const Error: Story;
32
- export declare const Menu: Story;
33
- export declare const DateTimeDateMenu: Story;
34
- export declare const DateTimeTimeMenu: Story;
35
- export declare const ErrorColor: Story;
36
- export declare const DifferentColors: Story;