@gusto/embedded-react-sdk 0.13.2 → 0.13.3

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 (416) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/assets/icons/close.svg.js +5 -5
  3. package/dist/assets/icons/close.svg.js.map +1 -1
  4. package/dist/assets/icons/download-cloud.svg.js +10 -0
  5. package/dist/assets/icons/download-cloud.svg.js.map +1 -0
  6. package/dist/components/Base/Base.js +3 -2
  7. package/dist/components/Base/Base.js.map +1 -1
  8. package/dist/components/Common/DataView/DataCards/DataCards.js +24 -24
  9. package/dist/components/Common/DataView/DataCards/DataCards.js.map +1 -1
  10. package/dist/components/Common/DataView/DataCards/DataCards.module.scss.js +6 -4
  11. package/dist/components/Common/DataView/DataCards/DataCards.module.scss.js.map +1 -1
  12. package/dist/components/Common/DataView/DataTable/DataTable.d.ts +3 -1
  13. package/dist/components/Common/DataView/DataTable/DataTable.js +16 -14
  14. package/dist/components/Common/DataView/DataTable/DataTable.js.map +1 -1
  15. package/dist/components/Common/DataView/DataView.d.ts +6 -3
  16. package/dist/components/Common/DataView/DataView.js +19 -16
  17. package/dist/components/Common/DataView/DataView.js.map +1 -1
  18. package/dist/components/Common/Fields/CheckboxField/CheckboxField.d.ts +1 -1
  19. package/dist/components/Common/Fields/CheckboxField/CheckboxField.js +15 -9
  20. package/dist/components/Common/Fields/CheckboxField/CheckboxField.js.map +1 -1
  21. package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.d.ts +2 -2
  22. package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.js +21 -15
  23. package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.js.map +1 -1
  24. package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.d.ts +2 -2
  25. package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.js +19 -13
  26. package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.js.map +1 -1
  27. package/dist/components/Common/Fields/DatePickerField/DatePickerField.d.ts +1 -1
  28. package/dist/components/Common/Fields/DatePickerField/DatePickerField.js +24 -18
  29. package/dist/components/Common/Fields/DatePickerField/DatePickerField.js.map +1 -1
  30. package/dist/components/Common/Fields/NumberInputField/NumberInputField.d.ts +1 -1
  31. package/dist/components/Common/Fields/NumberInputField/NumberInputField.js +18 -12
  32. package/dist/components/Common/Fields/NumberInputField/NumberInputField.js.map +1 -1
  33. package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.d.ts +2 -2
  34. package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js +19 -13
  35. package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map +1 -1
  36. package/dist/components/Common/Fields/SelectField/SelectField.d.ts +2 -2
  37. package/dist/components/Common/Fields/SelectField/SelectField.js +19 -13
  38. package/dist/components/Common/Fields/SelectField/SelectField.js.map +1 -1
  39. package/dist/components/Common/Fields/SwitchField/SwitchField.d.ts +1 -1
  40. package/dist/components/Common/Fields/SwitchField/SwitchField.js +15 -9
  41. package/dist/components/Common/Fields/SwitchField/SwitchField.js.map +1 -1
  42. package/dist/components/Common/Fields/TextInputField/TextInputField.d.ts +1 -1
  43. package/dist/components/Common/Fields/TextInputField/TextInputField.js +15 -9
  44. package/dist/components/Common/Fields/TextInputField/TextInputField.js.map +1 -1
  45. package/dist/components/Common/Fields/hooks/useField.d.ts +8 -7
  46. package/dist/components/Common/Fields/hooks/useField.js +33 -27
  47. package/dist/components/Common/Fields/hooks/useField.js.map +1 -1
  48. package/dist/components/Common/SignatureForm/SignatureForm.js +6 -4
  49. package/dist/components/Common/SignatureForm/SignatureForm.js.map +1 -1
  50. package/dist/components/Common/SignatureForm/SignatureFormActions.js +12 -10
  51. package/dist/components/Common/SignatureForm/SignatureFormActions.js.map +1 -1
  52. package/dist/components/Common/SignatureForm/SignatureFormFields.js +8 -6
  53. package/dist/components/Common/SignatureForm/SignatureFormFields.js.map +1 -1
  54. package/dist/components/Common/UI/Alert/Alert.js +15 -15
  55. package/dist/components/Common/UI/Alert/Alert.js.map +1 -1
  56. package/dist/components/Common/UI/Alert/Alert.module.scss.js +14 -12
  57. package/dist/components/Common/UI/Alert/Alert.module.scss.js.map +1 -1
  58. package/dist/components/Common/UI/Card/Card.module.scss.js +1 -1
  59. package/dist/components/Common/UI/Checkbox/CheckboxTypes.d.ts +5 -1
  60. package/dist/components/Common/UI/Checkbox/CheckboxTypes.js.map +1 -1
  61. package/dist/components/Common/UI/ComboBox/ComboBoxTypes.d.ts +2 -2
  62. package/dist/components/Common/UI/DatePicker/DatePickerTypes.d.ts +2 -2
  63. package/dist/components/Common/UI/Dialog/Dialog.d.ts +2 -0
  64. package/dist/components/Common/UI/Dialog/Dialog.js +84 -0
  65. package/dist/components/Common/UI/Dialog/Dialog.js.map +1 -0
  66. package/dist/components/Common/UI/Dialog/Dialog.module.scss.js +18 -0
  67. package/dist/components/Common/UI/Dialog/Dialog.module.scss.js.map +1 -0
  68. package/dist/components/Common/UI/Dialog/DialogTypes.d.ts +52 -0
  69. package/dist/components/Common/UI/Dialog/DialogTypes.js +10 -0
  70. package/dist/components/Common/UI/Dialog/DialogTypes.js.map +1 -0
  71. package/dist/components/Common/UI/Dialog/index.d.ts +4 -0
  72. package/dist/components/Common/UI/Menu/Menu.module.scss.js +1 -1
  73. package/dist/components/Common/UI/NumberInput/NumberInputTypes.d.ts +2 -2
  74. package/dist/components/Common/UI/Select/SelectTypes.d.ts +2 -2
  75. package/dist/components/Common/UI/Switch/SwitchTypes.d.ts +2 -2
  76. package/dist/components/Common/UI/Switch/SwitchTypes.js.map +1 -1
  77. package/dist/components/Common/UI/Table/Table.d.ts +1 -1
  78. package/dist/components/Common/UI/Table/Table.js +14 -11
  79. package/dist/components/Common/UI/Table/Table.js.map +1 -1
  80. package/dist/components/Common/UI/Table/Table.module.scss.js +1 -1
  81. package/dist/components/Common/UI/Table/TableTypes.d.ts +10 -0
  82. package/dist/components/Common/UI/Table/TableTypes.js +7 -0
  83. package/dist/components/Common/UI/Table/TableTypes.js.map +1 -0
  84. package/dist/components/Common/UI/Text/Text.js +9 -8
  85. package/dist/components/Common/UI/Text/Text.js.map +1 -1
  86. package/dist/components/Common/UI/TextInput/TextInput.js +35 -33
  87. package/dist/components/Common/UI/TextInput/TextInput.js.map +1 -1
  88. package/dist/components/Common/UI/TextInput/TextInputTypes.d.ts +5 -1
  89. package/dist/components/Common/UI/TextInput/TextInputTypes.js.map +1 -1
  90. package/dist/components/Common/UI/hooks/useFieldIds.d.ts +2 -1
  91. package/dist/components/Common/UI/hooks/useFieldIds.js +11 -6
  92. package/dist/components/Common/UI/hooks/useFieldIds.js.map +1 -1
  93. package/dist/components/Company/AssignSignatory/AssignSignatory.js +8 -6
  94. package/dist/components/Company/AssignSignatory/AssignSignatory.js.map +1 -1
  95. package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js +7 -6
  96. package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map +1 -1
  97. package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js +9 -8
  98. package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js.map +1 -1
  99. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js +3 -2
  100. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.js.map +1 -1
  101. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js +3 -2
  102. package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map +1 -1
  103. package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js +5 -3
  104. package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js.map +1 -1
  105. package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js +7 -6
  106. package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js.map +1 -1
  107. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js +6 -5
  108. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js.map +1 -1
  109. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js +10 -9
  110. package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js.map +1 -1
  111. package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js +5 -3
  112. package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js.map +1 -1
  113. package/dist/components/Company/AssignSignatory/TitleSelect.js +8 -7
  114. package/dist/components/Company/AssignSignatory/TitleSelect.js.map +1 -1
  115. package/dist/components/Company/AssignSignatory/useAssignSignatory.js +7 -5
  116. package/dist/components/Company/AssignSignatory/useAssignSignatory.js.map +1 -1
  117. package/dist/components/Company/BankAccount/BankAccountForm/Actions.js +3 -2
  118. package/dist/components/Company/BankAccount/BankAccountForm/Actions.js.map +1 -1
  119. package/dist/components/Company/BankAccount/BankAccountForm/Form.js +8 -7
  120. package/dist/components/Company/BankAccount/BankAccountForm/Form.js.map +1 -1
  121. package/dist/components/Company/BankAccount/BankAccountForm/context.js +5 -3
  122. package/dist/components/Company/BankAccount/BankAccountForm/context.js.map +1 -1
  123. package/dist/components/Company/BankAccount/BankAccountList/Actions.js +7 -6
  124. package/dist/components/Company/BankAccount/BankAccountList/Actions.js.map +1 -1
  125. package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js +8 -7
  126. package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js.map +1 -1
  127. package/dist/components/Company/BankAccount/BankAccountVerify/Form.js +5 -4
  128. package/dist/components/Company/BankAccount/BankAccountVerify/Form.js.map +1 -1
  129. package/dist/components/Company/BankAccount/stateMachine.d.ts +4 -4
  130. package/dist/components/Company/BankAccount/stateMachine.js.map +1 -1
  131. package/dist/components/Company/DocumentSigner/DocumentList/Actions.js +6 -5
  132. package/dist/components/Company/DocumentSigner/DocumentList/Actions.js.map +1 -1
  133. package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js +12 -10
  134. package/dist/components/Company/DocumentSigner/DocumentList/DocumentList.js.map +1 -1
  135. package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js +5 -3
  136. package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js.map +1 -1
  137. package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js +8 -6
  138. package/dist/components/Company/DocumentSigner/SignatureForm/SignatureForm.js.map +1 -1
  139. package/dist/components/Company/DocumentSigner/SignatureForm/useSignatureForm.js +5 -3
  140. package/dist/components/Company/DocumentSigner/SignatureForm/useSignatureForm.js.map +1 -1
  141. package/dist/components/Company/DocumentSigner/assignSignatoryState.d.ts +1 -1
  142. package/dist/components/Company/DocumentSigner/assignSignatoryState.js.map +1 -1
  143. package/dist/components/Company/DocumentSigner/stateMachine.d.ts +5 -5
  144. package/dist/components/Company/DocumentSigner/stateMachine.js.map +1 -1
  145. package/dist/components/Company/FederalTaxes/Actions.js +7 -6
  146. package/dist/components/Company/FederalTaxes/Actions.js.map +1 -1
  147. package/dist/components/Company/FederalTaxes/FederalTaxes.js +17 -15
  148. package/dist/components/Company/FederalTaxes/FederalTaxes.js.map +1 -1
  149. package/dist/components/Company/FederalTaxes/Form.js +3 -2
  150. package/dist/components/Company/FederalTaxes/Form.js.map +1 -1
  151. package/dist/components/Company/FederalTaxes/useFederalTaxes.js +10 -8
  152. package/dist/components/Company/FederalTaxes/useFederalTaxes.js.map +1 -1
  153. package/dist/components/Company/Industry/Actions.js +6 -5
  154. package/dist/components/Company/Industry/Actions.js.map +1 -1
  155. package/dist/components/Company/Industry/Context.js +8 -6
  156. package/dist/components/Company/Industry/Context.js.map +1 -1
  157. package/dist/components/Company/Industry/Edit.js +11 -10
  158. package/dist/components/Company/Industry/Edit.js.map +1 -1
  159. package/dist/components/Company/Locations/LocationForm/Actions.js +3 -2
  160. package/dist/components/Company/Locations/LocationForm/Actions.js.map +1 -1
  161. package/dist/components/Company/Locations/LocationForm/Form.js +5 -4
  162. package/dist/components/Company/Locations/LocationForm/Form.js.map +1 -1
  163. package/dist/components/Company/Locations/LocationForm/LocationForm.js +11 -9
  164. package/dist/components/Company/Locations/LocationForm/LocationForm.js.map +1 -1
  165. package/dist/components/Company/Locations/LocationForm/useLocationForm.js +5 -3
  166. package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map +1 -1
  167. package/dist/components/Company/Locations/LocationsList/Actions.js +3 -2
  168. package/dist/components/Company/Locations/LocationsList/Actions.js.map +1 -1
  169. package/dist/components/Company/Locations/LocationsList/List.js +3 -2
  170. package/dist/components/Company/Locations/LocationsList/List.js.map +1 -1
  171. package/dist/components/Company/Locations/LocationsList/LocationsList.js +14 -12
  172. package/dist/components/Company/Locations/LocationsList/LocationsList.js.map +1 -1
  173. package/dist/components/Company/Locations/LocationsList/useLocationsList.js +5 -3
  174. package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map +1 -1
  175. package/dist/components/Company/Locations/stateMachine.d.ts +3 -3
  176. package/dist/components/Company/Locations/stateMachine.js.map +1 -1
  177. package/dist/components/Company/OnboardingFlow/onboardingStateMachine.d.ts +10 -10
  178. package/dist/components/Company/OnboardingFlow/onboardingStateMachine.js.map +1 -1
  179. package/dist/components/Company/OnboardingOverview/Completed.js +6 -5
  180. package/dist/components/Company/OnboardingOverview/Completed.js.map +1 -1
  181. package/dist/components/Company/OnboardingOverview/MissingRequirements.js +3 -2
  182. package/dist/components/Company/OnboardingOverview/MissingRequirements.js.map +1 -1
  183. package/dist/components/Company/OnboardingOverview/OnboardingOverview.js +4 -2
  184. package/dist/components/Company/OnboardingOverview/OnboardingOverview.js.map +1 -1
  185. package/dist/components/Company/OnboardingOverview/context.js +5 -3
  186. package/dist/components/Company/OnboardingOverview/context.js.map +1 -1
  187. package/dist/components/Company/PaySchedule/PaySchedule.js +34 -32
  188. package/dist/components/Company/PaySchedule/PaySchedule.js.map +1 -1
  189. package/dist/components/Company/PaySchedule/_parts/Actions.js +11 -10
  190. package/dist/components/Company/PaySchedule/_parts/Actions.js.map +1 -1
  191. package/dist/components/Company/PaySchedule/_parts/Edit.js +3 -2
  192. package/dist/components/Company/PaySchedule/_parts/Edit.js.map +1 -1
  193. package/dist/components/Company/PaySchedule/_parts/Head.js +3 -2
  194. package/dist/components/Company/PaySchedule/_parts/Head.js.map +1 -1
  195. package/dist/components/Company/PaySchedule/_parts/List.js +6 -5
  196. package/dist/components/Company/PaySchedule/_parts/List.js.map +1 -1
  197. package/dist/components/Company/PaySchedule/usePaySchedule.js +7 -5
  198. package/dist/components/Company/PaySchedule/usePaySchedule.js.map +1 -1
  199. package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js +6 -5
  200. package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map +1 -1
  201. package/dist/components/Company/StateTaxes/StateTaxesForm/context.js +5 -3
  202. package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map +1 -1
  203. package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js +7 -6
  204. package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map +1 -1
  205. package/dist/components/Company/StateTaxes/StateTaxesList/List.js +6 -5
  206. package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map +1 -1
  207. package/dist/components/Company/StateTaxes/StateTaxesList/context.js +5 -3
  208. package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map +1 -1
  209. package/dist/components/Company/StateTaxes/stateTaxesStateMachine.d.ts +3 -3
  210. package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js.map +1 -1
  211. package/dist/components/Contractor/Address/Address.js +5 -3
  212. package/dist/components/Contractor/Address/Address.js.map +1 -1
  213. package/dist/components/Contractor/Address/Form.js +3 -2
  214. package/dist/components/Contractor/Address/Form.js.map +1 -1
  215. package/dist/components/Contractor/Address/useAddress.js +7 -5
  216. package/dist/components/Contractor/Address/useAddress.js.map +1 -1
  217. package/dist/components/Contractor/ContractorList/index.js +9 -8
  218. package/dist/components/Contractor/ContractorList/index.js.map +1 -1
  219. package/dist/components/Contractor/NewHireReport/NewHireReport.js +14 -13
  220. package/dist/components/Contractor/NewHireReport/NewHireReport.js.map +1 -1
  221. package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.d.ts +7 -7
  222. package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js.map +1 -1
  223. package/dist/components/Contractor/PaymentMethod/BankAccountForm.js +3 -2
  224. package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map +1 -1
  225. package/dist/components/Contractor/PaymentMethod/PaymentMethod.js +3 -2
  226. package/dist/components/Contractor/PaymentMethod/PaymentMethod.js.map +1 -1
  227. package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js +3 -2
  228. package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js.map +1 -1
  229. package/dist/components/Contractor/Profile/ContractorProfileForm.d.ts +1 -1
  230. package/dist/components/Contractor/Profile/ContractorProfileForm.js +59 -56
  231. package/dist/components/Contractor/Profile/ContractorProfileForm.js.map +1 -1
  232. package/dist/components/Contractor/Profile/ContractorProfileForm.module.scss.js +8 -0
  233. package/dist/components/Contractor/Profile/ContractorProfileForm.module.scss.js.map +1 -0
  234. package/dist/components/Contractor/Profile/useContractorProfile.d.ts +2 -0
  235. package/dist/components/Contractor/Profile/useContractorProfile.js +97 -94
  236. package/dist/components/Contractor/Profile/useContractorProfile.js.map +1 -1
  237. package/dist/components/Contractor/Submit/Submit.js +3 -2
  238. package/dist/components/Contractor/Submit/Submit.js.map +1 -1
  239. package/dist/components/Employee/Compensation/Actions.js +5 -4
  240. package/dist/components/Employee/Compensation/Actions.js.map +1 -1
  241. package/dist/components/Employee/Compensation/Edit.js +3 -2
  242. package/dist/components/Employee/Compensation/Edit.js.map +1 -1
  243. package/dist/components/Employee/Compensation/List.js +6 -5
  244. package/dist/components/Employee/Compensation/List.js.map +1 -1
  245. package/dist/components/Employee/Deductions/DeductionsForm/DeductionsForm.js +3 -2
  246. package/dist/components/Employee/Deductions/DeductionsForm/DeductionsForm.js.map +1 -1
  247. package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js +7 -6
  248. package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js.map +1 -1
  249. package/dist/components/Employee/Deductions/IncludeDeductionsForm/IncludeDeductionsForm.js +3 -2
  250. package/dist/components/Employee/Deductions/IncludeDeductionsForm/IncludeDeductionsForm.js.map +1 -1
  251. package/dist/components/Employee/Deductions/stateMachine.d.ts +5 -5
  252. package/dist/components/Employee/Deductions/stateMachine.js.map +1 -1
  253. package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js +5 -4
  254. package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js.map +1 -1
  255. package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js +11 -9
  256. package/dist/components/Employee/DocumentSigner/DocumentList/DocumentList.js.map +1 -1
  257. package/dist/components/Employee/DocumentSigner/DocumentList/List.js +3 -2
  258. package/dist/components/Employee/DocumentSigner/DocumentList/List.js.map +1 -1
  259. package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js +5 -3
  260. package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js.map +1 -1
  261. package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js +13 -11
  262. package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js.map +1 -1
  263. package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js +5 -3
  264. package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js.map +1 -1
  265. package/dist/components/Employee/DocumentSigner/stateMachine.d.ts +3 -3
  266. package/dist/components/Employee/DocumentSigner/stateMachine.js.map +1 -1
  267. package/dist/components/Employee/EmployeeList/Actions.js +5 -4
  268. package/dist/components/Employee/EmployeeList/Actions.js.map +1 -1
  269. package/dist/components/Employee/EmployeeList/Head.js +3 -2
  270. package/dist/components/Employee/EmployeeList/Head.js.map +1 -1
  271. package/dist/components/Employee/EmployeeList/List.js +3 -2
  272. package/dist/components/Employee/EmployeeList/List.js.map +1 -1
  273. package/dist/components/Employee/EmployeeList/useEmployeeList.js +5 -3
  274. package/dist/components/Employee/EmployeeList/useEmployeeList.js.map +1 -1
  275. package/dist/components/Employee/FederalTaxes/Actions.js +3 -2
  276. package/dist/components/Employee/FederalTaxes/Actions.js.map +1 -1
  277. package/dist/components/Employee/FederalTaxes/FederalForm.js +5 -4
  278. package/dist/components/Employee/FederalTaxes/FederalForm.js.map +1 -1
  279. package/dist/components/Employee/FederalTaxes/useFederalTaxes.js +5 -3
  280. package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map +1 -1
  281. package/dist/components/Employee/Landing/Landing.js +7 -6
  282. package/dist/components/Employee/Landing/Landing.js.map +1 -1
  283. package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.d.ts +9 -9
  284. package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js.map +1 -1
  285. package/dist/components/Employee/PaymentMethod/Actions.js +6 -5
  286. package/dist/components/Employee/PaymentMethod/Actions.js.map +1 -1
  287. package/dist/components/Employee/PaymentMethod/BankAccountEdit.js +5 -4
  288. package/dist/components/Employee/PaymentMethod/BankAccountEdit.js.map +1 -1
  289. package/dist/components/Employee/PaymentMethod/BankAccountsList.js +3 -2
  290. package/dist/components/Employee/PaymentMethod/BankAccountsList.js.map +1 -1
  291. package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js +3 -2
  292. package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js.map +1 -1
  293. package/dist/components/Employee/PaymentMethod/Split.js +3 -2
  294. package/dist/components/Employee/PaymentMethod/Split.js.map +1 -1
  295. package/dist/components/Employee/PaymentMethod/usePaymentMethod.js +7 -5
  296. package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map +1 -1
  297. package/dist/components/Employee/Profile/Actions.js +7 -6
  298. package/dist/components/Employee/Profile/Actions.js.map +1 -1
  299. package/dist/components/Employee/Profile/AdminPersonalDetails.js +32 -29
  300. package/dist/components/Employee/Profile/AdminPersonalDetails.js.map +1 -1
  301. package/dist/components/Employee/Profile/AdminPersonalDetails.module.scss.js +8 -0
  302. package/dist/components/Employee/Profile/AdminPersonalDetails.module.scss.js.map +1 -0
  303. package/dist/components/Employee/Profile/HomeAddress.js +5 -4
  304. package/dist/components/Employee/Profile/HomeAddress.js.map +1 -1
  305. package/dist/components/Employee/Profile/PersonalDetailsInputs.js +21 -20
  306. package/dist/components/Employee/Profile/PersonalDetailsInputs.js.map +1 -1
  307. package/dist/components/Employee/Profile/Profile.js +66 -63
  308. package/dist/components/Employee/Profile/Profile.js.map +1 -1
  309. package/dist/components/Employee/Profile/useProfile.js +5 -3
  310. package/dist/components/Employee/Profile/useProfile.js.map +1 -1
  311. package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.d.ts +5 -5
  312. package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js.map +1 -1
  313. package/dist/components/Employee/StateTaxes/Actions.js +7 -6
  314. package/dist/components/Employee/StateTaxes/Actions.js.map +1 -1
  315. package/dist/components/Employee/StateTaxes/useStateTaxes.js +5 -3
  316. package/dist/components/Employee/StateTaxes/useStateTaxes.js.map +1 -1
  317. package/dist/components/Employee/Taxes/Actions.js +8 -7
  318. package/dist/components/Employee/Taxes/Actions.js.map +1 -1
  319. package/dist/components/Employee/Taxes/FederalForm.js +5 -4
  320. package/dist/components/Employee/Taxes/FederalForm.js.map +1 -1
  321. package/dist/components/Employee/Taxes/useTaxes.js +5 -3
  322. package/dist/components/Employee/Taxes/useTaxes.js.map +1 -1
  323. package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js +37 -36
  324. package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js.map +1 -1
  325. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.js +41 -45
  326. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.js.map +1 -1
  327. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts +20 -2
  328. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js +309 -101
  329. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js.map +1 -1
  330. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.module.scss.js +16 -0
  331. package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.module.scss.js.map +1 -0
  332. package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.d.ts +7 -0
  333. package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js +58 -0
  334. package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js.map +1 -0
  335. package/dist/components/Payroll/PayrollEditEmployee/index.d.ts +4 -0
  336. package/dist/components/Payroll/PayrollHistory/PayrollHistory.d.ts +19 -0
  337. package/dist/components/Payroll/PayrollHistory/PayrollHistory.js +114 -0
  338. package/dist/components/Payroll/PayrollHistory/PayrollHistory.js.map +1 -0
  339. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.d.ts +8 -11
  340. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js +193 -0
  341. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map +1 -0
  342. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.module.scss.js +8 -0
  343. package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.module.scss.js.map +1 -0
  344. package/dist/components/Payroll/PayrollLanding/PayrollLanding.d.ts +7 -0
  345. package/dist/components/Payroll/PayrollLanding/PayrollLanding.js +41 -0
  346. package/dist/components/Payroll/PayrollLanding/PayrollLanding.js.map +1 -0
  347. package/dist/components/Payroll/PayrollList/PayrollList.js +19 -21
  348. package/dist/components/Payroll/PayrollList/PayrollList.js.map +1 -1
  349. package/dist/components/Payroll/PayrollList/PayrollListPresentation.js +87 -80
  350. package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map +1 -1
  351. package/dist/components/Payroll/PayrollOverview/PayrollOverview.js +94 -42
  352. package/dist/components/Payroll/PayrollOverview/PayrollOverview.js.map +1 -1
  353. package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts +10 -1
  354. package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js +275 -135
  355. package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js.map +1 -1
  356. package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.d.ts +6 -0
  357. package/dist/components/Payroll/RunPayrollFlow/RunPayroll.d.ts +2 -2
  358. package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js +36 -30
  359. package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js.map +1 -1
  360. package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js +11 -11
  361. package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js.map +1 -1
  362. package/dist/components/Payroll/helpers.d.ts +21 -1
  363. package/dist/components/Payroll/helpers.js +166 -123
  364. package/dist/components/Payroll/helpers.js.map +1 -1
  365. package/dist/components/Payroll/index.d.ts +2 -0
  366. package/dist/components/Payroll/index.js +10 -6
  367. package/dist/components/Payroll/index.js.map +1 -1
  368. package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js +21 -19
  369. package/dist/contexts/ComponentAdapter/adapters/defaultComponentAdapter.js.map +1 -1
  370. package/dist/contexts/ComponentAdapter/componentAdapterTypes.d.ts +1 -0
  371. package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.d.ts +10 -0
  372. package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js +35 -31
  373. package/dist/contexts/ComponentAdapter/createComponentsWithDefaults.js.map +1 -1
  374. package/dist/contexts/ComponentAdapter/useComponentContext.d.ts +2 -0
  375. package/dist/contexts/ComponentAdapter/useComponentContext.js.map +1 -1
  376. package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js +7 -5
  377. package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map +1 -1
  378. package/dist/contexts/ThemeProvider/theme.d.ts +2 -0
  379. package/dist/contexts/ThemeProvider/theme.js +10 -8
  380. package/dist/contexts/ThemeProvider/theme.js.map +1 -1
  381. package/dist/helpers/formattedStrings.js +12 -11
  382. package/dist/helpers/formattedStrings.js.map +1 -1
  383. package/dist/helpers/readableStreamToBlob.d.ts +1 -0
  384. package/dist/helpers/readableStreamToBlob.js +17 -0
  385. package/dist/helpers/readableStreamToBlob.js.map +1 -0
  386. package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.d.ts +2 -4
  387. package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js.map +1 -1
  388. package/dist/i18n/I18n.js +9 -9
  389. package/dist/i18n/I18n.js.map +1 -1
  390. package/dist/i18n/en/Employee.Profile.json.js +32 -30
  391. package/dist/i18n/en/Employee.Profile.json.js.map +1 -1
  392. package/dist/i18n/en/Payroll.PayrollEditEmployee.json.js +34 -14
  393. package/dist/i18n/en/Payroll.PayrollEditEmployee.json.js.map +1 -1
  394. package/dist/i18n/en/Payroll.PayrollHistory.json.js +22 -0
  395. package/dist/i18n/en/Payroll.PayrollHistory.json.js.map +1 -0
  396. package/dist/i18n/en/Payroll.PayrollLanding.json.js +12 -0
  397. package/dist/i18n/en/Payroll.PayrollLanding.json.js.map +1 -0
  398. package/dist/i18n/en/Payroll.PayrollList.json.js +16 -12
  399. package/dist/i18n/en/Payroll.PayrollList.json.js.map +1 -1
  400. package/dist/i18n/en/Payroll.PayrollOverview.json.js +50 -22
  401. package/dist/i18n/en/Payroll.PayrollOverview.json.js.map +1 -1
  402. package/dist/i18n/en/Payroll.PayrollReceipts.json.js +16 -0
  403. package/dist/i18n/en/Payroll.PayrollReceipts.json.js.map +1 -0
  404. package/dist/node_modules/redux/es/redux.js +2 -2
  405. package/dist/node_modules/redux/es/redux.js.map +1 -1
  406. package/dist/shared/constants.d.ts +29 -0
  407. package/dist/shared/constants.js +62 -38
  408. package/dist/shared/constants.js.map +1 -1
  409. package/dist/style.css +1 -1
  410. package/dist/types/Helpers.d.ts +7 -0
  411. package/dist/types/i18next.d.ts +148 -43
  412. package/package.json +13 -13
  413. package/dist/i18n/en/Payroll.PayrollHistoryList.json.js +0 -16
  414. package/dist/i18n/en/Payroll.PayrollHistoryList.json.js.map +0 -1
  415. package/dist/i18n/en/payroll.payrollhistory.json.js +0 -20
  416. package/dist/i18n/en/payroll.payrollhistory.json.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n extends Omit<TextInputProps, 'name' | 'value'>,\n UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n rules,\n defaultValue,\n name,\n errorMessage,\n isRequired,\n onChange,\n transform,\n ...textInputProps\n}: TextInputFieldProps) => {\n const Components = useComponentContext()\n const fieldProps = useField({\n name,\n rules,\n defaultValue,\n errorMessage,\n isRequired,\n onChange,\n transform,\n })\n\n return <Components.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}
