@payfit/unity-components 2.0.0 → 2.1.4

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 (353) hide show
  1. package/dist/esm/components/alert/Alert.js +41 -29
  2. package/dist/esm/components/alert/parts/AlertTitle.js +8 -8
  3. package/dist/esm/components/app-layout/AppLayout.d.ts +2 -0
  4. package/dist/esm/components/app-menu/parts/AppMenuFooter.js +23 -23
  5. package/dist/esm/components/app-menu/parts/AppMenuHeader.d.ts +1 -1
  6. package/dist/esm/components/app-menu/parts/AppMenuHeader.js +9 -9
  7. package/dist/esm/components/autocomplete/Autocomplete.d.ts +0 -9
  8. package/dist/esm/components/autocomplete/Autocomplete.js +54 -57
  9. package/dist/esm/components/autocomplete/parts/AutocompleteItem.js +8 -8
  10. package/dist/esm/components/avatar/Avatar.variants.js +1 -1
  11. package/dist/esm/components/avatar/parts/AvatarFallback.js +26 -27
  12. package/dist/esm/components/badge/Badge.js +1 -1
  13. package/dist/esm/components/breadcrumbs/Breadcrumbs.variant.js +1 -1
  14. package/dist/esm/components/button/Button.js +6 -6
  15. package/dist/esm/components/button/Button.variants.d.ts +1 -0
  16. package/dist/esm/components/button/Button.variants.js +22 -15
  17. package/dist/esm/components/card/Card.context.d.ts +5 -0
  18. package/dist/esm/components/card/Card.context.js +14 -0
  19. package/dist/esm/components/card/Card.d.ts +210 -0
  20. package/dist/esm/components/card/Card.js +93 -0
  21. package/dist/esm/components/card/parts/CardContent.d.ts +37 -0
  22. package/dist/esm/components/card/parts/CardContent.js +8 -0
  23. package/dist/esm/components/card/parts/CardTitle.d.ts +55 -0
  24. package/dist/esm/components/card/parts/CardTitle.js +33 -0
  25. package/dist/esm/components/checkbox/Checkbox.js +38 -30
  26. package/dist/esm/components/checkbox/Checkbox.variants.d.ts +9 -9
  27. package/dist/esm/components/checkbox/Checkbox.variants.js +23 -7
  28. package/dist/esm/components/checkbox/TanstackCheckbox.d.ts +28 -0
  29. package/dist/esm/components/checkbox/TanstackCheckbox.js +51 -0
  30. package/dist/esm/components/checkbox/parts/CheckboxIndicator.js +7 -7
  31. package/dist/esm/components/checkbox-field/CheckboxField.d.ts +2 -0
  32. package/dist/esm/components/checkbox-field/TanstackCheckboxField.d.ts +14 -0
  33. package/dist/esm/components/checkbox-field/TanstackCheckboxField.js +40 -0
  34. package/dist/esm/components/checkbox-group/TanstackCheckboxGroup.d.ts +4 -0
  35. package/dist/esm/components/checkbox-group/TanstackCheckboxGroup.js +37 -0
  36. package/dist/esm/components/checkbox-group-field/CheckboxGroupField.d.ts +2 -0
  37. package/dist/esm/components/checkbox-group-field/TanstackCheckGroupField.d.ts +72 -0
  38. package/dist/esm/components/checkbox-group-field/TanstackCheckGroupField.js +40 -0
  39. package/dist/esm/components/client-side-pagination/parts/PaginationNavButton.js +1 -1
  40. package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.js +10 -10
  41. package/dist/esm/components/collapsible/parts/CollapsibleContent.js +5 -5
  42. package/dist/esm/components/collapsible/parts/CollapsibleTitle.js +8 -8
  43. package/dist/esm/components/data-table/DataTable.d.ts +109 -16
  44. package/dist/esm/components/data-table/DataTable.js +107 -93
  45. package/dist/esm/components/data-table/mocks/employee-data.d.ts +1 -0
  46. package/dist/esm/components/date-calendar/DateCalendar.js +1 -1
  47. package/dist/esm/components/date-calendar/parts/DateSegmentSelect.js +1 -1
  48. package/dist/esm/components/date-picker/DatePicker.d.ts +1 -1
  49. package/dist/esm/components/date-picker/DatePicker.js +59 -50
  50. package/dist/esm/components/date-picker/TanstackDatePicker.d.ts +22 -0
  51. package/dist/esm/components/date-picker/TanstackDatePicker.js +53 -0
  52. package/dist/esm/components/date-picker/parts/DateInput.js +4 -4
  53. package/dist/esm/components/date-picker-field/DatePickerField.d.ts +2 -0
  54. package/dist/esm/components/date-picker-field/TanstackDatePickerField.d.ts +71 -0
  55. package/dist/esm/components/date-picker-field/TanstackDatePickerField.js +41 -0
  56. package/dist/esm/components/definition-list/DefinitionList.context.d.ts +19 -0
  57. package/dist/esm/components/definition-list/DefinitionList.d.ts +24 -0
  58. package/dist/esm/components/definition-list/parts/DefinitionItem.d.ts +25 -0
  59. package/dist/esm/components/dialog/Dialog.d.ts +34 -22
  60. package/dist/esm/components/dialog/Dialog.js +90 -52
  61. package/dist/esm/components/dialog/parts/DialogActions.js +6 -6
  62. package/dist/esm/components/dialog/parts/DialogTitle.js +7 -4
  63. package/dist/esm/components/dialog/test-utils.d.ts +28 -0
  64. package/dist/esm/components/dialog/test-utils.js +78 -0
  65. package/dist/esm/components/error-state/ErrorState.js +7 -7
  66. package/dist/esm/components/filter/Filter.controls.d.ts +192 -0
  67. package/dist/esm/components/filter/Filter.controls.js +45 -0
  68. package/dist/esm/components/filter/Filter.d.ts +189 -0
  69. package/dist/esm/components/filter/Filter.js +147 -0
  70. package/dist/esm/components/filter/Filter.types.d.ts +121 -0
  71. package/dist/esm/components/filter/hooks/useFilterIds.d.ts +49 -0
  72. package/dist/esm/components/filter/hooks/useFilterIds.js +13 -0
  73. package/dist/esm/components/filter/hooks/useFilterState.d.ts +74 -0
  74. package/dist/esm/components/filter/hooks/useFilterState.js +23 -0
  75. package/dist/esm/components/filter/hooks/useFilterValue.d.ts +61 -0
  76. package/dist/esm/components/filter/hooks/useFilterValue.js +31 -0
  77. package/dist/esm/components/filter/parts/FilterButton.d.ts +75 -0
  78. package/dist/esm/components/filter/parts/FilterButton.js +55 -0
  79. package/dist/esm/components/filter/parts/FilterLabel.d.ts +96 -0
  80. package/dist/esm/components/filter/parts/FilterLabel.js +57 -0
  81. package/dist/esm/components/filter/parts/FilterPopover.d.ts +95 -0
  82. package/dist/esm/components/filter/parts/FilterPopover.js +79 -0
  83. package/dist/esm/components/filter/utils/value-formatters.d.ts +62 -0
  84. package/dist/esm/components/filter/utils/value-formatters.js +14 -0
  85. package/dist/esm/components/filter-toolbar/FilterToolbar.d.ts +110 -0
  86. package/dist/esm/components/filter-toolbar/FilterToolbar.js +172 -0
  87. package/dist/esm/components/filter-toolbar/FilterToolbar.types.d.ts +119 -0
  88. package/dist/esm/components/filter-toolbar/hooks/use-filter-toolbar-state.d.ts +96 -0
  89. package/dist/esm/components/filter-toolbar/hooks/use-filter-toolbar-state.js +132 -0
  90. package/dist/esm/components/filter-toolbar/parts/AddFilter.d.ts +63 -0
  91. package/dist/esm/components/filter-toolbar/parts/AddFilter.js +107 -0
  92. package/dist/esm/components/filter-toolbar/parts/AddFilterItem.d.ts +18 -0
  93. package/dist/esm/components/filter-toolbar/parts/AddFilterItem.js +18 -0
  94. package/dist/esm/components/filter-toolbar/utils/filter-adapters.d.ts +93 -0
  95. package/dist/esm/components/filter-toolbar/utils/filter-adapters.js +88 -0
  96. package/dist/esm/components/filter-toolbar/utils/normalize-filter-value.d.ts +24 -0
  97. package/dist/esm/components/filter-toolbar/utils/normalize-filter-value.js +19 -0
  98. package/dist/esm/components/form/Form.d.ts +2 -0
  99. package/dist/esm/components/form/TanstackForm.d.ts +24 -0
  100. package/dist/esm/components/form/TanstackForm.js +29 -0
  101. package/dist/esm/components/form-field/FormField.d.ts +2 -0
  102. package/dist/esm/components/form-field/TanstackFormField.context.d.ts +10 -0
  103. package/dist/esm/components/form-field/TanstackFormField.context.js +14 -0
  104. package/dist/esm/components/form-field/TanstackFormField.d.ts +49 -0
  105. package/dist/esm/components/form-field/TanstackFormField.js +46 -0
  106. package/dist/esm/components/form-field/parts/FormControl.d.ts +2 -0
  107. package/dist/esm/components/form-field/parts/FormFeedbackText.d.ts +2 -0
  108. package/dist/esm/components/form-field/parts/FormHelperText.d.ts +2 -0
  109. package/dist/esm/components/form-field/parts/FormLabel.d.ts +2 -0
  110. package/dist/esm/components/form-field/parts/RawFormContextualLink.d.ts +2 -0
  111. package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.d.ts +12 -0
  112. package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.js +32 -0
  113. package/dist/esm/components/form-field/parts/TanstackFormHelperText.d.ts +11 -0
  114. package/dist/esm/components/form-field/parts/TanstackFormHelperText.js +25 -0
  115. package/dist/esm/components/form-field/parts/TanstackFormLabel.d.ts +8 -0
  116. package/dist/esm/components/form-field/parts/TanstackFormLabel.js +26 -0
  117. package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.d.ts +26 -0
  118. package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.js +45 -0
  119. package/dist/esm/components/icon-button/CircularIconButton.d.ts +9 -9
  120. package/dist/esm/components/icon-button/CircularIconButton.js +53 -36
  121. package/dist/esm/components/icon-button/IconButton.variants.d.ts +1 -0
  122. package/dist/esm/components/icon-button/IconButton.variants.js +44 -28
  123. package/dist/esm/components/input/Input.js +36 -35
  124. package/dist/esm/components/input/TanstackInput.d.ts +22 -0
  125. package/dist/esm/components/input/TanstackInput.js +38 -0
  126. package/dist/esm/components/label/Label.js +12 -12
  127. package/dist/esm/components/link/RawLink.js +38 -31
  128. package/dist/esm/components/list-view/ListView.d.ts +56 -0
  129. package/dist/esm/components/list-view/ListView.fixtures.d.ts +20 -0
  130. package/dist/esm/components/list-view/ListView.js +44 -0
  131. package/dist/esm/components/list-view/parts/ListViewItemLabel.d.ts +34 -0
  132. package/dist/esm/components/list-view/parts/ListViewItemLabel.js +22 -0
  133. package/dist/esm/components/list-view/parts/ListViewItemText.d.ts +33 -0
  134. package/dist/esm/components/list-view/parts/ListViewItemText.js +22 -0
  135. package/dist/esm/components/list-view/parts/ListViewSection.d.ts +14 -0
  136. package/dist/esm/components/list-view/parts/ListViewSection.js +21 -0
  137. package/dist/esm/components/list-view/parts/RawListViewItem.d.ts +102 -0
  138. package/dist/esm/components/list-view/parts/RawListViewItem.js +80 -0
  139. package/dist/esm/components/multi-select/MultiSelect.d.ts +5 -7
  140. package/dist/esm/components/multi-select/MultiSelect.js +199 -176
  141. package/dist/esm/components/multi-select/MultiselectTypes.d.ts +114 -0
  142. package/dist/esm/components/multi-select/TanstackMultiSelect.d.ts +7 -0
  143. package/dist/esm/components/multi-select/TanstackMultiSelect.js +41 -0
  144. package/dist/esm/components/multi-select/parts/MultiSelectButton.d.ts +2 -0
  145. package/dist/esm/components/multi-select/parts/MultiSelectButton.js +62 -46
  146. package/dist/esm/components/multi-select/parts/MultiSelectPopover.js +15 -15
  147. package/dist/esm/components/multi-select-field/MultiSelectField.d.ts +45 -12
  148. package/dist/esm/components/multi-select-field/MultiSelectField.js +56 -66
  149. package/dist/esm/components/multi-select-field/TanstackMultiSelectField.d.ts +92 -0
  150. package/dist/esm/components/multi-select-field/TanstackMultiSelectField.js +48 -0
  151. package/dist/esm/components/multi-select-field/test-utils.d.ts +17 -0
  152. package/dist/esm/components/multi-select-field/test-utils.js +45 -0
  153. package/dist/esm/components/nav/parts/RawNavItem.js +6 -6
  154. package/dist/esm/components/navigation-card/NavigationCard.context.d.ts +31 -0
  155. package/dist/esm/components/navigation-card/NavigationCard.context.js +13 -0
  156. package/dist/esm/components/navigation-card/NavigationCard.d.ts +46 -0
  157. package/dist/esm/components/navigation-card/NavigationCard.js +62 -0
  158. package/dist/esm/components/navigation-card/NavigationCard.types.d.ts +37 -0
  159. package/dist/esm/components/navigation-card/NavigationCard.variants.d.ts +1147 -0
  160. package/dist/esm/components/navigation-card/NavigationCard.variants.js +164 -0
  161. package/dist/esm/components/navigation-card/parts/NavigationCardDescription.d.ts +39 -0
  162. package/dist/esm/components/navigation-card/parts/NavigationCardDescription.js +22 -0
  163. package/dist/esm/components/navigation-card/parts/NavigationCardGroup.d.ts +146 -0
  164. package/dist/esm/components/navigation-card/parts/NavigationCardGroup.js +93 -0
  165. package/dist/esm/components/navigation-card/parts/NavigationCardLabel.d.ts +32 -0
  166. package/dist/esm/components/navigation-card/parts/NavigationCardLabel.js +24 -0
  167. package/dist/esm/components/number-field/NumberField.d.ts +2 -0
  168. package/dist/esm/components/number-field/TanstackNumberField.d.ts +74 -0
  169. package/dist/esm/components/number-field/TanstackNumberField.js +44 -0
  170. package/dist/esm/components/number-input/NumberInput.js +31 -29
  171. package/dist/esm/components/number-input/TanstackNumberInput.d.ts +58 -0
  172. package/dist/esm/components/number-input/TanstackNumberInput.js +38 -0
  173. package/dist/esm/components/page/Page.js +12 -11
  174. package/dist/esm/components/pagination/parts/RawPaginationLink.js +22 -22
  175. package/dist/esm/components/pagination/parts/RawPaginationNext.js +13 -13
  176. package/dist/esm/components/pagination/parts/RawPaginationPrevious.js +10 -10
  177. package/dist/esm/components/payfit-brand/PayFitBrand.d.ts +4 -0
  178. package/dist/esm/components/payfit-brand/PayFitBrand.js +30 -22
  179. package/dist/esm/components/payfit-brand/PayFitPreprod.js +25 -25
  180. package/dist/esm/components/phone-number/PhoneNumberInput.d.ts +67 -0
  181. package/dist/esm/components/phone-number/PhoneNumberInput.js +322 -0
  182. package/dist/esm/components/phone-number/TanstackPhoneNumberInput.d.ts +64 -0
  183. package/dist/esm/components/phone-number/TanstackPhoneNumberInput.js +33 -0
  184. package/dist/esm/components/phone-number/parts/PhoneNumberItem.d.ts +42 -0
  185. package/dist/esm/components/phone-number/parts/PhoneNumberItem.js +68 -0
  186. package/dist/esm/components/phone-number/unknownFlag.svg.js +4 -0
  187. package/dist/esm/components/phone-number-field/TanstackPhoneNumberField.d.ts +15 -0
  188. package/dist/esm/components/phone-number-field/TanstackPhoneNumberField.js +32 -0
  189. package/dist/esm/components/pill/Pill.d.ts +2 -2
  190. package/dist/esm/components/pill/Pill.js +8 -8
  191. package/dist/esm/components/popover/Popover.js +6 -6
  192. package/dist/esm/components/promo-dialog/PromoDialog.d.ts +149 -0
  193. package/dist/esm/components/promo-dialog/PromoDialog.js +219 -0
  194. package/dist/esm/components/promo-dialog/parts/PromoDialogActions.d.ts +44 -0
  195. package/dist/esm/components/promo-dialog/parts/PromoDialogActions.js +29 -0
  196. package/dist/esm/components/promo-dialog/parts/PromoDialogContent.d.ts +43 -0
  197. package/dist/esm/components/promo-dialog/parts/PromoDialogContent.js +20 -0
  198. package/dist/esm/components/promo-dialog/parts/PromoDialogHero.d.ts +47 -0
  199. package/dist/esm/components/promo-dialog/parts/PromoDialogHero.js +25 -0
  200. package/dist/esm/components/promo-dialog/parts/PromoDialogSubtitle.d.ts +53 -0
  201. package/dist/esm/components/promo-dialog/parts/PromoDialogSubtitle.js +21 -0
  202. package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.d.ts +6 -0
  203. package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.js +18 -0
  204. package/dist/esm/components/radio-button-group/TanstackRadioButtonGroup.d.ts +13 -0
  205. package/dist/esm/components/radio-button-group/TanstackRadioButtonGroup.js +43 -0
  206. package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts +29 -11
  207. package/dist/esm/components/radio-button-group/parts/RadioButton.js +53 -51
  208. package/dist/esm/components/radio-button-group-field/RadioButtonGroupField.d.ts +2 -0
  209. package/dist/esm/components/radio-button-group-field/TanstackRadioButtonGroupField.d.ts +13 -0
  210. package/dist/esm/components/radio-button-group-field/TanstackRadioButtonGroupField.js +38 -0
  211. package/dist/esm/components/search/Search.js +46 -46
  212. package/dist/esm/components/segmented-button-group/parts/ToggleButton.js +5 -5
  213. package/dist/esm/components/select/Select.d.ts +5 -4
  214. package/dist/esm/components/select/Select.js +53 -45
  215. package/dist/esm/components/select/TanstackSelect.d.ts +80 -0
  216. package/dist/esm/components/select/TanstackSelect.js +34 -0
  217. package/dist/esm/components/select/parts/SearchInput.d.ts +4 -1
  218. package/dist/esm/components/select/parts/SearchInput.js +49 -31
  219. package/dist/esm/components/select/parts/SelectButton.js +19 -17
  220. package/dist/esm/components/select-field/SelectField.d.ts +2 -0
  221. package/dist/esm/components/select-field/SelectField.js +8 -9
  222. package/dist/esm/components/select-field/TanstackSelectField.d.ts +124 -0
  223. package/dist/esm/components/select-field/TanstackSelectField.js +44 -0
  224. package/dist/esm/components/select-list/SelectList.d.ts +95 -0
  225. package/dist/esm/components/select-list/SelectList.js +79 -0
  226. package/dist/esm/components/select-list/SelectList.types.d.ts +29 -0
  227. package/dist/esm/components/select-list/constants.d.ts +36 -0
  228. package/dist/esm/components/select-list/constants.js +29 -0
  229. package/dist/esm/components/select-list/helpers.d.ts +42 -0
  230. package/dist/esm/components/select-list/helpers.js +48 -0
  231. package/dist/esm/components/select-list/hooks/useControlledSelection.d.ts +23 -0
  232. package/dist/esm/components/select-list/hooks/useControlledSelection.js +16 -0
  233. package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.d.ts +23 -0
  234. package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.js +31 -0
  235. package/dist/esm/components/select-list/parts/SelectListEmptyState.d.ts +8 -0
  236. package/dist/esm/components/select-list/parts/SelectListEmptyState.js +25 -0
  237. package/dist/esm/components/select-list/parts/SelectListOptGroup.d.ts +118 -0
  238. package/dist/esm/components/select-list/parts/SelectListOptGroup.js +28 -0
  239. package/dist/esm/components/select-list/parts/SelectListOption.d.ts +24 -0
  240. package/dist/esm/components/select-list/parts/SelectListOption.js +72 -0
  241. package/dist/esm/components/select-list/parts/SelectListSearchInput.d.ts +2 -0
  242. package/dist/esm/components/select-list/parts/SelectListSearchInput.js +43 -0
  243. package/dist/esm/components/select-list/parts/SelectedItemsSection.d.ts +54 -0
  244. package/dist/esm/components/select-list/parts/SelectedItemsSection.js +35 -0
  245. package/dist/esm/components/select-list/utils/partition.d.ts +13 -0
  246. package/dist/esm/components/select-list/utils/partition.js +9 -0
  247. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.ts +1 -5
  248. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts +6 -1
  249. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.js +23 -23
  250. package/dist/esm/components/selectable-button-group/TanstackSelectableButtonGroup.d.ts +27 -0
  251. package/dist/esm/components/selectable-button-group/TanstackSelectableButtonGroup.js +34 -0
  252. package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.ts +1 -16
  253. package/dist/esm/components/selectable-button-group/parts/SelectableButton.js +56 -57
  254. package/dist/esm/components/selectable-button-group-field/SelectableButtonGroupField.d.ts +2 -0
  255. package/dist/esm/components/selectable-button-group-field/TanstackSelectableButtonGroupField.d.ts +81 -0
  256. package/dist/esm/components/selectable-button-group-field/TanstackSelectableButtonGroupField.js +47 -0
  257. package/dist/esm/components/selectable-card/internals/Description.js +1 -1
  258. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js +1 -1
  259. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.d.ts +26 -0
  260. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js +32 -0
  261. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js +24 -24
  262. package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.d.ts +2 -0
  263. package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js +12 -14
  264. package/dist/esm/components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.d.ts +28 -0
  265. package/dist/esm/components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js +32 -0
  266. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.js +14 -13
  267. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js +27 -25
  268. package/dist/esm/components/selectable-card/selectableCard.variant.js +5 -5
  269. package/dist/esm/components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.d.ts +2 -0
  270. package/dist/esm/components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.d.ts +10 -0
  271. package/dist/esm/components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js +38 -0
  272. package/dist/esm/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.d.ts +2 -0
  273. package/dist/esm/components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.d.ts +10 -0
  274. package/dist/esm/components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js +38 -0
  275. package/dist/esm/components/table/Table.context.d.ts +5 -0
  276. package/dist/esm/components/table/Table.context.js +14 -13
  277. package/dist/esm/components/table/Table.d.ts +93 -0
  278. package/dist/esm/components/table/Table.js +135 -107
  279. package/dist/esm/components/table/parts/TableBody.js +83 -21
  280. package/dist/esm/components/table/parts/TableEmptyState.js +6 -6
  281. package/dist/esm/components/table/parts/TableHeader.js +1 -1
  282. package/dist/esm/components/table/parts/TablePagination.js +1 -1
  283. package/dist/esm/components/table/parts/TableRow.js +1 -0
  284. package/dist/esm/components/tabs/Tabs.variant.d.ts +0 -6
  285. package/dist/esm/components/tabs/Tabs.variant.js +11 -12
  286. package/dist/esm/components/task-menu/parts/RawSubTask.js +26 -26
  287. package/dist/esm/components/task-menu/parts/RawTask.js +32 -28
  288. package/dist/esm/components/task-menu/parts/TaskGroup.js +30 -26
  289. package/dist/esm/components/task-menu/parts/task.variants.js +4 -2
  290. package/dist/esm/components/text/Text.d.ts +11 -1
  291. package/dist/esm/components/text/Text.js +41 -31
  292. package/dist/esm/components/text/Text.variants.d.ts +12 -0
  293. package/dist/esm/components/text/Text.variants.js +4 -0
  294. package/dist/esm/components/text-area/TanstackTextArea.d.ts +21 -0
  295. package/dist/esm/components/text-area/TanstackTextArea.js +35 -0
  296. package/dist/esm/components/text-area/TextArea.js +31 -29
  297. package/dist/esm/components/text-field/TanstackTextField.d.ts +79 -0
  298. package/dist/esm/components/text-field/TanstackTextField.js +60 -0
  299. package/dist/esm/components/text-field/TextField.d.ts +2 -0
  300. package/dist/esm/components/toast/UnityToast.js +5 -5
  301. package/dist/esm/components/toast/test-utils.d.ts +36 -0
  302. package/dist/esm/components/toast/test-utils.js +118 -0
  303. package/dist/esm/components/toggle-switch/TanstackToggleSwitch.d.ts +46 -0
  304. package/dist/esm/components/toggle-switch/TanstackToggleSwitch.js +25 -0
  305. package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts +21 -9
  306. package/dist/esm/components/toggle-switch/ToggleSwitch.js +71 -32
  307. package/dist/esm/components/toggle-switch-field/TanstackToggleSwitchField.d.ts +11 -0
  308. package/dist/esm/components/toggle-switch-field/TanstackToggleSwitchField.js +34 -0
  309. package/dist/esm/components/toggle-switch-field/ToggleSwitchField.d.ts +2 -0
  310. package/dist/esm/components/toggle-switch-group/TanstackToggleSwitchGroup.d.ts +57 -0
  311. package/dist/esm/components/toggle-switch-group/TanstackToggleSwitchGroup.js +23 -0
  312. package/dist/esm/components/toggle-switch-group/ToggleSwitchGroup.js +1 -1
  313. package/dist/esm/components/toggle-switch-group-field/TanstackToggleSwitchGroupField.d.ts +19 -0
  314. package/dist/esm/components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js +50 -0
  315. package/dist/esm/components/toggle-switch-group-field/ToggleSwitchGroupField.d.ts +2 -0
  316. package/dist/esm/docs/{table → examples/data}/mocks/employee-columns.d.ts +1 -1
  317. package/dist/esm/hooks/tanstack-form-context.d.ts +1 -0
  318. package/dist/esm/hooks/tanstack-form-context.js +8 -0
  319. package/dist/esm/hooks/use-form.d.ts +2 -0
  320. package/dist/esm/hooks/use-has-scroll.d.ts +71 -0
  321. package/dist/esm/hooks/use-has-scroll.js +75 -0
  322. package/dist/esm/hooks/use-tanstack-form.d.ts +369 -0
  323. package/dist/esm/hooks/use-tanstack-form.js +209 -0
  324. package/dist/esm/index.d.ts +44 -20
  325. package/dist/esm/index.js +457 -394
  326. package/dist/esm/index.storybook-testing.d.ts +3 -0
  327. package/dist/esm/integrations/tanstack-router/components/form-contextual-link/FormContextualLink.d.ts +6 -1
  328. package/dist/esm/integrations/tanstack-router/components/form-contextual-link/TanstackFormContextualLink.d.ts +43 -0
  329. package/dist/esm/integrations/tanstack-router/components/list-view/ListView.d.ts +34 -0
  330. package/dist/esm/integrations/tanstack-router/components/list-view/ListView.js +25 -0
  331. package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.d.ts +51 -0
  332. package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.js +32 -0
  333. package/dist/esm/integrations/tanstack-router/components/navigation-card/NavigationCard.d.ts +73 -0
  334. package/dist/esm/integrations/tanstack-router/components/navigation-card/NavigationCard.js +37 -0
  335. package/dist/esm/integrations/tanstack-router/index.d.ts +3 -0
  336. package/dist/esm/integrations/tanstack-router/utils/decorators.d.ts +1 -1
  337. package/dist/esm/integrations/tanstack-router.js +32 -26
  338. package/dist/esm/mocks/employees.d.ts +1 -5
  339. package/dist/esm/storybook-testing.js +8 -2
  340. package/dist/esm/storybook-utilities/previewTransform.d.ts +1 -0
  341. package/dist/esm/utils/scroll-detection.d.ts +77 -0
  342. package/dist/esm/utils/scroll-detection.js +33 -0
  343. package/dist/esm/utils/spacing.d.ts +63 -0
  344. package/dist/esm/utils/spacing.js +15 -0
  345. package/i18n/en-GB.json +21 -8
  346. package/i18n/es-ES.json +23 -10
  347. package/i18n/fr-FR.json +24 -11
  348. package/package.json +41 -42
  349. package/dist/esm/components/multi-select/Multiselect.types.d.ts +0 -109
  350. package/dist/esm/integrations/react-router/v5/UnityReactRouterV5Provider.d.ts +0 -6
  351. package/dist/esm/integrations/react-router/v5/UnityReactRouterV5Provider.js +0 -28
  352. package/dist/esm/integrations/react-router/v5/index.d.ts +0 -1
  353. package/dist/esm/integrations/react-router/v5.js +0 -4