1
+ {"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>,\n UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n rules,\n defaultValue,\n name,\n errorMessage,\n isRequired,\n onChange,\n transform,\n description,\n onBlur,\n inputRef,\n ...textInputProps\n}: TextInputFieldProps) => {\n const Components = useComponentContext()\n const fieldProps = useField({\n name,\n rules,\n defaultValue,\n errorMessage,\n isRequired,\n onChange,\n transform,\n description,\n onBlur,\n inputRef,\n })\n\n return <Components.TextInput {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}
@@ -1,25 +1,26 @@
1
1
  import { RegisterOptions } from 'react-hook-form';
2
- import { default as React } from 'react';
2
+ import { default as React, Ref } from 'react';
3
3
  export type Transform<TValue> = (value: TValue) => TValue;
4
- export interface UseFieldProps<TValue = string> {
4
+ export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
5
5
  name: string;
6
6
  rules?: RegisterOptions;
7
7
  defaultValue?: TValue;
8
8
  errorMessage?: string;
9
9
  isRequired?: boolean;
10
10
  onChange?: (value: TValue) => void;
11
+ onBlur?: () => void;
11
12
  transform?: Transform<TValue>;
12
13
  description?: React.ReactNode;
14
+ inputRef?: Ref<TRef>;
13
15
  }
14
- export declare function useField<TValue = string>({ name, rules, defaultValue, errorMessage, isRequired, onChange, transform, description, }: UseFieldProps<TValue>): {
16
+ export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
17
+ name: string;
15
18
  value: TValue;
16
- inputRef: import('react-hook-form').RefCallBack;
19
+ inputRef: React.RefCallback<any> | null;
17
20
  isInvalid: boolean;
18
21
  errorMessage: string | undefined;
19
22
  onChange: (updatedValue: TValue) => void;
23
+ onBlur: () => void;
20
24
  isRequired: boolean;
21
25
  description: React.ReactNode;
22
- onBlur: import('react-hook-form').Noop;
23
- disabled?: boolean;
24
- name: string;
25
26
  };
@@ -1,43 +1,49 @@
1
- import { useFormContext as h, useController as M } from "react-hook-form";
2
- import F, { useMemo as x } from "react";
3
- import { createMarkup as y } from "../../../../helpers/formattedStrings.js";
4
- const D = (e) => !e || typeof e != "string" ? e : F.createElement("div", {
5
- dangerouslySetInnerHTML: y(e)
1
+ import { useFormContext as F, useController as k } from "react-hook-form";
2
+ import x, { useMemo as y } from "react";
3
+ import { createMarkup as D } from "../../../../helpers/formattedStrings.js";
4
+ import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
5
+ const R = (e) => !e || typeof e != "string" ? e : x.createElement("div", {
6
+ dangerouslySetInnerHTML: D(e)
6
7
  });
7
- function k({
8
+ function L({
8
9
  name: e,
9
- rules: u = {},
10
- defaultValue: i,
11
- errorMessage: f,
10
+ rules: c = {},
11
+ defaultValue: f,
12
+ errorMessage: m,
12
13
  isRequired: o = !1,
13
- onChange: m,
14
- transform: t,
15
- description: n
14
+ onChange: i,
15
+ onBlur: p,
16
+ transform: n,
17
+ description: t,
18
+ inputRef: g
16
19
  }) {
17
- const { control: p } = h(), { field: r, fieldState: s } = M({
20
+ const { control: d } = F(), { field: r, fieldState: s } = k({
18
21
  name: e,
19
- control: p,
22
+ control: d,
20
23
  rules: {
21
24
  required: o,
22
- ...u
25
+ ...c
23
26
  },
24
- defaultValue: i
25
- }), { ref: g, ...d } = r, v = (a) => {
26
- const c = t ? t(a) : a;
27
- r.onChange(c), m?.(c);
28
- }, l = !!s.error, C = x(() => D(n), [n]);
27
+ defaultValue: f
28
+ }), { value: h } = r, v = I(r.ref, g), C = (a) => {
29
+ const u = n ? n(a) : a;
30
+ r.onChange(u), i?.(u);
31
+ }, M = () => {
32
+ r.onBlur(), p?.();
33
+ }, l = !!s.error, B = y(() => R(t), [t]);
29
34
  return {
30
- ...d,
31
- value: r.value,
32
- inputRef: g,
35
+ name: r.name,
36
+ value: h,
37
+ inputRef: v,
33
38
  isInvalid: l,
34
- errorMessage: l ? f ?? s.error?.message : void 0,
35
- onChange: v,
39
+ errorMessage: l ? m ?? s.error?.message : void 0,
40
+ onChange: C,
41
+ onBlur: M,
36
42
  isRequired: o,
37
- description: C
43
+ description: B
38
44
  };
39
45
  }
40
46
  export {
41
- k as useField
47
+ L as useField
42
48
  };
43
49
  //# sourceMappingURL=useField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n name: string\n rules?: RegisterOptions\n defaultValue?: TValue\n errorMessage?: string\n isRequired?: boolean\n onChange?: (value: TValue) => void\n transform?: Transform<TValue>\n description?: React.ReactNode\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n if (!description || typeof description !== 'string') {\n return description\n }\n\n // Use DOMPurify to sanitize the string and return a React element\n return React.createElement('div', {\n dangerouslySetInnerHTML: createMarkup(description),\n })\n}\n\nexport function useField<TValue = string>({\n name,\n rules = {},\n defaultValue,\n errorMessage,\n isRequired = false,\n onChange,\n transform,\n description,\n}: UseFieldProps<TValue>) {\n const { control } = useFormContext()\n const { field, fieldState } = useController({\n name,\n control,\n rules: {\n required: isRequired,\n ...rules,\n },\n defaultValue,\n })\n\n const { ref, ...restFieldProps } = field\n\n const handleChange = (updatedValue: TValue) => {\n const value = transform ? transform(updatedValue) : updatedValue\n field.onChange(value)\n onChange?.(value)\n }\n\n const isInvalid = !!fieldState.error\n\n const processedDescription = useMemo(() => processDescription(description), [description])\n\n return {\n ...restFieldProps,\n value: field.value as TValue,\n inputRef: ref,\n isInvalid,\n errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n onChange: handleChange,\n isRequired,\n description: processedDescription,\n }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid","processedDescription","useMemo"],"mappings":";;;AAkBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAV;AACF,GAA0B;AACxB,QAAM,EAAE,SAAAW,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW,OAEzBQ,IAAuBC,EAAQ,MAAMxB,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,GAAGiB;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,IACA,aAAac;AAAA,EAAA;AAEjB;"}
1
+ {"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n name: string\n rules?: RegisterOptions\n defaultValue?: TValue\n errorMessage?: string\n isRequired?: boolean\n onChange?: (value: TValue) => void\n onBlur?: () => void\n transform?: Transform<TValue>\n description?: React.ReactNode\n inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n if (!description || typeof description !== 'string') {\n return description\n }\n\n // Use DOMPurify to sanitize the string and return a React element\n return React.createElement('div', {\n dangerouslySetInnerHTML: createMarkup(description),\n })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n name,\n rules = {},\n defaultValue,\n errorMessage,\n isRequired = false,\n onChange,\n onBlur,\n transform,\n description,\n inputRef,\n}: UseFieldProps<TValue, TRef>) {\n const { control } = useFormContext()\n const { field, fieldState } = useController({\n name,\n control,\n rules: {\n required: isRequired,\n ...rules,\n },\n defaultValue,\n })\n\n const { value } = field\n\n const ref = useForkRef(field.ref, inputRef)\n\n const handleChange = (updatedValue: TValue) => {\n const value = transform ? transform(updatedValue) : updatedValue\n field.onChange(value)\n onChange?.(value)\n }\n\n const handleBlur = () => {\n field.onBlur()\n onBlur?.()\n }\n\n const isInvalid = !!fieldState.error\n\n const processedDescription = useMemo(() => processDescription(description), [description])\n\n return {\n name: field.name,\n value: value as TValue,\n inputRef: ref,\n isInvalid,\n errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n onChange: handleChange,\n onBlur: handleBlur,\n isRequired,\n description: processedDescription,\n }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","control","useFormContext","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAqBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAY;AACF,GAAgC;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAb;AAAA,IACA,SAAAS;AAAA,IACA,OAAO;AAAA,MACL,UAAUL;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAY,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKH,CAAQ,GAEpCS,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQP,IAAYA,EAAUW,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBT,IAAWS,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNL,IAAA;AAAA,EACF,GAEMc,IAAY,CAAC,CAACR,EAAW,OAEzBS,IAAuBC,EAAQ,MAAM3B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMe,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAajB,KAAgBS,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAf;AAAA,IACA,aAAaiB;AAAA,EAAA;AAEjB;"}
@@ -5,22 +5,24 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
5
5
  import t from "./SignatureForm.module.scss.js";
6
6
  import { Form as u } from "../Form/Form.js";
7
7
  import { Flex as c } from "../Flex/Flex.js";
8
+ import "react-i18next";
9
+ import "classnames";
8
10
  const f = o.object({
9
11
  signature: o.string().min(1),
10
12
  confirmSignature: o.literal(!0)
11
- }), d = {
13
+ }), p = {
12
14
  signature: ""
13
15
  };
14
- function b({ onSubmit: m, children: i, formProps: n }) {
16
+ function z({ onSubmit: m, children: i, formProps: n }) {
15
17
  const e = s({
16
18
  resolver: l(f),
17
- defaultValues: d,
19
+ defaultValues: p,
18
20
  ...n
19
21
  });
20
22
  return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
21
23
  }
22
24
  export {
23
- b as SignatureForm,
25
+ z as SignatureForm,
24
26
  f as SignatureFormSchema
25
27
  };
26
28
  //# sourceMappingURL=SignatureForm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n signature: z.string().min(1),\n confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n children?: React.ReactNode\n formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n const methods = useForm<SignatureFormInputs>({\n resolver: zodResolver(SignatureFormSchema),\n defaultValues: signatureFormDefaultValues,\n ...formProps,\n })\n\n return (\n <FormProvider {...methods}>\n <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n <div className={styles.formFields}>\n <Flex flexDirection=\"column\" gap={20}>\n {children}\n </Flex>\n </div>\n </Form>\n </FormProvider>\n )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
1
+ {"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n signature: z.string().min(1),\n confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n children?: React.ReactNode\n formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n const methods = useForm<SignatureFormInputs>({\n resolver: zodResolver(SignatureFormSchema),\n defaultValues: signatureFormDefaultValues,\n ...formProps,\n })\n\n return (\n <FormProvider {...methods}>\n <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n <div className={styles.formFields}>\n <Flex flexDirection=\"column\" gap={20}>\n {children}\n </Flex>\n </div>\n </Form>\n </FormProvider>\n )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
@@ -1,19 +1,21 @@
1
- import { jsxs as s, jsx as n } from "react/jsx-runtime";
2
- import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
3
- import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
4
- function f({
1
+ import { jsxs as m, jsx as n } from "react/jsx-runtime";
2
+ import "react-i18next";
3
+ import "classnames";
4
+ import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
5
+ import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
6
+ function d({
5
7
  onBack: t,
6
8
  backLabel: r,
7
- submitLabel: e,
8
- isLoading: i = !1
9
+ submitLabel: i,
10
+ isLoading: e = !1
9
11
  }) {
10
- const o = u();
11
- return /* @__PURE__ */ s(m, { children: [
12
+ const o = p();
13
+ return /* @__PURE__ */ m(s, { children: [
12
14
  t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
13
- /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
15
+ /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: e, children: i })
14
16
  ] });
15
17
  }
16
18
  export {
17
- f as SignatureFormActions
19
+ d as SignatureFormActions
18
20
  };
19
21
  //# sourceMappingURL=SignatureFormActions.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n onBack?: () => void\n backLabel: string\n submitLabel: string\n isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n onBack,\n backLabel,\n submitLabel,\n isLoading = false,\n}: SignatureFormActionsProps) {\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n {onBack && (\n <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n {backLabel}\n </Components.Button>\n )}\n <Components.Button type=\"submit\" isLoading={isLoading}>\n {submitLabel}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
1
+ {"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n onBack?: () => void\n backLabel: string\n submitLabel: string\n isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n onBack,\n backLabel,\n submitLabel,\n isLoading = false,\n}: SignatureFormActionsProps) {\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n {onBack && (\n <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n {backLabel}\n </Components.Button>\n )}\n <Components.Button type=\"submit\" isLoading={isLoading}>\n {submitLabel}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
@@ -1,14 +1,16 @@
1
- import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
2
+ import "react-i18next";
3
+ import "classnames";
2
4
  import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
3
5
  import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
4
- function p({
6
+ function f({
5
7
  signatureLabel: r,
6
8
  signatureDescription: i = "",
7
9
  signatureError: t = "",
8
10
  confirmationLabel: o,
9
- confirmationError: n = ""
11
+ confirmationError: m = ""
10
12
  }) {
11
- return /* @__PURE__ */ s(m, { children: [
13
+ return /* @__PURE__ */ n(s, { children: [
12
14
  /* @__PURE__ */ e(
13
15
  a,
14
16
  {
@@ -25,12 +27,12 @@ function p({
25
27
  name: "confirmSignature",
26
28
  isRequired: !0,
27
29
  label: o,
28
- errorMessage: n
30
+ errorMessage: m
29
31
  }
30
32
  )
31
33
  ] });
32
34
  }
33
35
  export {
34
- p as SignatureFormFields
36
+ f as SignatureFormFields
35
37
  };
36
38
  //# sourceMappingURL=SignatureFormFields.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n signatureLabel: string\n signatureDescription?: string\n signatureError?: string\n confirmationLabel: string\n confirmationError?: string\n}\n\nexport function SignatureFormFields({\n signatureLabel,\n signatureDescription = '',\n signatureError = '',\n confirmationLabel,\n confirmationError = '',\n}: SignatureFormFieldsProps) {\n return (\n <>\n <TextInputField\n name=\"signature\"\n label={signatureLabel}\n description={signatureDescription}\n errorMessage={signatureError}\n isRequired\n />\n <CheckboxField\n name=\"confirmSignature\"\n isRequired\n label={confirmationLabel}\n errorMessage={confirmationError}\n />\n </>\n )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
1
+ {"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n signatureLabel: string\n signatureDescription?: string\n signatureError?: string\n confirmationLabel: string\n confirmationError?: string\n}\n\nexport function SignatureFormFields({\n signatureLabel,\n signatureDescription = '',\n signatureError = '',\n confirmationLabel,\n confirmationError = '',\n}: SignatureFormFieldsProps) {\n return (\n <>\n <TextInputField\n name=\"signature\"\n label={signatureLabel}\n description={signatureDescription}\n errorMessage={signatureError}\n isRequired\n />\n <CheckboxField\n name=\"confirmSignature\"\n isRequired\n label={confirmationLabel}\n errorMessage={confirmationError}\n />\n </>\n )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
@@ -1,20 +1,20 @@
1
- import { jsx as r, jsxs as a } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as t } from "react/jsx-runtime";
2
2
  import { useId as u, useRef as p, useEffect as v } from "react";
3
3
  import g from "classnames";
4
4
  import { ButtonIcon as N } from "../Button/ButtonIcon.js";
5
- import { AlertDefaults as S } from "./AlertTypes.js";
5
+ import { AlertDefaults as b } from "./AlertTypes.js";
6
6
  import e from "./Alert.module.scss.js";
7
- import { applyMissingDefaults as b } from "../../../../helpers/applyMissingDefaults.js";
7
+ import { applyMissingDefaults as S } from "../../../../helpers/applyMissingDefaults.js";
8
8
  import I from "../../../../assets/icons/info.svg.js";
9
9
  import y from "../../../../assets/icons/success_check.svg.js";
10
- import D from "../../../../assets/icons/warning.svg.js";
11
- import w from "../../../../assets/icons/error.svg.js";
12
- import x from "../../../../assets/icons/close.svg.js";
13
- function z(n) {
14
- const l = b(n, S), { label: c, children: m, status: i, icon: d, className: f, onDismiss: t } = l, o = u(), s = p(null), h = i === "info" ? /* @__PURE__ */ r(I, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(D, { "aria-hidden": !0 }) : /* @__PURE__ */ r(w, { "aria-hidden": !0 });
10
+ import C from "../../../../assets/icons/warning.svg.js";
11
+ import D from "../../../../assets/icons/error.svg.js";
12
+ import w from "../../../../assets/icons/close.svg.js";
13
+ function q(n) {
14
+ const l = S(n, b), { label: c, children: m, status: i, icon: d, className: f, onDismiss: a } = l, o = u(), s = p(null), h = i === "info" ? /* @__PURE__ */ r(I, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
15
15
  return v(() => {
16
16
  s.current && s.current.scrollIntoView({ behavior: "smooth" });
17
- }, []), /* @__PURE__ */ r("div", { className: g(e.root, f), children: /* @__PURE__ */ a(
17
+ }, []), /* @__PURE__ */ r("div", { className: g(e.root, f), children: /* @__PURE__ */ t(
18
18
  "div",
19
19
  {
20
20
  className: e.alert,
@@ -23,17 +23,17 @@ function z(n) {
23
23
  "data-variant": i,
24
24
  ref: s,
25
25
  children: [
26
- /* @__PURE__ */ r("div", { className: e.icon, children: d || h }),
27
- /* @__PURE__ */ a("div", { className: e.contentWrapper, children: [
26
+ /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ t("div", { className: e.iconLabelContainer, children: [
27
+ /* @__PURE__ */ r("div", { className: e.icon, children: d || h }),
28
28
  /* @__PURE__ */ r("h6", { id: o, children: c }),
29
- /* @__PURE__ */ r("div", { className: e.content, children: m })
30
- ] }),
31
- t && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(N, { variant: "tertiary", onClick: t, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(x, { width: 36, height: 36 }) }) })
29
+ a && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(N, { variant: "tertiary", onClick: a, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(w, { width: 36, height: 36 }) }) })
30
+ ] }) }),
31
+ /* @__PURE__ */ r("div", { className: e.content, children: m })
32
32
  ]
33
33
  }
34
34
  ) });
35
35
  }
36
36
  export {
37
- z as Alert
37
+ q as Alert
38
38
  };
39
39
  //# sourceMappingURL=Alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n const { label, children, status, icon, className, onDismiss } = resolvedProps\n const id = useId()\n const alertRef = useRef<HTMLDivElement>(null)\n const defaultIcon =\n status === 'info' ? (\n <InfoIcon aria-hidden />\n ) : status === 'success' ? (\n <SuccessIcon aria-hidden />\n ) : status === 'warning' ? (\n <WarningIcon aria-hidden />\n ) : (\n <ErrorIcon aria-hidden />\n )\n\n useEffect(() => {\n if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n }, [])\n\n return (\n <div className={classNames(styles.root, className)}>\n <div\n className={styles.alert}\n role=\"alert\"\n aria-labelledby={id}\n data-variant={status}\n ref={alertRef}\n >\n <div className={styles.icon}>{icon || defaultIcon}</div>\n <div className={styles.contentWrapper}>\n <h6 id={id}>{label}</h6>\n <div className={styles.content}>{children}</div>\n </div>\n {onDismiss && (\n <div className={styles.dismiss}>\n <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n <CloseIcon width={36} height={36} />\n </ButtonIcon>\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,MAAcR,GAC1DS,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJR,MAAW,SACT,gBAAAS,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBV,MAAW,YACb,gBAAAS,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBX,MAAW,YACb,gBAAAS,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMd,CAAS,GAC/C,UAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcJ;AAAA,MACd,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAN,EAAA,CAAM;AAAA,UACnB,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAjB,EAAA,CAAS;AAAA,QAAA,GAC5C;AAAA,QACCI,uBACE,OAAA,EAAI,WAAWa,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAASf,GAAW,cAAW,iBAC5D,UAAA,gBAAAM,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
1
+ {"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n const { label, children, status, icon, className, onDismiss } = resolvedProps\n const id = useId()\n const alertRef = useRef<HTMLDivElement>(null)\n const defaultIcon =\n status === 'info' ? (\n <InfoIcon aria-hidden />\n ) : status === 'success' ? (\n <SuccessIcon aria-hidden />\n ) : status === 'warning' ? (\n <WarningIcon aria-hidden />\n ) : (\n <ErrorIcon aria-hidden />\n )\n\n useEffect(() => {\n if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n }, [])\n\n return (\n <div className={classNames(styles.root, className)}>\n <div\n className={styles.alert}\n role=\"alert\"\n aria-labelledby={id}\n data-variant={status}\n ref={alertRef}\n >\n <div className={styles.header}>\n <div className={styles.iconLabelContainer}>\n <div className={styles.icon}>{icon || defaultIcon}</div>\n <h6 id={id}>{label}</h6>\n {onDismiss && (\n <div className={styles.dismiss}>\n <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n <CloseIcon width={36} height={36} />\n </ButtonIcon>\n </div>\n )}\n </div>\n </div>\n <div className={styles.content}>{children}</div>\n </div>\n </div>\n )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,MAAcR,GAC1DS,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJR,MAAW,SACT,gBAAAS,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBV,MAAW,YACb,gBAAAS,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBX,MAAW,YACb,gBAAAS,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMd,CAAS,GAC/C,UAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcJ;AAAA,MACd,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAN,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWa,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAASf,GAAW,cAAW,iBAC5D,UAAA,gBAAAM,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACA,gBAAAV,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAjB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}
@@ -1,18 +1,20 @@
1
- const t = "_root_bw473_1", o = "_alert_bw473_1", n = "_icon_bw473_15", s = "_contentWrapper_bw473_23", _ = "_content_bw473_23", c = "_dismiss_bw473_41", e = {
2
- root: t,
1
+ const n = "_root_hr8n7_1", o = "_alert_hr8n7_1", t = "_header_hr8n7_15", e = "_iconLabelContainer_hr8n7_20", _ = "_icon_hr8n7_20", r = "_content_hr8n7_41", s = "_dismiss_hr8n7_50", c = {
2
+ root: n,
3
3
  alert: o,
4
- icon: n,
5
- contentWrapper: s,
6
- content: _,
7
- dismiss: c
4
+ header: t,
5
+ iconLabelContainer: e,
6
+ icon: _,
7
+ content: r,
8
+ dismiss: s
8
9
  };
9
10
  export {
10
11
  o as alert,
11
- _ as content,
12
- s as contentWrapper,
13
- e as default,
14
- c as dismiss,
15
- n as icon,
16
- t as root
12
+ r as content,
13
+ c as default,
14
+ s as dismiss,
15
+ t as header,
16
+ _ as icon,
17
+ e as iconLabelContainer,
18
+ n as root
17
19
  };
18
20
  //# sourceMappingURL=Alert.module.scss.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- const a = "_cardContainer_17qsq_1", n = {
1
+ const a = "_cardContainer_sq7ek_1", n = {
2
2
  cardContainer: a
3
3
  };
4
4
  export {
@@ -1,6 +1,6 @@
1
1
  import { InputHTMLAttributes, Ref } from 'react';
2
2
  import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
3
- export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {
3
+ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {
4
4
  /**
5
5
  * Current checked state of the checkbox
6
6
  */
@@ -21,6 +21,10 @@ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<In
21
21
  * Disables the checkbox and prevents interaction
22
22
  */
23
23
  isDisabled?: boolean;
24
+ /**
25
+ * Handler for blur events
26
+ */
27
+ onBlur?: () => void;
24
28
  }
25
29
  /**
26
30
  * Default prop values for Checkbox component.
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n extends SharedHorizontalFieldLayoutProps,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n /**\n * Current checked state of the checkbox\n */\n value?: boolean\n /**\n * Callback when checkbox state changes\n */\n onChange?: (value: boolean) => void\n /**\n * React ref for the checkbox input element\n */\n inputRef?: Ref<HTMLInputElement>\n /**\n * Indicates if the checkbox is in an invalid state\n */\n isInvalid?: boolean\n /**\n * Disables the checkbox and prevents interaction\n */\n isDisabled?: boolean\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n isInvalid: false,\n isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AA+BO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}
1
+ {"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n extends SharedHorizontalFieldLayoutProps,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n /**\n * Current checked state of the checkbox\n */\n value?: boolean\n /**\n * Callback when checkbox state changes\n */\n onChange?: (value: boolean) => void\n /**\n * React ref for the checkbox input element\n */\n inputRef?: Ref<HTMLInputElement>\n /**\n * Indicates if the checkbox is in an invalid state\n */\n isInvalid?: boolean\n /**\n * Disables the checkbox and prevents interaction\n */\n isDisabled?: boolean\n /**\n * Handler for blur events\n */\n onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n isInvalid: false,\n isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAmCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}
@@ -1,4 +1,4 @@
1
- import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
1
+ import { InputHTMLAttributes, Ref } from 'react';
2
2
  import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
3
3
  export interface ComboBoxOption {
4
4
  /**
@@ -30,7 +30,7 @@ export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAtt
30
30
  /**
31
31
  * Handler for blur events
32
32
  */
33
- onBlur?: (e: FocusEvent) => void;
33
+ onBlur?: () => void;
34
34
  /**
35
35
  * Array of options to display in the dropdown
36
36
  */
@@ -1,4 +1,4 @@
1
- import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
1
+ import { InputHTMLAttributes, Ref } from 'react';
2
2
  import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
3
3
  export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
4
4
  /**
@@ -20,7 +20,7 @@ export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLA
20
20
  /**
21
21
  * Handler for blur events
22
22
  */
23
- onBlur?: (e: FocusEvent) => void;
23
+ onBlur?: () => void;
24
24
  /**
25
25
  * Label text for the date picker field
26
26
  */
@@ -0,0 +1,2 @@
1
+ import { DialogProps } from './DialogTypes';
2
+ export declare function Dialog(rawProps: DialogProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,84 @@
1
+ import { jsx as o, jsxs as p } from "react/jsx-runtime";
2
+ import { useRef as s, useState as B, useLayoutEffect as E } from "react";
3
+ import { Button as g } from "../Button/Button.js";
4
+ import { Grid as P } from "../../Grid/Grid.js";
5
+ import { DialogDefaults as R } from "./DialogTypes.js";
6
+ import r from "./Dialog.module.scss.js";
7
+ import { applyMissingDefaults as j } from "../../../../helpers/applyMissingDefaults.js";
8
+ import { useContainerBreakpoints as K } from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
9
+ import { transitionDuration as M } from "../../../../contexts/ThemeProvider/theme.js";
10
+ function Q(h) {
11
+ const k = j(h, R), {
12
+ isOpen: n,
13
+ onClose: t,
14
+ onPrimaryActionClick: a,
15
+ isDestructive: y,
16
+ isPrimaryActionLoading: C,
17
+ primaryActionLabel: v,
18
+ closeActionLabel: b,
19
+ title: l,
20
+ children: c,
21
+ shouldCloseOnBackdropClick: A
22
+ } = k, m = s(null), d = s(null), D = K({
23
+ ref: d
24
+ }), [x, u] = B(!1), i = s(null), N = D.includes("small") ? ["1fr", "1fr"] : "1fr";
25
+ E(() => {
26
+ const e = m.current;
27
+ if (e)
28
+ return i.current && clearTimeout(i.current), n && !e.open ? (e.showModal(), requestAnimationFrame(() => {
29
+ e.setAttribute("data-show", "true");
30
+ })) : !n && e.open && (u(!0), i.current = setTimeout(() => {
31
+ e.close(), e.removeAttribute("data-show"), u(!1);
32
+ }, M)), () => {
33
+ i.current && clearTimeout(i.current);
34
+ };
35
+ }, [n]);
36
+ const T = (e) => {
37
+ e.target === e.currentTarget && A && t?.();
38
+ }, w = (e) => {
39
+ e.key === "Escape" && t?.();
40
+ }, f = () => {
41
+ t && t();
42
+ }, L = () => {
43
+ a && a();
44
+ };
45
+ return /* @__PURE__ */ o(
46
+ "dialog",
47
+ {
48
+ ref: m,
49
+ className: r.dialog,
50
+ onClose: f,
51
+ "data-exiting": x || void 0,
52
+ children: /* @__PURE__ */ o(
53
+ "div",
54
+ {
55
+ ref: d,
56
+ className: r.backdrop,
57
+ onClick: T,
58
+ onKeyDown: w,
59
+ role: "presentation",
60
+ children: /* @__PURE__ */ p("div", { className: r.content, children: [
61
+ l && /* @__PURE__ */ o("div", { className: r.title, children: l }),
62
+ c && /* @__PURE__ */ o("div", { className: r.body, children: c }),
63
+ /* @__PURE__ */ p(P, { gridTemplateColumns: N, gap: 12, className: r.actions, children: [
64
+ /* @__PURE__ */ o(g, { variant: "secondary", onClick: f, children: b }),
65
+ /* @__PURE__ */ o(
66
+ g,
67
+ {
68
+ variant: y ? "error" : "primary",
69
+ onClick: L,
70
+ isLoading: C,
71
+ children: v
72
+ }
73
+ )
74
+ ] })
75
+ ] })
76
+ }
77
+ )
78
+ }
79
+ );
80
+ }
81
+ export {
82
+ Q as Dialog
83
+ };
84
+ //# sourceMappingURL=Dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { Button } from '../Button/Button'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { transitionDuration } from '@/contexts/ThemeProvider/theme'\n\nexport function Dialog(rawProps: DialogProps) {\n const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n const {\n isOpen,\n onClose,\n onPrimaryActionClick,\n isDestructive,\n isPrimaryActionLoading,\n primaryActionLabel,\n closeActionLabel,\n title,\n children,\n shouldCloseOnBackdropClick,\n } = resolvedProps\n\n const dialogRef = useRef<HTMLDialogElement>(null)\n const backdropRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({\n ref: backdropRef,\n })\n\n const [isExiting, setIsExiting] = useState(false)\n const transitionTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n useLayoutEffect(() => {\n const dialog = dialogRef.current\n if (!dialog) return\n\n if (transitionTimeoutRef.current) {\n clearTimeout(transitionTimeoutRef.current)\n }\n\n if (isOpen && !dialog.open) {\n dialog.showModal()\n requestAnimationFrame(() => {\n dialog.setAttribute('data-show', 'true')\n })\n } else if (!isOpen && dialog.open) {\n setIsExiting(true)\n transitionTimeoutRef.current = setTimeout(() => {\n dialog.close()\n dialog.removeAttribute('data-show')\n setIsExiting(false)\n }, transitionDuration)\n }\n\n return () => {\n if (transitionTimeoutRef.current) {\n clearTimeout(transitionTimeoutRef.current)\n }\n }\n }, [isOpen])\n\n const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (event.target === event.currentTarget && shouldCloseOnBackdropClick) {\n onClose?.()\n }\n }\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Escape') {\n onClose?.()\n }\n }\n\n const handleClose = () => {\n if (onClose) {\n onClose()\n }\n }\n\n const handlePrimaryAction = () => {\n if (onPrimaryActionClick) {\n onPrimaryActionClick()\n }\n }\n\n return (\n <dialog\n ref={dialogRef}\n className={styles.dialog}\n onClose={handleClose}\n data-exiting={isExiting || undefined}\n >\n <div\n ref={backdropRef}\n className={styles.backdrop}\n onClick={handleBackdropClick}\n onKeyDown={handleKeyDown}\n role=\"presentation\"\n >\n <div className={styles.content}>\n {title && <div className={styles.title}>{title}</div>}\n {children && <div className={styles.body}>{children}</div>}\n <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n <Button variant=\"secondary\" onClick={handleClose}>\n {closeActionLabel}\n </Button>\n <Button\n variant={isDestructive ? 'error' : 'primary'}\n onClick={handlePrimaryAction}\n isLoading={isPrimaryActionLoading}\n >\n {primaryActionLabel}\n </Button>\n </Grid>\n </div>\n </div>\n </dialog>\n )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","dialogRef","useRef","backdropRef","breakpoints","useContainerBreakpoints","isExiting","setIsExiting","useState","transitionTimeoutRef","gridColumns","useLayoutEffect","dialog","transitionDuration","handleBackdropClick","event","handleKeyDown","handleClose","handlePrimaryAction","jsx","styles","jsxs","Grid","Button"],"mappings":";;;;;;;;;AASO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAYC,EAA0B,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GACzCE,IAAcC,EAAwB;AAAA,IAC1C,KAAKF;AAAA,EAAA,CACN,GAEK,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAuBP,EAA8B,IAAI,GACzDQ,IAAcN,EAAY,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI;AAErE,EAAAO,EAAgB,MAAM;AACpB,UAAMC,IAASX,EAAU;AACzB,QAAKW;AAEL,aAAIH,EAAqB,WACvB,aAAaA,EAAqB,OAAO,GAGvClB,KAAU,CAACqB,EAAO,QACpBA,EAAO,UAAA,GACP,sBAAsB,MAAM;AAC1B,QAAAA,EAAO,aAAa,aAAa,MAAM;AAAA,MACzC,CAAC,KACQ,CAACrB,KAAUqB,EAAO,SAC3BL,EAAa,EAAI,GACjBE,EAAqB,UAAU,WAAW,MAAM;AAC9C,QAAAG,EAAO,MAAA,GACPA,EAAO,gBAAgB,WAAW,GAClCL,EAAa,EAAK;AAAA,MACpB,GAAGM,CAAkB,IAGhB,MAAM;AACX,QAAIJ,EAAqB,WACvB,aAAaA,EAAqB,OAAO;AAAA,MAE7C;AAAA,EACF,GAAG,CAAClB,CAAM,CAAC;AAEX,QAAMuB,IAAsB,CAACC,MAA4C;AACvE,IAAIA,EAAM,WAAWA,EAAM,iBAAiBf,KAC1CR,IAAA;AAAA,EAEJ,GAEMwB,IAAgB,CAACD,MAA+C;AACpE,IAAIA,EAAM,QAAQ,YAChBvB,IAAA;AAAA,EAEJ,GAEMyB,IAAc,MAAM;AACxB,IAAIzB,KACFA,EAAA;AAAA,EAEJ,GAEM0B,IAAsB,MAAM;AAChC,IAAIzB,KACFA,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WAAWmB,EAAO;AAAA,MAClB,SAASH;AAAA,MACT,gBAAcX,KAAa;AAAA,MAE3B,UAAA,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKhB;AAAA,UACL,WAAWiB,EAAO;AAAA,UAClB,SAASN;AAAA,UACT,WAAWE;AAAA,UACX,MAAK;AAAA,UAEL,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,SACpB,UAAA;AAAA,YAAAtB,KAAS,gBAAAqB,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAtB,GAAM;AAAA,YAC9CC,KAAY,gBAAAoB,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAArB,GAAS;AAAA,YACpD,gBAAAsB,EAACC,KAAK,qBAAqBZ,GAAa,KAAK,IAAI,WAAWU,EAAO,SACjE,UAAA;AAAA,cAAA,gBAAAD,EAACI,GAAA,EAAO,SAAQ,aAAY,SAASN,GAClC,UAAApB,GACH;AAAA,cACA,gBAAAsB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,SAAS7B,IAAgB,UAAU;AAAA,kBACnC,SAASwB;AAAA,kBACT,WAAWvB;AAAA,kBAEV,UAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
@@ -0,0 +1,18 @@
1
+ const t = "_dialog_kvl1b_1", o = "_backdrop_kvl1b_21", _ = "_content_kvl1b_31", c = "_title_kvl1b_57", n = "_body_kvl1b_65", l = "_actions_kvl1b_71", s = {
2
+ dialog: t,
3
+ backdrop: o,
4
+ content: _,
5
+ title: c,
6
+ body: n,
7
+ actions: l
8
+ };
9
+ export {
10
+ l as actions,
11
+ o as backdrop,
12
+ n as body,
13
+ _ as content,
14
+ s as default,
15
+ t as dialog,
16
+ c as title
17
+ };
18
+ //# sourceMappingURL=Dialog.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}