package/i18n/en-GB.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "unity:component:common:previous": "Previous",
8
8
  "unity:component:common:next": "Next",
9
9
  "unity:component:common:customer-support:url": "https://support.payfit.com/en/inbox/",
10
+ "unity:component:common:scrollable-content:label": "Scrollable content",
10
11
  "unity:component:action-bar:toolbar-label": "Bulk actions toolbar",
11
12
  "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {no items} one {{selectionCount} item} other {{selectionCount} items}} selected",
12
13
  "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} to focus the action bar",
@@ -20,20 +21,28 @@
20
21
  "unity:component:autocomplete:placeholder": "Search",
21
22
  "unity:component:autocomplete:panel:empty:label": "No results found",
22
23
  "unity:component:autocomplete:panel:loading:label": "Loading results",
23
- "unity:component:error-state:404:main-description": "This item may have been moved or deleted.<br></br>You can try searching for it manually or start again from your dashboard.",
24
- "unity:component:error-state:404-alternative:main-description": "The page or document you’re looking for may have been moved or deleted.",
25
- "unity:component:error-state:404:main-title": "Sorry, we couldnt find what you’re looking for",
26
- "unity:component:error-state:404-alternative:main-title": "Oops, we couldn't find this item",
24
+ "unity:component:dialog:actions:label": "Dialog Actions",
25
+ "unity:component:error-state:404:main-description": "The page or document you’re looking for may have been moved or deleted.<br></br>You can try searching for it manually or start again from your dashboard.",
26
+ "unity:component:error-state:404:main-title": "Sorry, we couldn't find this item",
27
+ "unity:component:error-state:known:main-description": "Please refresh the page or try logging in again.<br></br>We’ve been informed of the issue and are working to fix it as quickly as possible.",
27
28
  "unity:component:error-state:button:label": "Go to dashboard",
28
- "unity:component:error-state:detail-description": "Here's the technical error detail.<br></br><br></br>If the problem continues, you can send it to <Link>our customer support</Link> so we can help unblock you:",
29
- "unity:component:error-state:known:main-description": "Please refresh the page or check your connection.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.",
29
+ "unity:component:error-state:detail-description": "Here's the technical error detail. If the problem continues, you can send it to <Link>our customer support</Link> so we can help unblock you:",
30
30
  "unity:component:error-state:common:main-title": "Something went wrong",
31
31
  "unity:component:error-state:common:icon:alt": "Something went wrong",
32
32
  "unity:component:error-state:common:illustration:alt": "Something went wrong",
33
- "unity:component:error-state:common:main-description-component": "Please refresh the page or try signing in again. We’ve been notified of the issue and are working to resolve it as quickly as possible.",
33
+ "unity:component:error-state:common:main-description-component": "Please refresh the page or try logging in again.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.",
34
34
  "unity:component:error-state:collapsible:title": "Show details",
35
35
  "unity:component:error-state:unknown:back-link:label": "Go back to previous page",
36
- "unity:component:error-state:unknown:main-description": "Please refresh the page or try signing in again.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.<br></br>If the problem continues, please contact <Link>our customer support</Link>.",
36
+ "unity:component:error-state:unknown:main-description": "Please refresh the page or try logging in again.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.<br></br><br></br>If the problem continues, please contact <Link>our customer support</Link>.",
37
+ "unity:component:filter:action:apply": "Apply",
38
+ "unity:component:filter:dismiss:title": "Remove filter",
39
+ "unity:component:filter:label:values-count": "{count, plural, =0 {no values} one {one value} other {{count} values selected}}",
40
+ "unity:component:filter-toolbar:label": "Filter toolbar",
41
+ "unity:component:filter-toolbar:filter-list:label": "Applied filters",
42
+ "unity:component:filter-toolbar:filter-controls:label": "Filter controls",
43
+ "unity:component:filter-toolbar:clear-filters:label": "Clear filters",
44
+ "unity:component:filter-toolbar:add-filter:label": "Add filter",
45
+ "unity:component:filter-toolbar:add-filter:popover:label": "Select a filter to add",
37
46
  "unity:component:form-field:date-picker:calendar-button": "Open calendar",
38
47
  "unity:component:form-field:date-picker:segment-select:month:label": "Change current month",
39
48
  "unity:component:form-field:date-picker:segment-select:month:description": "Press Enter or Space to change month, then use up and down arrows to select a month",
@@ -42,6 +51,9 @@
42
51
  "unity:component:form-field:form-input:spinner:label": "Loading",
43
52
  "unity:component:form-field:form-input:error:alt": "Error",
44
53
  "unity:component:form-field:number-input:decrement:title": "decrement",
54
+ "unity:component:phone-number:country-selector:label": "Select country code, {country} {dialCode}",
55
+ "unity:component:phone-number:empty-country:alt": "No country selected",
56
+ "unity:component:phone-number:selected:label": "Selected",
45
57
  "unity:component:form-field:number-input:increment:title": "increment",
46
58
  "unity:component:form-field:textarea:resize-handle:label": "Resize textarea",
47
59
  "unity:component:full-page-loader:label": "Content is loading...",
@@ -58,6 +70,7 @@
58
70
  "unity:component:pagination:jump-dialog:action:cancel": "Cancel",
59
71
  "unity:component:pagination:jump-dialog:action:go": "Go",
60
72
  "unity:component:search:placeholder": "Search",
73
+ "unity:component:select:search:label": "Search options",
61
74
  "unity:component:skip-links:label": "Skip to:",
62
75
  "unity:component:table:empty-state:loading:title": "Just a moment",
63
76
  "unity:component:table:empty-state:no-data:title": "We couldn't find any results",
package/i18n/es-ES.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "unity:component:common:previous": "Anterior",
8
8
  "unity:component:common:next": "Siguiente",
9
9
  "unity:component:common:customer-support:url": "https://support.payfit.com/es/inbox/",
10
+ "unity:component:common:scrollable-content:label": "Contenido desplazable",
10
11
  "unity:component:action-bar:toolbar-label": "Barra de acciones en lote",
11
12
  "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {ningún elemento seleccionado} one {{selectionCount} elemento seleccionado} other {{selectionCount} elementos seleccionados}}",
12
13
  "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} para enfocar la barra de acciones",
@@ -20,20 +21,28 @@
20
21
  "unity:component:autocomplete:placeholder": "Buscar",
21
22
  "unity:component:autocomplete:panel:empty:label": "No se encontraron resultados",
22
23
  "unity:component:autocomplete:panel:loading:label": "Cargando resultados",
23
- "unity:component:error-state:404:main-description": "Este artículo puede haber sido movido o eliminado.<br></br>Puede intentar buscarlo manualmente o comenzar de nuevo desde su tablero.",
24
- "unity:component:error-state:404-alternative:main-description": "La página o documento que está buscando puede haber sido movido o eliminado.",
25
- "unity:component:error-state:404:main-title": "Lo sentimos, no pudimos encontrar lo que estabas buscando",
26
- "unity:component:error-state:404-alternative:main-title": "¡Ups, no pudimos encontrar este artículo",
27
- "unity:component:error-state:button:label": "Ir al tablero de mando",
28
- "unity:component:error-state:detail-description": "Aquí está el detalle técnico del error.<br></br><br></br>Si el problema persiste, puede enviarnos un mensaje a <Link>nuestro servicio de atención al cliente</Link> para que podamos ayudarle a desbloquearlo:",
29
- "unity:component:error-state:known:main-description": "Actualice la página o compruebe su conexión.<br></br>Hemos sido notificados del problema y estamos trabajando para resolverlo lo antes posible.",
30
- "unity:component:error-state:common:main-title": "Se produjo un error",
24
+ "unity:component:dialog:actions:label": "Acciones del diálogo",
25
+ "unity:component:error-state:404:main-description": "La página o el documento que buscas puede que ya no exista o que haya sido movido.<br></br>Puedes intentar buscarlo manualmente o volver a tu actividad desde el panel de control.",
26
+ "unity:component:error-state:404:main-title": "Lo sentimos, no encontramos el elemento",
27
+ "unity:component:error-state:button:label": "Ir al dashboard",
28
+ "unity:component:error-state:detail-description": "Aquí tienes el detalle técnico del error. Si el problema continúa, puedes enviarlo a <Link>nuestro Servicio de atención al cliente</Link> para que podamos ayudarle a desbloquearlo:",
29
+ "unity:component:error-state:known:main-description": "Actualiza la página o intenta iniciar sesión de nuevo. Hemos sido notificados del problema y estamos trabajando para solucionarlo lo antes posible.",
30
+ "unity:component:error-state:common:main-title": "Algo no ha funcionado",
31
31
  "unity:component:error-state:common:illustration:alt": "Se produjo un error",
32
32
  "unity:component:error-state:common:icon:alt": "Se produjo un error",
33
- "unity:component:error-state:common:main-description-component": "Actualice la página o pruebe a iniciar sesión de nuevo. Hemos sido notificados del problema y estamos trabajando para resolverlo lo antes posible.",
33
+ "unity:component:error-state:common:main-description-component": "Actualiza la página o intenta iniciar sesión de nuevo.<br></br>Hemos sido notificados del problema y estamos trabajando para solucionarlo lo antes posible.",
34
34
  "unity:component:error-state:collapsible:title": "Mostrar detalles",
35
35
  "unity:component:error-state:unknown:back-link:label": "Volver a la página anterior",
36
- "unity:component:error-state:unknown:main-description": "Actualice la página o pruebe a iniciar sesión de nuevo.<br></br>Hemos sido notificados del problema y estamos trabajando para resolverlo lo antes posible.<br></br>Si el problema persiste, póngase en contacto con <Link>nuestro soporte al cliente</Link>.",
36
+ "unity:component:error-state:unknown:main-description": "Actualiza la página o intenta iniciar sesión de nuevo.<br></br>Hemos sido notificados del problema y estamos trabajando para solucionarlo lo antes posible.<br></br><br></br>Si el problema persiste, puedes contactar con <Link>nuestro Servicio de atención al cliente</Link>.",
37
+ "unity:component:filter:action:apply": "Aplicar",
38
+ "unity:component:filter:dismiss:title": "Eliminar filtro",
39
+ "unity:component:filter:label:values-count": "{count, plural, =0 {ningún valor} one {un valor} other {{count} valores seleccionados}}",
40
+ "unity:component:filter-toolbar:label": "Barra de filtros",
41
+ "unity:component:filter-toolbar:filter-list:label": "Filtros aplicados",
42
+ "unity:component:filter-toolbar:filter-controls:label": "Controles de filtro",
43
+ "unity:component:filter-toolbar:clear-filters:label": "Quitar todos los filtros",
44
+ "unity:component:filter-toolbar:add-filter:label": "Añadir filtro",
45
+ "unity:component:filter-toolbar:add-filter:popover:label": "Selecciona un filtro para añadir",
37
46
  "unity:component:form-field:date-picker:calendar-button": "Abrir el calendario",
38
47
  "unity:component:form-field:date-picker:segment-select:month:label": "Cambiar mes actual",
39
48
  "unity:component:form-field:date-picker:segment-select:month:description": "Presione Enter o Espacio para cambiar el mes, luego use las flechas para seleccionar un mes",
@@ -42,6 +51,9 @@
42
51
  "unity:component:form-field:form-input:spinner:label": "Cargando",
43
52
  "unity:component:form-field:form-input:error:alt": "Error",
44
53
  "unity:component:form-field:number-input:decrement:title": "decremento",
54
+ "unity:component:phone-number:country-selector:label": "Seleccionar código de país, {country} {dialCode}",
55
+ "unity:component:phone-number:empty-country:alt": "No se ha seleccionado ningún país",
56
+ "unity:component:phone-number:selected:label": "Seleccionado",
45
57
  "unity:component:form-field:number-input:increment:title": "incremento",
46
58
  "unity:component:form-field:textarea:resize-handle:label": "Redimensionar el área de texto",
47
59
  "unity:component:full-page-loader:label": "Cargando contenido...",
@@ -58,6 +70,7 @@
58
70
  "unity:component:pagination:jump-dialog:action:cancel": "Cancelar",
59
71
  "unity:component:pagination:jump-dialog:action:go": "Saltar",
60
72
  "unity:component:search:placeholder": "Buscar",
73
+ "unity:component:select:search:label": "Buscar opciones",
61
74
  "unity:component:skip-links:label": "Saltar a:",
62
75
  "unity:component:table:empty-state:loading:title": "Un momento",
63
76
  "unity:component:table:empty-state:no-data:title": "No pudimos encontrar resultados",
package/i18n/fr-FR.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "unity:component:common:previous": "Précédent",
8
8
  "unity:component:common:next": "Suivant",
9
9
  "unity:component:common:customer-support:url": "https://support.payfit.com/fr/inbox/",
10
+ "unity:component:common:scrollable-content:label": "Contenu défilable",
10
11
  "unity:component:action-bar:toolbar-label": "barre d'outils d'actions groupées",
11
12
  "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {aucun élément sélectionné} one {{selectionCount} élément sélectionné} other {{selectionCount} éléments sélectionnés}}",
12
13
  "unity:component:action-bar:key-shortcuts-text": "Appuyez sur {keyShortcuts} pour accéder à la barre d'actions",
@@ -20,20 +21,28 @@
20
21
  "unity:component:autocomplete:placeholder": "Rechercher",
21
22
  "unity:component:autocomplete:panel:empty:label": "Aucun résultat",
22
23
  "unity:component:autocomplete:panel:loading:label": "Chargement des résultats",
23
- "unity:component:error-state:404:main-description": "Cet article a peut-être été déplacé ou supprimé.<br></br>Vous pouvez essayer de le rechercher manuellement ou recommencer à partir de votre tableau de bord.",
24
- "unity:component:error-state:404-alternative:main-description": "La page ou le document que vous recherchez peut avoir été déplacé ou supprimé.",
25
- "unity:component:error-state:404:main-title": "Désolé, nous n'avons pas trouvé ce que vous recherchez",
26
- "unity:component:error-state:404-alternative:main-title": "Oups, nous n'avons pas pu trouver cet article",
24
+ "unity:component:dialog:actions:label": "Actions du dialogue",
25
+ "unity:component:error-state:404:main-description": "La page ou le document que vous cherchez n'existe peut-être plus ou a été déplacé.<br></br>Vous pouvez tenter de le rechercher manuellement ou reprendre votre activité depuis le tableau de bord.",
26
+ "unity:component:error-state:404:main-title": "Désolé, cet élément est introuvable",
27
+ "unity:component:error-state:known:main-description": "Actualisez la page ou essayez de vous reconnecter.<br></br>Nous avons été avertis du problème et faisons le nécessaire pour le résoudre au plus vite.",
27
28
  "unity:component:error-state:button:label": "Aller au tableau de bord",
28
- "unity:component:error-state:detail-description": "Voici les détails techniques de l'erreur.<br></br> <br></br>Si le problème persiste, vous pouvez nous envoyer un message à <Link>notre service client</Link> pour nous aider à résoudre le problème :",
29
- "unity:component:error-state:known:main-description": "Actualisez la page ou vérifiez votre connexion.<br></br>Nous avons été notifié de l'incident et nous travaillons à résoudre le problème le plus rapidement possible.",
30
- "unity:component:error-state:common:main-title": "Une erreur est survenue",
29
+ "unity:component:error-state:detail-description": "Ce qui suit est un détail technique de lerreur. Si le problème persiste, vous pouvez l'envoyer à <Link>notre Service client</Link> pour vous aider à débloquer la situation : ",
30
+ "unity:component:error-state:common:main-title": "Quelque chose n'a pas fonctionné",
31
31
  "unity:component:error-state:common:illustration:alt": "Une erreur est survenue",
32
32
  "unity:component:error-state:common:icon:alt": "Une erreur est survenue",
33
- "unity:component:error-state:common:main-description-component": "Actualisez la page ou essayez de vous connecter à nouveau. Nous avons été notifié de l'incident et nous travaillons à résoudre le problème le plus rapidement possible.",
34
- "unity:component:error-state:collapsible:title": "Afficher les détails",
35
- "unity:component:error-state:unknown:back-link:label": "Retour à la page précédente",
36
- "unity:component:error-state:unknown:main-description": "Actualisez la page ou essayez de vous connecter à nouveau.<br></br>Nous avons été notifié de l'incident et nous travaillons à résoudre le problème le plus rapidement possible.<br></br>Si le problème persiste, veuillez contacter <Link>notre service client</Link>.",
33
+ "unity:component:error-state:common:main-description-component": "Actualisez la page ou essayez de vous reconnecter.<br></br>Nous avons été avertis du problème et faisons le nécessaire pour le résoudre au plus vite.",
34
+ "unity:component:error-state:collapsible:title": "Afficher le détail",
35
+ "unity:component:error-state:unknown:back-link:label": "Revenir à la page précédente",
36
+ "unity:component:error-state:unknown:main-description": "Actualisez la page ou essayez de vous reconnecter.<br></br>Nous avons été avertis du problème et faisons le nécessaire pour le résoudre au plus vite.<br></br><br></br>Si le problème persiste, veuillez contacter <Link>notre Service client</Link>.",
37
+ "unity:component:filter:action:apply": "Appliquer",
38
+ "unity:component:filter:dismiss:title": "Supprimer le filtre",
39
+ "unity:component:filter:label:values-count": "{count, plural, =0 {aucun élément} one {un élément} other {{count} éléments sélectionnés}}",
40
+ "unity:component:filter-toolbar:label": "Barre de filtres",
41
+ "unity:component:filter-toolbar:filter-list:label": "Filtres appliqués",
42
+ "unity:component:filter-toolbar:filter-controls:label": "Contrôles de filtres",
43
+ "unity:component:filter-toolbar:clear-filters:label": "Effacer les filtres",
44
+ "unity:component:filter-toolbar:add-filter:label": "Ajouter un filtre",
45
+ "unity:component:filter-toolbar:add-filter:popover:label": "Sélectionnez un filtre à ajouter",
37
46
  "unity:component:form-field:date-picker:calendar-button": "Ouvrez le calendrier",
38
47
  "unity:component:form-field:date-picker:segment-select:month:label": "Changer le mois actuel",
39
48
  "unity:component:form-field:date-picker:segment-select:month:description": "Appuyez sur Entrée ou Espace pour changer de mois, puis utilisez les flèches pour sélectionner un mois",
@@ -42,6 +51,9 @@
42
51
  "unity:component:form-field:form-input:spinner:label": "Chargement",
43
52
  "unity:component:form-field:form-input:error:alt": "Erreur",
44
53
  "unity:component:form-field:number-input:decrement:title": "Décrémenter",
54
+ "unity:component:phone-number:country-selector:label": "Sélectionner l'indicatif du pays, {country} {dialCode}",
55
+ "unity:component:phone-number:empty-country:alt": "Aucun pays sélectionné",
56
+ "unity:component:phone-number:selected:label": "Sélectionné",
45
57
  "unity:component:form-field:number-input:increment:title": "Incrémenter",
46
58
  "unity:component:form-field:textarea:resize-handle:label": "Redimensionner la zone de texte",
47
59
  "unity:component:full-page-loader:label": "Chargement du contenu en cours...",
@@ -58,6 +70,7 @@
58
70
  "unity:component:pagination:jump-dialog:action:cancel": "Annuler",
59
71
  "unity:component:pagination:jump-dialog:action:go": "Sauter",
60
72
  "unity:component:search:placeholder": "Rechercher",
73
+ "unity:component:select:search:label": "Rechercher des options",
61
74
  "unity:component:skip-links:label": "Sauter à:",
62
75
  "unity:component:table:empty-state:loading:title": "Un instant",
63
76
  "unity:component:table:empty-state:no-data:title": "Aucun résultat trouvé",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "2.0.0",
3
+ "version": "2.1.4",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -15,13 +15,6 @@
15
15
  "default": "./dist/esm/index.js"
16
16
  }
17
17
  },
18
- "./integrations/react-router/v5": {
19
- "import": {
20
- "hrAppsLocalDev": "./src/integrations/react-router/v5/index.ts",
21
- "types": "./dist/esm/integrations/react-router/v5/index.d.ts",
22
- "default": "./dist/esm/integrations/react-router/v5.js"
23
- }
24
- },
25
18
  "./integrations/tanstack-router": {
26
19
  "import": {
27
20
  "hrAppsLocalDev": "./src/integrations/tanstack-router/index.ts",
@@ -44,18 +37,20 @@
44
37
  "i18n"
45
38
  ],
46
39
  "dependencies": {
47
- "@ariakit/react": "0.4.19",
40
+ "@ariakit/react": "0.4.21",
48
41
  "@formatjs/intl": "3.1.3",
49
42
  "@hookform/devtools": "4.4.0",
50
43
  "@hookform/resolvers": "5.2.1",
51
44
  "@internationalized/date": "3.10.0",
52
- "@payfit/unity-illustrations": "2.0.0",
53
- "@radix-ui/react-avatar": "1.1.10",
54
- "@radix-ui/react-slot": "1.2.3",
45
+ "@payfit/unity-illustrations": "2.1.4",
46
+ "@radix-ui/react-avatar": "1.1.11",
47
+ "@radix-ui/react-slot": "1.2.4",
55
48
  "@react-aria/interactions": "3.25.6",
56
49
  "@react-aria/utils": "3.31.0",
57
50
  "@react-types/shared": "3.26.0",
58
51
  "@standard-schema/spec": "1.0.0",
52
+ "@tanstack/react-form": "1.25.0",
53
+ "@tanstack/react-virtual": "3.13.12",
59
54
  "@use-gesture/react": "10.3.1",
60
55
  "prettier": "3.1.0",
61
56
  "react": "18.3.1",
@@ -65,25 +60,26 @@
65
60
  "react-hook-form": "7.62.0",
66
61
  "react-hot-toast": "2.5.1",
67
62
  "react-hotkeys-hook": "5.1.0",
68
- "react-intl": "7.1.3",
63
+ "react-international-phone": "4.5.0",
64
+ "react-intl": "7.1.14",
69
65
  "react-stately": "3.42.0",
70
- "storybook": "9.1.13",
66
+ "storybook": "10.1.11",
71
67
  "tailwind-variants": "2.1.0",
72
68
  "usehooks-ts": "3.1.0",
73
- "zod": "4.1.9"
69
+ "zod": "4.3.5"
74
70
  },
75
71
  "peerDependencies": {
76
- "@hookform/devtools": "4.4.0",
77
- "@payfit/unity-icons": "2.0.0",
78
- "@payfit/unity-themes": "2.0.0",
79
- "@storybook/react-vite": "^9.1.13",
80
- "@tanstack/react-query": "5.90.2",
72
+ "@hookform/devtools": "^4",
73
+ "@payfit/unity-icons": "2.1.4",
74
+ "@payfit/unity-themes": "2.1.4",
75
+ "@storybook/react-vite": "^10.1.10",
76
+ "@tanstack/react-query": "^5",
81
77
  "@tanstack/react-router": "^1.131",
82
78
  "@tanstack/react-router-devtools": "^1.131",
83
- "@tanstack/react-table": "8.21.3",
84
- "history": "4.10.1",
79
+ "@tanstack/react-table": "^8",
80
+ "history": "^4",
85
81
  "react-hook-form": "^7",
86
- "react-router-dom": "5.3.4",
82
+ "react-router-dom": "^5",
87
83
  "zod": "^3 || ^4"
88
84
  },
89
85
  "devDependencies": {
@@ -93,15 +89,18 @@
93
89
  "@payfit/hr-app-eslint": "0.0.0-use.local",
94
90
  "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
95
91
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
96
- "@payfit/unity-icons": "2.0.0",
97
- "@payfit/unity-illustrations": "2.0.0",
98
- "@payfit/unity-themes": "2.0.0",
92
+ "@payfit/storybook-config": "0.0.0-use.local",
93
+ "@payfit/unity-icons": "2.1.4",
94
+ "@payfit/unity-illustrations": "2.1.4",
95
+ "@payfit/unity-themes": "2.1.4",
99
96
  "@payfit/vite-configs": "0.0.0-use.local",
100
- "@storybook/addon-a11y": "9.1.13",
101
- "@storybook/addon-docs": "9.1.13",
102
- "@storybook/addon-links": "9.1.13",
103
- "@storybook/addon-vitest": "9.1.13",
104
- "@storybook/react-vite": "9.1.13",
97
+ "@storybook/addon-a11y": "10.1.11",
98
+ "@storybook/addon-docs": "10.1.11",
99
+ "@storybook/addon-links": "10.1.11",
100
+ "@storybook/addon-vitest": "10.1.11",
101
+ "@storybook/react-vite": "10.1.11",
102
+ "@tanstack/react-devtools": "^0.7.7",
103
+ "@tanstack/react-form-devtools": "0.2.3",
105
104
  "@tanstack/react-query": "5.90.2",
106
105
  "@tanstack/react-router": "1.133.13",
107
106
  "@tanstack/react-router-devtools": "1.133.13",
@@ -110,25 +109,25 @@
110
109
  "@types/react": "18.3.18",
111
110
  "@types/react-dom": "18.3.5",
112
111
  "@types/react-router-dom": "5.3.3",
113
- "@vitejs/plugin-react": "5.0.3",
114
- "@vitest/browser": "3.2.4",
115
- "eslint-plugin-storybook": "9.1.13",
112
+ "@vitejs/plugin-react": "5.1.0",
113
+ "@vitest/browser": "4.0.6",
114
+ "eslint-plugin-storybook": "10.1.10",
116
115
  "glob": "11.0.1",
117
116
  "msw": "2.8.4",
118
- "msw-storybook-addon": "^2.0.5",
119
- "playwright": "1.49.1",
117
+ "msw-storybook-addon": "^2.0.6",
118
+ "playwright": "1.55.1",
120
119
  "prettier": "3.1.0",
121
120
  "react-docgen-typescript": "2.2.2",
122
121
  "react-hot-toast": "2.5.1",
123
- "storybook": "9.1.13",
124
- "storybook-addon-pseudo-states": "9.1.13",
125
- "storybook-addon-tag-badges": "^2.0.1",
122
+ "storybook": "10.1.11",
123
+ "storybook-addon-pseudo-states": "10.1.10",
124
+ "storybook-addon-tag-badges": "3.0.2",
126
125
  "storybook-mock-date-decorator": "3.0.0",
127
126
  "tailwindcss": "4.1.11",
128
127
  "typescript": "5.9.2",
129
- "vite": "7.1.6",
130
- "vite-plugin-node-polyfills": "0.23.0",
131
- "vitest": "3.2.4"
128
+ "vite": "7.1.12",
129
+ "vite-plugin-node-polyfills": "0.24.0",
130
+ "vitest": "4.0.9"
132
131
  },
133
132
  "peerDependenciesMeta": {
134
133
  "@hookform/devtools": {
@@ -1,109 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { UseComboboxFilterProps } from './hooks/use-combobox-filter.js';
3
- type Key = string | number;
4
- export interface MultiSelectBaseProps {
5
- /** Default content when no value is selected */
6
- placeholder?: string;
7
- /** Whether the select is searchable and shows a search input on top of the options */
8
- isSearchable?: boolean;
9
- /** Whether the select is disabled */
10
- isDisabled?: boolean;
11
- /** Whether the select is invalid */
12
- isInvalid?: boolean;
13
- /** Whether the select is read only */
14
- isReadOnly?: boolean;
15
- /** Whether the select is in a loading state */
16
- isLoading?: boolean;
17
- /** Callback when the clear button is pressed */
18
- onClearButtonPress?: () => void;
19
- /** Maximum number of items to show in the select button before showing a counter badge */
20
- maxVisibleItems?: number;
21
- /** Callback when the select is focused */
22
- onFocus?: () => void;
23
- /** Callback when the select is blurred */
24
- onBlur?: () => void;
25
- /** The ID of the element that labels this select when no visible label is provided */
26
- 'aria-labelledby'?: string;
27
- /** The ID of the element that labels this select when no visible label is provided */
28
- 'aria-label'?: string;
29
- }
30
- export interface FlatSelectProps<TItem, // Item type
31
- TItemKey extends keyof TItem, // key name of the item
32
- TKeyType extends TItem[TItemKey] & Key> extends MultiSelectBaseProps {
33
- /** The items to display in the select */
34
- items: Set<TItem>;
35
- /** The currently selected values (controlled mode) */
36
- value?: Set<TKeyType>;
37
- /** The default selected values (uncontrolled mode) */
38
- defaultValue?: Set<TKeyType>;
39
- /** Callback when selection changes */
40
- onChange?: (value: Set<TKeyType>) => void;
41
- /** Function to get the value from an item, defaults to String(item) */
42
- getItemValue?: (item: TItem) => TKeyType;
43
- /** Function to render the selected value(s) in the button */
44
- renderValue?: (value: Set<TItem>) => string;
45
- /** Children must be a render function that returns Option components */
46
- children: (item: TItem) => React.JSX.Element;
47
- }
48
- export interface GroupedSelectProps<TItem, // Item type
49
- TItemKey extends keyof TItem, // key name of the item
50
- TKeyType extends TItem[TItemKey] & Key> extends MultiSelectBaseProps {
51
- /** The items to display in the select, grouped by category */
52
- items: Map<string, TItem[]>;
53
- /** The currently selected values (controlled mode) */
54
- value?: Set<TKeyType>;
55
- /** The default selected values (uncontrolled mode) */
56
- defaultValue?: Set<TKeyType>;
57
- /** Callback when selection changes */
58
- onChange?: (value: Set<TKeyType>) => void;
59
- /** Function to get the value from an item, defaults to String(item) */
60
- getItemValue?: (item: TItem) => TKeyType;
61
- /** Function to render the selected value(s) in the button */
62
- renderValue?: (value: Set<TItem>) => string;
63
- /** Children must be a render function that returns OptGroup components */
64
- children: (groupKey: string, items: TItem[]) => React.JSX.Element;
65
- }
66
- export interface StaticItemsProps<TItem = Key> extends MultiSelectBaseProps {
67
- /** The items to display in the select (for dynamic API) */
68
- items?: never;
69
- /** The currently selected values (controlled mode) */
70
- value?: Set<TItem>;
71
- /** The default selected values (uncontrolled mode) */
72
- defaultValue?: Set<TItem>;
73
- /** Callback when selection changes */
74
- onChange?: (value: Set<TItem>) => void;
75
- /** Function to render the selected value(s) in the button */
76
- renderValue?: (value: Set<TItem>) => string;
77
- /** Children must be Option components */
78
- children: ReactNode;
79
- getItemValue?: never;
80
- }
81
- export type DynamicMultiSelectProps<TItem, // Item type
82
- TItemKey extends keyof TItem, // key name of the item
83
- TKeyType extends TItem[TItemKey] & Key> = TItem extends unknown ? (Omit<FlatSelectProps<TItem, TItemKey, TKeyType>, 'items'> & {
84
- items: Set<TItem>;
85
- children: (item: TItem) => React.JSX.Element;
86
- getItemValue?: (item: TItem) => TKeyType;
87
- renderValue?: (value: Set<TItem>) => string;
88
- isSearchable?: boolean;
89
- searchOptions?: UseComboboxFilterProps<TItem>['searchOptions'];
90
- }) | (Omit<GroupedSelectProps<TItem, TItemKey, TKeyType>, 'items'> & {
91
- items: Map<string, TItem[]>;
92
- children: (groupKey: string, items: TItem[]) => React.JSX.Element;
93
- getItemValue?: (item: TItem) => TKeyType;
94
- renderValue?: (value: Set<TItem>) => string;
95
- isSearchable?: boolean;
96
- searchOptions?: UseComboboxFilterProps<TItem>['searchOptions'];
97
- }) : never;
98
- export type MultiSelectProps<TItem, // Item type
99
- TItemKey extends keyof TItem, // key name of the item
100
- TKeyType extends TItem[TItemKey] & Key> = TItem extends unknown ? DynamicMultiSelectProps<TItem, TItemKey, TKeyType> | StaticItemsProps : never;
101
- export type MultiSelectComponent = {
102
- <TItem, // Item type
103
- TItemKey extends keyof TItem, // key name of the item
104
- TKeyType extends TItem[TItemKey] & Key>(props: MultiSelectProps<TItem, TItemKey, TKeyType> & {
105
- ref?: React.ForwardedRef<HTMLButtonElement>;
106
- }): React.JSX.Element;
107
- displayName?: string;
108
- };
109
- export {};
@@ -1,6 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- /**
3
- * Provider that integrates Unity's RouterProvider with React Router v5.
4
- * Handles navigation and active state detection automatically.
5
- */
6
- export declare function UnityReactRouterV5Provider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
@@ -1,28 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { createLocation as m } from "history";
3
- import { useHistory as p, useLocation as u, matchPath as h } from "react-router-dom";
4
- import { RouterProvider as l } from "../../../providers/router/RouterProvider.js";
5
- const f = (o, e) => m(o, null, void 0, e);
6
- function y({ children: o }) {
7
- const e = p(), r = u();
8
- return /* @__PURE__ */ s(
9
- l,
10
- {
11
- navigate: (t) => {
12
- e.push(t);
13
- },
14
- isActive: (t, n) => {
15
- const i = f(t, r), { pathname: c } = i, a = c.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
16
- return a ? !!h(r.pathname, {
17
- path: a,
18
- // Fix for the admin dashboard link
19
- exact: n || t === "/"
20
- }) : !1;
21
- },
22
- children: o
23
- }
24
- );
25
- }
26
- export {
27
- y as UnityReactRouterV5Provider
28
- };
@@ -1 +0,0 @@
1
- export * from './UnityReactRouterV5Provider.js';
@@ -1,4 +0,0 @@
1
- import { UnityReactRouterV5Provider as o } from "./v5/UnityReactRouterV5Provider.js";
2
- export {
3
- o as UnityReactRouterV5Provider
4
- };