@payfit/unity-components 1.2.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 (460) hide show
  1. package/dist/esm/components/action-bar/ActionBar.js +14 -14
  2. package/dist/esm/components/actionable/Actionable.js +31 -28
  3. package/dist/esm/components/alert/Alert.js +41 -29
  4. package/dist/esm/components/alert/parts/AlertTitle.js +8 -8
  5. package/dist/esm/components/app-layout/AppLayout.d.ts +2 -0
  6. package/dist/esm/components/app-layout/AppLayout.js +17 -17
  7. package/dist/esm/components/app-menu/parts/AppMenuFooter.js +23 -23
  8. package/dist/esm/components/app-menu/parts/AppMenuHeader.d.ts +87 -5
  9. package/dist/esm/components/app-menu/parts/AppMenuHeader.js +25 -25
  10. package/dist/esm/components/autocomplete/Autocomplete.d.ts +0 -9
  11. package/dist/esm/components/autocomplete/Autocomplete.js +54 -57
  12. package/dist/esm/components/autocomplete/parts/AutocompleteItem.js +8 -8
  13. package/dist/esm/components/avatar/Avatar.variants.js +1 -1
  14. package/dist/esm/components/avatar/parts/AvatarFallback.js +26 -27
  15. package/dist/esm/components/badge/Badge.js +1 -1
  16. package/dist/esm/components/breadcrumbs/Breadcrumbs.context.js +3 -3
  17. package/dist/esm/components/breadcrumbs/Breadcrumbs.d.ts +19 -11
  18. package/dist/esm/components/breadcrumbs/Breadcrumbs.js +29 -18
  19. package/dist/esm/components/breadcrumbs/Breadcrumbs.variant.js +1 -1
  20. package/dist/esm/components/breadcrumbs/parts/Breadcrumb.d.ts +30 -5
  21. package/dist/esm/components/breadcrumbs/parts/Breadcrumb.js +35 -27
  22. package/dist/esm/components/breadcrumbs/parts/RawBreadcrumbLink.d.ts +37 -0
  23. package/dist/esm/components/breadcrumbs/parts/RawBreadcrumbLink.js +36 -0
  24. package/dist/esm/components/button/Button.js +6 -6
  25. package/dist/esm/components/button/Button.variants.d.ts +1 -0
  26. package/dist/esm/components/button/Button.variants.js +22 -15
  27. package/dist/esm/components/card/Card.context.d.ts +5 -0
  28. package/dist/esm/components/card/Card.context.js +14 -0
  29. package/dist/esm/components/card/Card.d.ts +210 -0
  30. package/dist/esm/components/card/Card.js +93 -0
  31. package/dist/esm/components/card/parts/CardContent.d.ts +37 -0
  32. package/dist/esm/components/card/parts/CardContent.js +8 -0
  33. package/dist/esm/components/card/parts/CardTitle.d.ts +55 -0
  34. package/dist/esm/components/card/parts/CardTitle.js +33 -0
  35. package/dist/esm/components/checkbox/Checkbox.js +38 -30
  36. package/dist/esm/components/checkbox/Checkbox.variants.d.ts +9 -9
  37. package/dist/esm/components/checkbox/Checkbox.variants.js +23 -7
  38. package/dist/esm/components/checkbox/TanstackCheckbox.d.ts +28 -0
  39. package/dist/esm/components/checkbox/TanstackCheckbox.js +51 -0
  40. package/dist/esm/components/checkbox/parts/CheckboxIndicator.js +7 -7
  41. package/dist/esm/components/checkbox-field/CheckboxField.d.ts +2 -0
  42. package/dist/esm/components/checkbox-field/TanstackCheckboxField.d.ts +14 -0
  43. package/dist/esm/components/checkbox-field/TanstackCheckboxField.js +40 -0
  44. package/dist/esm/components/checkbox-group/TanstackCheckboxGroup.d.ts +4 -0
  45. package/dist/esm/components/checkbox-group/TanstackCheckboxGroup.js +37 -0
  46. package/dist/esm/components/checkbox-group-field/CheckboxGroupField.d.ts +2 -0
  47. package/dist/esm/components/checkbox-group-field/TanstackCheckGroupField.d.ts +72 -0
  48. package/dist/esm/components/checkbox-group-field/TanstackCheckGroupField.js +40 -0
  49. package/dist/esm/components/client-side-pagination/ClientSidePagination.d.ts +103 -0
  50. package/dist/esm/components/client-side-pagination/ClientSidePagination.js +177 -0
  51. package/dist/esm/components/client-side-pagination/parts/PaginationEllipsis.d.ts +11 -0
  52. package/dist/esm/components/client-side-pagination/parts/PaginationEllipsis.js +30 -0
  53. package/dist/esm/components/client-side-pagination/parts/PaginationJumpDialog.d.ts +8 -0
  54. package/dist/esm/components/{pagination → client-side-pagination}/parts/PaginationNavButton.js +1 -1
  55. package/dist/esm/components/{pagination/parts/PaginationLink.d.ts → client-side-pagination/parts/RawPaginationLink.d.ts} +2 -2
  56. package/dist/esm/components/{pagination/parts/PaginationLink.js → client-side-pagination/parts/RawPaginationLink.js} +12 -12
  57. package/dist/esm/components/client-side-pagination/utils/pagination-window.d.ts +8 -0
  58. package/dist/esm/components/client-side-pagination/utils/pagination-window.js +33 -0
  59. package/dist/esm/components/collapsible/parts/CollapsibleContent.js +5 -5
  60. package/dist/esm/components/collapsible/parts/CollapsibleTitle.js +8 -8
  61. package/dist/esm/components/data-table/DataTable.d.ts +109 -16
  62. package/dist/esm/components/data-table/DataTable.js +107 -93
  63. package/dist/esm/components/data-table/mocks/employee-data.d.ts +1 -0
  64. package/dist/esm/components/date-calendar/DateCalendar.js +1 -1
  65. package/dist/esm/components/date-calendar/parts/DateSegmentSelect.js +1 -1
  66. package/dist/esm/components/date-picker/DatePicker.d.ts +1 -1
  67. package/dist/esm/components/date-picker/DatePicker.js +59 -50
  68. package/dist/esm/components/date-picker/TanstackDatePicker.d.ts +22 -0
  69. package/dist/esm/components/date-picker/TanstackDatePicker.js +53 -0
  70. package/dist/esm/components/date-picker/parts/DateInput.js +4 -4
  71. package/dist/esm/components/date-picker-field/DatePickerField.d.ts +2 -0
  72. package/dist/esm/components/date-picker-field/TanstackDatePickerField.d.ts +71 -0
  73. package/dist/esm/components/date-picker-field/TanstackDatePickerField.js +41 -0
  74. package/dist/esm/components/definition-list/DefinitionList.context.d.ts +19 -0
  75. package/dist/esm/components/definition-list/DefinitionList.d.ts +24 -0
  76. package/dist/esm/components/definition-list/parts/DefinitionItem.d.ts +25 -0
  77. package/dist/esm/components/dialog/Dialog.d.ts +34 -22
  78. package/dist/esm/components/dialog/Dialog.js +90 -52
  79. package/dist/esm/components/dialog/parts/DialogActions.js +6 -6
  80. package/dist/esm/components/dialog/parts/DialogTitle.js +7 -4
  81. package/dist/esm/components/dialog/test-utils.d.ts +28 -0
  82. package/dist/esm/components/dialog/test-utils.js +78 -0
  83. package/dist/esm/components/error-state/ErrorState.d.ts +13 -1
  84. package/dist/esm/components/error-state/ErrorState.js +133 -92
  85. package/dist/esm/components/error-state/initConfig.js +1 -1
  86. package/dist/esm/components/fieldset/Fieldset.d.ts +19 -0
  87. package/dist/esm/components/fieldset/Fieldset.js +32 -26
  88. package/dist/esm/components/filter/Filter.controls.d.ts +192 -0
  89. package/dist/esm/components/filter/Filter.controls.js +45 -0
  90. package/dist/esm/components/filter/Filter.d.ts +189 -0
  91. package/dist/esm/components/filter/Filter.js +147 -0
  92. package/dist/esm/components/filter/Filter.types.d.ts +121 -0
  93. package/dist/esm/components/filter/hooks/useFilterIds.d.ts +49 -0
  94. package/dist/esm/components/filter/hooks/useFilterIds.js +13 -0
  95. package/dist/esm/components/filter/hooks/useFilterState.d.ts +74 -0
  96. package/dist/esm/components/filter/hooks/useFilterState.js +23 -0
  97. package/dist/esm/components/filter/hooks/useFilterValue.d.ts +61 -0
  98. package/dist/esm/components/filter/hooks/useFilterValue.js +31 -0
  99. package/dist/esm/components/filter/parts/FilterButton.d.ts +75 -0
  100. package/dist/esm/components/filter/parts/FilterButton.js +55 -0
  101. package/dist/esm/components/filter/parts/FilterLabel.d.ts +96 -0
  102. package/dist/esm/components/filter/parts/FilterLabel.js +57 -0
  103. package/dist/esm/components/filter/parts/FilterPopover.d.ts +95 -0
  104. package/dist/esm/components/filter/parts/FilterPopover.js +79 -0
  105. package/dist/esm/components/filter/utils/value-formatters.d.ts +62 -0
  106. package/dist/esm/components/filter/utils/value-formatters.js +14 -0
  107. package/dist/esm/components/filter-toolbar/FilterToolbar.d.ts +110 -0
  108. package/dist/esm/components/filter-toolbar/FilterToolbar.js +172 -0
  109. package/dist/esm/components/filter-toolbar/FilterToolbar.types.d.ts +119 -0
  110. package/dist/esm/components/filter-toolbar/hooks/use-filter-toolbar-state.d.ts +96 -0
  111. package/dist/esm/components/filter-toolbar/hooks/use-filter-toolbar-state.js +132 -0
  112. package/dist/esm/components/filter-toolbar/parts/AddFilter.d.ts +63 -0
  113. package/dist/esm/components/filter-toolbar/parts/AddFilter.js +107 -0
  114. package/dist/esm/components/filter-toolbar/parts/AddFilterItem.d.ts +18 -0
  115. package/dist/esm/components/filter-toolbar/parts/AddFilterItem.js +18 -0
  116. package/dist/esm/components/filter-toolbar/utils/filter-adapters.d.ts +93 -0
  117. package/dist/esm/components/filter-toolbar/utils/filter-adapters.js +88 -0
  118. package/dist/esm/components/filter-toolbar/utils/normalize-filter-value.d.ts +24 -0
  119. package/dist/esm/components/filter-toolbar/utils/normalize-filter-value.js +19 -0
  120. package/dist/esm/components/flex/Flex.js +52 -37
  121. package/dist/esm/components/form/Form.d.ts +2 -0
  122. package/dist/esm/components/form/TanstackForm.d.ts +24 -0
  123. package/dist/esm/components/form/TanstackForm.js +29 -0
  124. package/dist/esm/components/form-field/FormField.d.ts +2 -0
  125. package/dist/esm/components/form-field/FormField.js +12 -12
  126. package/dist/esm/components/form-field/TanstackFormField.context.d.ts +10 -0
  127. package/dist/esm/components/form-field/TanstackFormField.context.js +14 -0
  128. package/dist/esm/components/form-field/TanstackFormField.d.ts +49 -0
  129. package/dist/esm/components/form-field/TanstackFormField.js +46 -0
  130. package/dist/esm/components/form-field/parts/FormControl.d.ts +2 -0
  131. package/dist/esm/components/form-field/parts/FormFeedbackText.d.ts +2 -0
  132. package/dist/esm/components/form-field/parts/FormHelperText.d.ts +2 -0
  133. package/dist/esm/components/form-field/parts/FormLabel.d.ts +2 -0
  134. package/dist/esm/components/form-field/parts/RawFormContextualLink.d.ts +22 -0
  135. package/dist/esm/components/form-field/parts/RawFormContextualLink.js +39 -0
  136. package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.d.ts +12 -0
  137. package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.js +32 -0
  138. package/dist/esm/components/form-field/parts/TanstackFormHelperText.d.ts +11 -0
  139. package/dist/esm/components/form-field/parts/TanstackFormHelperText.js +25 -0
  140. package/dist/esm/components/form-field/parts/TanstackFormLabel.d.ts +8 -0
  141. package/dist/esm/components/form-field/parts/TanstackFormLabel.js +26 -0
  142. package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.d.ts +26 -0
  143. package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.js +45 -0
  144. package/dist/esm/components/funnel-layout/parts/FunnelSidebar.d.ts +2 -2
  145. package/dist/esm/components/icon/Icon.js +23 -19
  146. package/dist/esm/components/icon-button/CircularIconButton.d.ts +9 -9
  147. package/dist/esm/components/icon-button/CircularIconButton.js +53 -36
  148. package/dist/esm/components/icon-button/IconButton.variants.d.ts +1 -0
  149. package/dist/esm/components/icon-button/IconButton.variants.js +44 -28
  150. package/dist/esm/components/input/Input.js +36 -35
  151. package/dist/esm/components/input/TanstackInput.d.ts +22 -0
  152. package/dist/esm/components/input/TanstackInput.js +38 -0
  153. package/dist/esm/components/label/Label.js +12 -12
  154. package/dist/esm/components/link/{Link.variants.d.ts → RawLink.d.ts} +92 -0
  155. package/dist/esm/components/link/{Link.variants.js → RawLink.js} +78 -5
  156. package/dist/esm/components/list-view/ListView.d.ts +56 -0
  157. package/dist/esm/components/list-view/ListView.fixtures.d.ts +20 -0
  158. package/dist/esm/components/list-view/ListView.js +44 -0
  159. package/dist/esm/components/list-view/parts/ListViewItemLabel.d.ts +34 -0
  160. package/dist/esm/components/list-view/parts/ListViewItemLabel.js +22 -0
  161. package/dist/esm/components/list-view/parts/ListViewItemText.d.ts +33 -0
  162. package/dist/esm/components/list-view/parts/ListViewItemText.js +22 -0
  163. package/dist/esm/components/list-view/parts/ListViewSection.d.ts +14 -0
  164. package/dist/esm/components/list-view/parts/ListViewSection.js +21 -0
  165. package/dist/esm/components/list-view/parts/RawListViewItem.d.ts +102 -0
  166. package/dist/esm/components/list-view/parts/RawListViewItem.js +80 -0
  167. package/dist/esm/components/menu/parts/{MenuItem.d.ts → RawMenuItem.d.ts} +3 -4
  168. package/dist/esm/components/menu/parts/{MenuItem.js → RawMenuItem.js} +9 -9
  169. package/dist/esm/components/multi-select/MultiSelect.d.ts +5 -7
  170. package/dist/esm/components/multi-select/MultiSelect.js +199 -176
  171. package/dist/esm/components/multi-select/MultiselectTypes.d.ts +114 -0
  172. package/dist/esm/components/multi-select/TanstackMultiSelect.d.ts +7 -0
  173. package/dist/esm/components/multi-select/TanstackMultiSelect.js +41 -0
  174. package/dist/esm/components/multi-select/parts/MultiSelectButton.d.ts +2 -0
  175. package/dist/esm/components/multi-select/parts/MultiSelectButton.js +62 -46
  176. package/dist/esm/components/multi-select/parts/MultiSelectPopover.js +15 -15
  177. package/dist/esm/components/multi-select-field/MultiSelectField.d.ts +45 -12
  178. package/dist/esm/components/multi-select-field/MultiSelectField.js +56 -66
  179. package/dist/esm/components/multi-select-field/TanstackMultiSelectField.d.ts +92 -0
  180. package/dist/esm/components/multi-select-field/TanstackMultiSelectField.js +48 -0
  181. package/dist/esm/components/multi-select-field/test-utils.d.ts +17 -0
  182. package/dist/esm/components/multi-select-field/test-utils.js +45 -0
  183. package/dist/esm/components/nav/parts/NavGroup.d.ts +3 -3
  184. package/dist/esm/components/nav/parts/NavGroup.js +62 -51
  185. package/dist/esm/components/nav/parts/{NavItem.d.ts → RawNavItem.d.ts} +102 -5
  186. package/dist/esm/components/nav/parts/RawNavItem.js +106 -0
  187. package/dist/esm/components/navigation-card/NavigationCard.context.d.ts +31 -0
  188. package/dist/esm/components/navigation-card/NavigationCard.context.js +13 -0
  189. package/dist/esm/components/navigation-card/NavigationCard.d.ts +46 -0
  190. package/dist/esm/components/navigation-card/NavigationCard.js +62 -0
  191. package/dist/esm/components/navigation-card/NavigationCard.types.d.ts +37 -0
  192. package/dist/esm/components/navigation-card/NavigationCard.variants.d.ts +1147 -0
  193. package/dist/esm/components/navigation-card/NavigationCard.variants.js +164 -0
  194. package/dist/esm/components/navigation-card/parts/NavigationCardDescription.d.ts +39 -0
  195. package/dist/esm/components/navigation-card/parts/NavigationCardDescription.js +22 -0
  196. package/dist/esm/components/navigation-card/parts/NavigationCardGroup.d.ts +146 -0
  197. package/dist/esm/components/navigation-card/parts/NavigationCardGroup.js +93 -0
  198. package/dist/esm/components/navigation-card/parts/NavigationCardLabel.d.ts +32 -0
  199. package/dist/esm/components/navigation-card/parts/NavigationCardLabel.js +24 -0
  200. package/dist/esm/components/number-field/NumberField.d.ts +2 -0
  201. package/dist/esm/components/number-field/TanstackNumberField.d.ts +74 -0
  202. package/dist/esm/components/number-field/TanstackNumberField.js +44 -0
  203. package/dist/esm/components/number-input/NumberInput.js +31 -29
  204. package/dist/esm/components/number-input/TanstackNumberInput.d.ts +58 -0
  205. package/dist/esm/components/number-input/TanstackNumberInput.js +38 -0
  206. package/dist/esm/components/page/Page.js +13 -12
  207. package/dist/esm/components/page/parts/PageHeader.d.ts +79 -9
  208. package/dist/esm/components/page/parts/PageHeader.js +22 -20
  209. package/dist/esm/components/pagination/Pagination.d.ts +23 -44
  210. package/dist/esm/components/pagination/Pagination.js +89 -163
  211. package/dist/esm/components/pagination/PaginationContext.d.ts +11 -0
  212. package/dist/esm/components/pagination/PaginationContext.js +15 -0
  213. package/dist/esm/components/pagination/hooks/use-pagination-state.d.ts +63 -0
  214. package/dist/esm/components/pagination/hooks/use-pagination-state.js +27 -0
  215. package/dist/esm/components/pagination/hooks/use-pagination-window.d.ts +64 -0
  216. package/dist/esm/components/pagination/hooks/use-pagination-window.js +15 -0
  217. package/dist/esm/components/pagination/parts/PaginationContent.d.ts +30 -0
  218. package/dist/esm/components/pagination/parts/PaginationContent.js +37 -0
  219. package/dist/esm/components/pagination/parts/PaginationEllipsis.d.ts +23 -4
  220. package/dist/esm/components/pagination/parts/PaginationEllipsis.js +20 -16
  221. package/dist/esm/components/pagination/parts/PaginationItem.d.ts +38 -0
  222. package/dist/esm/components/pagination/parts/PaginationItem.js +22 -0
  223. package/dist/esm/components/pagination/parts/RawPaginationLink.d.ts +11 -0
  224. package/dist/esm/components/pagination/parts/RawPaginationLink.js +60 -0
  225. package/dist/esm/components/pagination/parts/RawPaginationNext.d.ts +22 -0
  226. package/dist/esm/components/pagination/parts/RawPaginationNext.js +70 -0
  227. package/dist/esm/components/pagination/parts/RawPaginationPrevious.d.ts +22 -0
  228. package/dist/esm/components/pagination/parts/RawPaginationPrevious.js +67 -0
  229. package/dist/esm/components/pagination/utils/pagination-window.js +29 -20
  230. package/dist/esm/components/payfit-brand/PayFitBrand.d.ts +4 -0
  231. package/dist/esm/components/payfit-brand/PayFitBrand.js +30 -22
  232. package/dist/esm/components/payfit-brand/PayFitPreprod.js +25 -25
  233. package/dist/esm/components/phone-number/PhoneNumberInput.d.ts +67 -0
  234. package/dist/esm/components/phone-number/PhoneNumberInput.js +322 -0
  235. package/dist/esm/components/phone-number/TanstackPhoneNumberInput.d.ts +64 -0
  236. package/dist/esm/components/phone-number/TanstackPhoneNumberInput.js +33 -0
  237. package/dist/esm/components/phone-number/parts/PhoneNumberItem.d.ts +42 -0
  238. package/dist/esm/components/phone-number/parts/PhoneNumberItem.js +68 -0
  239. package/dist/esm/components/phone-number/unknownFlag.svg.js +4 -0
  240. package/dist/esm/components/phone-number-field/TanstackPhoneNumberField.d.ts +15 -0
  241. package/dist/esm/components/phone-number-field/TanstackPhoneNumberField.js +32 -0
  242. package/dist/esm/components/pill/Pill.d.ts +2 -2
  243. package/dist/esm/components/pill/Pill.js +8 -8
  244. package/dist/esm/components/popover/Popover.js +6 -6
  245. package/dist/esm/components/promo-dialog/PromoDialog.d.ts +149 -0
  246. package/dist/esm/components/promo-dialog/PromoDialog.js +219 -0
  247. package/dist/esm/components/promo-dialog/parts/PromoDialogActions.d.ts +44 -0
  248. package/dist/esm/components/promo-dialog/parts/PromoDialogActions.js +29 -0
  249. package/dist/esm/components/promo-dialog/parts/PromoDialogContent.d.ts +43 -0
  250. package/dist/esm/components/promo-dialog/parts/PromoDialogContent.js +20 -0
  251. package/dist/esm/components/promo-dialog/parts/PromoDialogHero.d.ts +47 -0
  252. package/dist/esm/components/promo-dialog/parts/PromoDialogHero.js +25 -0
  253. package/dist/esm/components/promo-dialog/parts/PromoDialogSubtitle.d.ts +53 -0
  254. package/dist/esm/components/promo-dialog/parts/PromoDialogSubtitle.js +21 -0
  255. package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.d.ts +6 -0
  256. package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.js +18 -0
  257. package/dist/esm/components/radio-button-group/TanstackRadioButtonGroup.d.ts +13 -0
  258. package/dist/esm/components/radio-button-group/TanstackRadioButtonGroup.js +43 -0
  259. package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts +29 -11
  260. package/dist/esm/components/radio-button-group/parts/RadioButton.js +53 -51
  261. package/dist/esm/components/radio-button-group-field/RadioButtonGroupField.d.ts +2 -0
  262. package/dist/esm/components/radio-button-group-field/TanstackRadioButtonGroupField.d.ts +13 -0
  263. package/dist/esm/components/radio-button-group-field/TanstackRadioButtonGroupField.js +38 -0
  264. package/dist/esm/components/search/Search.js +46 -46
  265. package/dist/esm/components/segmented-button-group/parts/ToggleButton.js +5 -5
  266. package/dist/esm/components/select/Select.d.ts +5 -4
  267. package/dist/esm/components/select/Select.js +79 -53
  268. package/dist/esm/components/select/TanstackSelect.d.ts +80 -0
  269. package/dist/esm/components/select/TanstackSelect.js +34 -0
  270. package/dist/esm/components/select/parts/SearchInput.d.ts +4 -1
  271. package/dist/esm/components/select/parts/SearchInput.js +49 -31
  272. package/dist/esm/components/select/parts/SelectButton.js +19 -17
  273. package/dist/esm/components/select/parts/SelectOption.js +9 -9
  274. package/dist/esm/components/select-field/SelectField.d.ts +2 -0
  275. package/dist/esm/components/select-field/SelectField.js +8 -9
  276. package/dist/esm/components/select-field/TanstackSelectField.d.ts +124 -0
  277. package/dist/esm/components/select-field/TanstackSelectField.js +44 -0
  278. package/dist/esm/components/select-list/SelectList.d.ts +95 -0
  279. package/dist/esm/components/select-list/SelectList.js +79 -0
  280. package/dist/esm/components/select-list/SelectList.types.d.ts +29 -0
  281. package/dist/esm/components/select-list/constants.d.ts +36 -0
  282. package/dist/esm/components/select-list/constants.js +29 -0
  283. package/dist/esm/components/select-list/helpers.d.ts +42 -0
  284. package/dist/esm/components/select-list/helpers.js +48 -0
  285. package/dist/esm/components/select-list/hooks/useControlledSelection.d.ts +23 -0
  286. package/dist/esm/components/select-list/hooks/useControlledSelection.js +16 -0
  287. package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.d.ts +23 -0
  288. package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.js +31 -0
  289. package/dist/esm/components/select-list/parts/SelectListEmptyState.d.ts +8 -0
  290. package/dist/esm/components/select-list/parts/SelectListEmptyState.js +25 -0
  291. package/dist/esm/components/select-list/parts/SelectListOptGroup.d.ts +118 -0
  292. package/dist/esm/components/select-list/parts/SelectListOptGroup.js +28 -0
  293. package/dist/esm/components/select-list/parts/SelectListOption.d.ts +24 -0
  294. package/dist/esm/components/select-list/parts/SelectListOption.js +72 -0
  295. package/dist/esm/components/select-list/parts/SelectListSearchInput.d.ts +2 -0
  296. package/dist/esm/components/select-list/parts/SelectListSearchInput.js +43 -0
  297. package/dist/esm/components/select-list/parts/SelectedItemsSection.d.ts +54 -0
  298. package/dist/esm/components/select-list/parts/SelectedItemsSection.js +35 -0
  299. package/dist/esm/components/select-list/utils/partition.d.ts +13 -0
  300. package/dist/esm/components/select-list/utils/partition.js +9 -0
  301. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.ts +1 -5
  302. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts +6 -1
  303. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.js +23 -23
  304. package/dist/esm/components/selectable-button-group/TanstackSelectableButtonGroup.d.ts +27 -0
  305. package/dist/esm/components/selectable-button-group/TanstackSelectableButtonGroup.js +34 -0
  306. package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.ts +1 -16
  307. package/dist/esm/components/selectable-button-group/parts/SelectableButton.js +56 -57
  308. package/dist/esm/components/selectable-button-group-field/SelectableButtonGroupField.d.ts +2 -0
  309. package/dist/esm/components/selectable-button-group-field/TanstackSelectableButtonGroupField.d.ts +81 -0
  310. package/dist/esm/components/selectable-button-group-field/TanstackSelectableButtonGroupField.js +47 -0
  311. package/dist/esm/components/selectable-card/internals/Description.js +1 -1
  312. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js +1 -1
  313. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.d.ts +26 -0
  314. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js +32 -0
  315. package/dist/esm/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js +24 -24
  316. package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.d.ts +2 -0
  317. package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js +12 -14
  318. package/dist/esm/components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.d.ts +28 -0
  319. package/dist/esm/components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js +32 -0
  320. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.js +14 -13
  321. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js +27 -25
  322. package/dist/esm/components/selectable-card/selectableCard.variant.js +5 -5
  323. package/dist/esm/components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.d.ts +2 -0
  324. package/dist/esm/components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.d.ts +10 -0
  325. package/dist/esm/components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js +38 -0
  326. package/dist/esm/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.d.ts +2 -0
  327. package/dist/esm/components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.d.ts +10 -0
  328. package/dist/esm/components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js +38 -0
  329. package/dist/esm/components/skip-links/SkipLinks.js +1 -1
  330. package/dist/esm/components/table/Table.context.d.ts +5 -0
  331. package/dist/esm/components/table/Table.context.js +14 -13
  332. package/dist/esm/components/table/Table.d.ts +94 -0
  333. package/dist/esm/components/table/Table.js +145 -108
  334. package/dist/esm/components/table/hooks/useTableKeyboardNavigation.js +6 -6
  335. package/dist/esm/components/table/parts/TableBody.js +83 -21
  336. package/dist/esm/components/table/parts/TableCell.js +29 -26
  337. package/dist/esm/components/table/parts/TableEmptyState.js +6 -6
  338. package/dist/esm/components/table/parts/TableHeader.js +1 -1
  339. package/dist/esm/components/table/parts/TablePagination.d.ts +5 -5
  340. package/dist/esm/components/table/parts/TablePagination.js +11 -11
  341. package/dist/esm/components/table/parts/TableRow.js +22 -18
  342. package/dist/esm/components/tabs/Tabs.variant.d.ts +0 -6
  343. package/dist/esm/components/tabs/Tabs.variant.js +11 -12
  344. package/dist/esm/components/tabs/parts/{Tab.d.ts → RawTab.d.ts} +2 -2
  345. package/dist/esm/components/tabs/parts/{Tab.js → RawTab.js} +6 -6
  346. package/dist/esm/components/task-menu/TaskMenu.d.ts +4 -4
  347. package/dist/esm/components/task-menu/parts/{SubTask.d.ts → RawSubTask.d.ts} +7 -7
  348. package/dist/esm/components/task-menu/parts/{SubTask.js → RawSubTask.js} +43 -43
  349. package/dist/esm/components/task-menu/parts/{Task.d.ts → RawTask.d.ts} +7 -7
  350. package/dist/esm/components/task-menu/parts/{Task.js → RawTask.js} +45 -41
  351. package/dist/esm/components/task-menu/parts/TaskGroup.d.ts +5 -5
  352. package/dist/esm/components/task-menu/parts/TaskGroup.js +30 -26
  353. package/dist/esm/components/task-menu/parts/task.variants.js +4 -2
  354. package/dist/esm/components/text/Text.d.ts +11 -1
  355. package/dist/esm/components/text/Text.js +43 -30
  356. package/dist/esm/components/text/Text.variants.d.ts +12 -0
  357. package/dist/esm/components/text/Text.variants.js +4 -0
  358. package/dist/esm/components/text-area/TanstackTextArea.d.ts +21 -0
  359. package/dist/esm/components/text-area/TanstackTextArea.js +35 -0
  360. package/dist/esm/components/text-area/TextArea.js +31 -29
  361. package/dist/esm/components/text-field/TanstackTextField.d.ts +79 -0
  362. package/dist/esm/components/text-field/TanstackTextField.js +60 -0
  363. package/dist/esm/components/text-field/TextField.d.ts +2 -0
  364. package/dist/esm/components/toast/UnityToast.js +5 -5
  365. package/dist/esm/components/toast/test-utils.d.ts +36 -0
  366. package/dist/esm/components/toast/test-utils.js +118 -0
  367. package/dist/esm/components/toggle-switch/TanstackToggleSwitch.d.ts +46 -0
  368. package/dist/esm/components/toggle-switch/TanstackToggleSwitch.js +25 -0
  369. package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts +21 -9
  370. package/dist/esm/components/toggle-switch/ToggleSwitch.js +71 -32
  371. package/dist/esm/components/toggle-switch-field/TanstackToggleSwitchField.d.ts +11 -0
  372. package/dist/esm/components/toggle-switch-field/TanstackToggleSwitchField.js +34 -0
  373. package/dist/esm/components/toggle-switch-field/ToggleSwitchField.d.ts +2 -0
  374. package/dist/esm/components/toggle-switch-group/TanstackToggleSwitchGroup.d.ts +57 -0
  375. package/dist/esm/components/toggle-switch-group/TanstackToggleSwitchGroup.js +23 -0
  376. package/dist/esm/components/toggle-switch-group/ToggleSwitchGroup.js +1 -1
  377. package/dist/esm/components/toggle-switch-group-field/TanstackToggleSwitchGroupField.d.ts +19 -0
  378. package/dist/esm/components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js +50 -0
  379. package/dist/esm/components/toggle-switch-group-field/ToggleSwitchGroupField.d.ts +2 -0
  380. package/dist/esm/docs/{table → examples/data}/mocks/employee-columns.d.ts +1 -1
  381. package/dist/esm/hooks/tanstack-form-context.d.ts +1 -0
  382. package/dist/esm/hooks/tanstack-form-context.js +8 -0
  383. package/dist/esm/hooks/use-container-query-level.d.ts +42 -0
  384. package/dist/esm/hooks/use-container-query-level.js +33 -0
  385. package/dist/esm/hooks/use-form.d.ts +2 -0
  386. package/dist/esm/hooks/use-has-scroll.d.ts +71 -0
  387. package/dist/esm/hooks/use-has-scroll.js +75 -0
  388. package/dist/esm/hooks/use-tanstack-form.d.ts +369 -0
  389. package/dist/esm/hooks/use-tanstack-form.js +209 -0
  390. package/dist/esm/index.d.ts +64 -30
  391. package/dist/esm/index.js +482 -394
  392. package/dist/esm/index.storybook-testing.d.ts +3 -0
  393. package/dist/esm/integrations/tanstack-router/components/breadcrumbs/Breadcrumb.d.ts +23 -0
  394. package/dist/esm/integrations/tanstack-router/components/breadcrumbs/BreadcrumbLink.d.ts +38 -0
  395. package/dist/esm/integrations/tanstack-router/components/breadcrumbs/BreadcrumbLink.js +7 -0
  396. package/dist/esm/integrations/tanstack-router/components/breadcrumbs/Breadcrumbs.d.ts +23 -0
  397. package/dist/esm/integrations/tanstack-router/components/breadcrumbs/use-route-breadcrumb.d.ts +53 -0
  398. package/dist/esm/integrations/tanstack-router/components/form-contextual-link/FormContextualLink.d.ts +45 -0
  399. package/dist/esm/integrations/tanstack-router/components/form-contextual-link/FormContextualLink.js +7 -0
  400. package/dist/esm/integrations/tanstack-router/components/form-contextual-link/TanstackFormContextualLink.d.ts +43 -0
  401. package/dist/esm/integrations/tanstack-router/components/link/Link.d.ts +33 -0
  402. package/dist/esm/integrations/tanstack-router/components/link/Link.js +7 -0
  403. package/dist/esm/integrations/tanstack-router/components/list-view/ListView.d.ts +34 -0
  404. package/dist/esm/integrations/tanstack-router/components/list-view/ListView.js +25 -0
  405. package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.d.ts +51 -0
  406. package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.js +32 -0
  407. package/dist/esm/integrations/tanstack-router/components/menu-item/MenuItem.d.ts +49 -0
  408. package/dist/esm/integrations/tanstack-router/components/menu-item/MenuItem.js +16 -0
  409. package/dist/esm/integrations/tanstack-router/components/nav-item/NavItem.d.ts +52 -0
  410. package/dist/esm/integrations/tanstack-router/components/nav-item/NavItem.js +29 -0
  411. package/dist/esm/integrations/tanstack-router/components/navigation-card/NavigationCard.d.ts +73 -0
  412. package/dist/esm/integrations/tanstack-router/components/navigation-card/NavigationCard.js +37 -0
  413. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationLink.d.ts +54 -0
  414. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationLink.js +21 -0
  415. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationNext.d.ts +52 -0
  416. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationNext.js +22 -0
  417. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationPrevious.d.ts +51 -0
  418. package/dist/esm/integrations/tanstack-router/components/pagination/PaginationPrevious.js +22 -0
  419. package/dist/esm/integrations/tanstack-router/components/tabs/Tabs.d.ts +82 -0
  420. package/dist/esm/integrations/tanstack-router/components/tabs/Tabs.js +41 -0
  421. package/dist/esm/integrations/tanstack-router/components/tabs/parts/Tab.d.ts +52 -0
  422. package/dist/esm/integrations/tanstack-router/components/tabs/parts/Tab.js +15 -0
  423. package/dist/esm/integrations/tanstack-router/components/tabs/parts/TabList.d.ts +5 -0
  424. package/dist/esm/integrations/tanstack-router/components/tabs/parts/TabPanel.d.ts +77 -0
  425. package/dist/esm/integrations/tanstack-router/components/tabs/parts/TabPanel.js +16 -0
  426. package/dist/esm/integrations/tanstack-router/components/task-menu/SubTask.d.ts +69 -0
  427. package/dist/esm/integrations/tanstack-router/components/task-menu/SubTask.js +14 -0
  428. package/dist/esm/integrations/tanstack-router/components/task-menu/Task.d.ts +64 -0
  429. package/dist/esm/integrations/tanstack-router/components/task-menu/Task.js +14 -0
  430. package/dist/esm/integrations/tanstack-router/index.d.ts +19 -0
  431. package/dist/esm/integrations/tanstack-router/utils/decorators.d.ts +23 -0
  432. package/dist/esm/integrations/tanstack-router.js +40 -0
  433. package/dist/esm/mocks/employees.d.ts +1 -5
  434. package/dist/esm/providers/router/RouterProvider.d.ts +7 -2
  435. package/dist/esm/providers/router/RouterProvider.js +14 -10
  436. package/dist/esm/storybook-testing.js +8 -2
  437. package/dist/esm/storybook-utilities/previewTransform.d.ts +1 -0
  438. package/dist/esm/types/DataAttributes.d.ts +1 -1
  439. package/dist/esm/utils/scroll-detection.d.ts +77 -0
  440. package/dist/esm/utils/scroll-detection.js +33 -0
  441. package/dist/esm/utils/spacing.d.ts +63 -0
  442. package/dist/esm/utils/spacing.js +15 -0
  443. package/i18n/en-GB.json +22 -8
  444. package/i18n/es-ES.json +24 -10
  445. package/i18n/fr-FR.json +25 -11
  446. package/package.json +66 -45
  447. package/dist/esm/components/form-field/parts/FormContextualLink.d.ts +0 -20
  448. package/dist/esm/components/form-field/parts/FormContextualLink.js +0 -37
  449. package/dist/esm/components/link/Link.d.ts +0 -93
  450. package/dist/esm/components/link/Link.js +0 -68
  451. package/dist/esm/components/multi-select/Multiselect.types.d.ts +0 -109
  452. package/dist/esm/components/nav/parts/NavItem.js +0 -95
  453. package/dist/esm/integrations/react-router/v5/UnityReactRouterV5Provider.d.ts +0 -6
  454. package/dist/esm/integrations/react-router/v5/UnityReactRouterV5Provider.js +0 -28
  455. package/dist/esm/integrations/react-router/v5/index.d.ts +0 -1
  456. package/dist/esm/integrations/react-router/v5.js +0 -4
  457. /package/dist/esm/components/{pagination → client-side-pagination}/hooks/use-pagination.d.ts +0 -0
  458. /package/dist/esm/components/{pagination → client-side-pagination}/hooks/use-pagination.js +0 -0
  459. /package/dist/esm/components/{pagination → client-side-pagination}/parts/PaginationJumpDialog.js +0 -0
  460. /package/dist/esm/components/{pagination → client-side-pagination}/parts/PaginationNavButton.d.ts +0 -0
package/i18n/es-ES.json CHANGED
@@ -3,9 +3,11 @@
3
3
  "unity:component:common:clear:title": "Borrar",
4
4
  "unity:component:common:close:label": "Cerrar",
5
5
  "unity:component:common:loading:label": "Cargando...",
6
+ "unity:component:common:unknown": "desconocido",
6
7
  "unity:component:common:previous": "Anterior",
7
8
  "unity:component:common:next": "Siguiente",
8
9
  "unity:component:common:customer-support:url": "https://support.payfit.com/es/inbox/",
10
+ "unity:component:common:scrollable-content:label": "Contenido desplazable",
9
11
  "unity:component:action-bar:toolbar-label": "Barra de acciones en lote",
10
12
  "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {ningún elemento seleccionado} one {{selectionCount} elemento seleccionado} other {{selectionCount} elementos seleccionados}}",
11
13
  "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} para enfocar la barra de acciones",
@@ -19,20 +21,28 @@
19
21
  "unity:component:autocomplete:placeholder": "Buscar",
20
22
  "unity:component:autocomplete:panel:empty:label": "No se encontraron resultados",
21
23
  "unity:component:autocomplete:panel:loading:label": "Cargando resultados",
22
- "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.",
23
- "unity:component:error-state:404-alternative:main-description": "La página o documento que está buscando puede haber sido movido o eliminado.",
24
- "unity:component:error-state:404:main-title": "Lo sentimos, no pudimos encontrar lo que estabas buscando",
25
- "unity:component:error-state:404-alternative:main-title": "¡Ups, no pudimos encontrar este artículo",
26
- "unity:component:error-state:button:label": "Ir al tablero de mando",
27
- "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:",
28
- "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.",
29
- "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",
30
31
  "unity:component:error-state:common:illustration:alt": "Se produjo un error",
31
32
  "unity:component:error-state:common:icon:alt": "Se produjo un error",
32
- "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.",
33
34
  "unity:component:error-state:collapsible:title": "Mostrar detalles",
34
35
  "unity:component:error-state:unknown:back-link:label": "Volver a la página anterior",
35
- "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",
36
46
  "unity:component:form-field:date-picker:calendar-button": "Abrir el calendario",
37
47
  "unity:component:form-field:date-picker:segment-select:month:label": "Cambiar mes actual",
38
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",
@@ -41,6 +51,9 @@
41
51
  "unity:component:form-field:form-input:spinner:label": "Cargando",
42
52
  "unity:component:form-field:form-input:error:alt": "Error",
43
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",
44
57
  "unity:component:form-field:number-input:increment:title": "incremento",
45
58
  "unity:component:form-field:textarea:resize-handle:label": "Redimensionar el área de texto",
46
59
  "unity:component:full-page-loader:label": "Cargando contenido...",
@@ -57,6 +70,7 @@
57
70
  "unity:component:pagination:jump-dialog:action:cancel": "Cancelar",
58
71
  "unity:component:pagination:jump-dialog:action:go": "Saltar",
59
72
  "unity:component:search:placeholder": "Buscar",
73
+ "unity:component:select:search:label": "Buscar opciones",
60
74
  "unity:component:skip-links:label": "Saltar a:",
61
75
  "unity:component:table:empty-state:loading:title": "Un momento",
62
76
  "unity:component:table:empty-state:no-data:title": "No pudimos encontrar resultados",
package/i18n/fr-FR.json CHANGED
@@ -3,9 +3,11 @@
3
3
  "unity:component:common:clear:title": "Effacer",
4
4
  "unity:component:common:close:label": "Fermer",
5
5
  "unity:component:common:loading:label": "Chargement...",
6
+ "unity:component:common:unknown": "inconnu",
6
7
  "unity:component:common:previous": "Précédent",
7
8
  "unity:component:common:next": "Suivant",
8
9
  "unity:component:common:customer-support:url": "https://support.payfit.com/fr/inbox/",
10
+ "unity:component:common:scrollable-content:label": "Contenu défilable",
9
11
  "unity:component:action-bar:toolbar-label": "barre d'outils d'actions groupées",
10
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}}",
11
13
  "unity:component:action-bar:key-shortcuts-text": "Appuyez sur {keyShortcuts} pour accéder à la barre d'actions",
@@ -19,20 +21,28 @@
19
21
  "unity:component:autocomplete:placeholder": "Rechercher",
20
22
  "unity:component:autocomplete:panel:empty:label": "Aucun résultat",
21
23
  "unity:component:autocomplete:panel:loading:label": "Chargement des résultats",
22
- "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.",
23
- "unity:component:error-state:404-alternative:main-description": "La page ou le document que vous recherchez peut avoir été déplacé ou supprimé.",
24
- "unity:component:error-state:404:main-title": "Désolé, nous n'avons pas trouvé ce que vous recherchez",
25
- "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.",
26
28
  "unity:component:error-state:button:label": "Aller au tableau de bord",
27
- "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 :",
28
- "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.",
29
- "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é",
30
31
  "unity:component:error-state:common:illustration:alt": "Une erreur est survenue",
31
32
  "unity:component:error-state:common:icon:alt": "Une erreur est survenue",
32
- "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.",
33
- "unity:component:error-state:collapsible:title": "Afficher les détails",
34
- "unity:component:error-state:unknown:back-link:label": "Retour à la page précédente",
35
- "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",
36
46
  "unity:component:form-field:date-picker:calendar-button": "Ouvrez le calendrier",
37
47
  "unity:component:form-field:date-picker:segment-select:month:label": "Changer le mois actuel",
38
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",
@@ -41,6 +51,9 @@
41
51
  "unity:component:form-field:form-input:spinner:label": "Chargement",
42
52
  "unity:component:form-field:form-input:error:alt": "Erreur",
43
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é",
44
57
  "unity:component:form-field:number-input:increment:title": "Incrémenter",
45
58
  "unity:component:form-field:textarea:resize-handle:label": "Redimensionner la zone de texte",
46
59
  "unity:component:full-page-loader:label": "Chargement du contenu en cours...",
@@ -57,6 +70,7 @@
57
70
  "unity:component:pagination:jump-dialog:action:cancel": "Annuler",
58
71
  "unity:component:pagination:jump-dialog:action:go": "Sauter",
59
72
  "unity:component:search:placeholder": "Rechercher",
73
+ "unity:component:select:search:label": "Rechercher des options",
60
74
  "unity:component:skip-links:label": "Sauter à:",
61
75
  "unity:component:table:empty-state:loading:title": "Un instant",
62
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": "1.2.0",
3
+ "version": "2.1.4",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -15,11 +15,11 @@
15
15
  "default": "./dist/esm/index.js"
16
16
  }
17
17
  },
18
- "./integrations/react-router/v5": {
18
+ "./integrations/tanstack-router": {
19
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"
20
+ "hrAppsLocalDev": "./src/integrations/tanstack-router/index.ts",
21
+ "types": "./dist/esm/integrations/tanstack-router/index.d.ts",
22
+ "default": "./dist/esm/integrations/tanstack-router.js"
23
23
  }
24
24
  },
25
25
  "./testing-utils/storybook": {
@@ -37,90 +37,111 @@
37
37
  "i18n"
38
38
  ],
39
39
  "dependencies": {
40
- "@ariakit/react": "0.4.18",
40
+ "@ariakit/react": "0.4.21",
41
41
  "@formatjs/intl": "3.1.3",
42
42
  "@hookform/devtools": "4.4.0",
43
43
  "@hookform/resolvers": "5.2.1",
44
- "@internationalized/date": "3.9.0",
45
- "@payfit/unity-illustrations": "1.2.0",
46
- "@radix-ui/react-avatar": "1.1.10",
47
- "@radix-ui/react-slot": "1.2.3",
48
- "@react-aria/interactions": "3.25.5",
49
- "@react-aria/utils": "3.30.1",
44
+ "@internationalized/date": "3.10.0",
45
+ "@payfit/unity-illustrations": "2.1.4",
46
+ "@radix-ui/react-avatar": "1.1.11",
47
+ "@radix-ui/react-slot": "1.2.4",
48
+ "@react-aria/interactions": "3.25.6",
49
+ "@react-aria/utils": "3.31.0",
50
50
  "@react-types/shared": "3.26.0",
51
51
  "@standard-schema/spec": "1.0.0",
52
+ "@tanstack/react-form": "1.25.0",
53
+ "@tanstack/react-virtual": "3.13.12",
52
54
  "@use-gesture/react": "10.3.1",
53
55
  "prettier": "3.1.0",
54
56
  "react": "18.3.1",
55
- "react-aria": "3.43.2",
56
- "react-aria-components": "1.12.2",
57
+ "react-aria": "3.44.0",
58
+ "react-aria-components": "1.13.0",
57
59
  "react-dom": "18.3.1",
58
60
  "react-hook-form": "7.62.0",
59
61
  "react-hot-toast": "2.5.1",
60
62
  "react-hotkeys-hook": "5.1.0",
61
- "react-intl": "7.1.3",
62
- "react-stately": "3.41.0",
63
- "storybook": "9.1.7",
63
+ "react-international-phone": "4.5.0",
64
+ "react-intl": "7.1.14",
65
+ "react-stately": "3.42.0",
66
+ "storybook": "10.1.11",
64
67
  "tailwind-variants": "2.1.0",
65
68
  "usehooks-ts": "3.1.0",
66
- "zod": "4.1.9"
69
+ "zod": "4.3.5"
67
70
  },
68
71
  "peerDependencies": {
69
- "@hookform/devtools": "4.4.0",
70
- "@payfit/unity-icons": "1.2.0",
71
- "@payfit/unity-themes": "1.2.0",
72
- "@storybook/react-vite": "^9.1.2",
73
- "@tanstack/react-table": "8.21.3",
74
- "history": "4.10.1",
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",
77
+ "@tanstack/react-router": "^1.131",
78
+ "@tanstack/react-router-devtools": "^1.131",
79
+ "@tanstack/react-table": "^8",
80
+ "history": "^4",
75
81
  "react-hook-form": "^7",
76
- "react-router-dom": "5.3.4",
82
+ "react-router-dom": "^5",
77
83
  "zod": "^3 || ^4"
78
84
  },
79
85
  "devDependencies": {
80
86
  "@hookform/devtools": "4.4.0",
81
- "@internationalized/date": "3.9.0",
87
+ "@internationalized/date": "3.10.0",
82
88
  "@payfit/code-pushup-tools": "0.0.0-use.local",
83
89
  "@payfit/hr-app-eslint": "0.0.0-use.local",
84
90
  "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
85
91
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
86
- "@payfit/unity-icons": "1.2.0",
87
- "@payfit/unity-illustrations": "1.2.0",
88
- "@payfit/unity-themes": "1.2.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",
89
96
  "@payfit/vite-configs": "0.0.0-use.local",
90
- "@storybook/addon-a11y": "9.1.7",
91
- "@storybook/addon-docs": "9.1.7",
92
- "@storybook/addon-links": "9.1.7",
93
- "@storybook/addon-vitest": "9.1.7",
94
- "@storybook/react-vite": "9.1.7",
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",
104
+ "@tanstack/react-query": "5.90.2",
105
+ "@tanstack/react-router": "1.133.13",
106
+ "@tanstack/react-router-devtools": "1.133.13",
95
107
  "@testing-library/dom": "10.4.0",
96
108
  "@testing-library/react": "16.2.0",
97
109
  "@types/react": "18.3.18",
98
110
  "@types/react-dom": "18.3.5",
99
111
  "@types/react-router-dom": "5.3.3",
100
- "@vitejs/plugin-react": "5.0.3",
101
- "@vitest/browser": "3.2.4",
102
- "eslint-plugin-storybook": "9.1.2",
112
+ "@vitejs/plugin-react": "5.1.0",
113
+ "@vitest/browser": "4.0.6",
114
+ "eslint-plugin-storybook": "10.1.10",
103
115
  "glob": "11.0.1",
104
116
  "msw": "2.8.4",
105
- "msw-storybook-addon": "^2.0.5",
106
- "playwright": "1.49.1",
117
+ "msw-storybook-addon": "^2.0.6",
118
+ "playwright": "1.55.1",
107
119
  "prettier": "3.1.0",
108
120
  "react-docgen-typescript": "2.2.2",
109
121
  "react-hot-toast": "2.5.1",
110
- "storybook": "9.1.7",
111
- "storybook-addon-pseudo-states": "9.1.2",
112
- "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",
113
125
  "storybook-mock-date-decorator": "3.0.0",
114
126
  "tailwindcss": "4.1.11",
115
127
  "typescript": "5.9.2",
116
- "vite": "7.1.6",
117
- "vite-plugin-node-polyfills": "0.23.0",
118
- "vitest": "3.2.4"
128
+ "vite": "7.1.12",
129
+ "vite-plugin-node-polyfills": "0.24.0",
130
+ "vitest": "4.0.9"
119
131
  },
120
132
  "peerDependenciesMeta": {
121
133
  "@hookform/devtools": {
122
134
  "optional": true
123
135
  },
136
+ "@tanstack/react-query": {
137
+ "optional": true
138
+ },
139
+ "@tanstack/react-router": {
140
+ "optional": true
141
+ },
142
+ "@tanstack/react-router-devtools": {
143
+ "optional": true
144
+ },
124
145
  "@tanstack/react-table": {
125
146
  "optional": true
126
147
  },
@@ -1,20 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- interface FormContextualLinkProps {
3
- /**
4
- * The href of the contextual link
5
- */
6
- href: string;
7
- onPress?: never;
8
- }
9
- interface FormContextualLinkActionProps {
10
- /**
11
- * A function to open a contextual panel
12
- */
13
- onPress: () => void;
14
- href?: never;
15
- }
16
- /**
17
- * FormContextualLink is a component that displays a contextual link for a form field.
18
- */
19
- declare const FormContextualLink: import('react').ForwardRefExoticComponent<PropsWithChildren<FormContextualLinkProps | FormContextualLinkActionProps> & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
20
- export { FormContextualLink };
@@ -1,37 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { forwardRef as n } from "react";
3
- import { Button as m } from "react-aria-components";
4
- import { Link as d } from "../../link/Link.js";
5
- import { useFormField as s } from "../FormField.context.js";
6
- const e = n(({ children: o, href: t, onPress: l }, a) => {
7
- const { formContextualLinkId: r } = s();
8
- return t ? /* @__PURE__ */ i(
9
- d,
10
- {
11
- id: r,
12
- size: "small",
13
- color: "secondary",
14
- variant: "standalone",
15
- "data-unity-slot": "contextual-link",
16
- href: t,
17
- ref: a,
18
- "data-dd-privacy": "allow",
19
- children: o
20
- }
21
- ) : /* @__PURE__ */ i(
22
- m,
23
- {
24
- id: r,
25
- onPress: l,
26
- "data-unity-slot": "contextual-link",
27
- className: "uy:typography-body-small uy:w-fit",
28
- ref: a,
29
- "data-dd-privacy": "allow",
30
- children: o
31
- }
32
- );
33
- });
34
- e.displayName = "FormContextualLink";
35
- export {
36
- e as FormContextualLink
37
- };
@@ -1,93 +0,0 @@
1
- import { VariantProps } from '@payfit/unity-themes';
2
- import { HTMLAttributes } from 'react';
3
- import { LinkProps as AriaLinkProps } from 'react-aria-components';
4
- import { NavLinkProps as NavRouterLinkProps } from 'react-router-dom';
5
- import { link } from './Link.variants.js';
6
- export type LinkProps = Omit<AriaLinkProps, 'style' | 'className'> & {
7
- /**
8
- * The URL the link navigates to.
9
- */
10
- href: HTMLAnchorElement['href'] | NavRouterLinkProps['to'];
11
- /**
12
- * The link id
13
- */
14
- id?: HTMLAttributes<HTMLLinkElement>['id'];
15
- /**
16
- * The link's size.
17
- * @default 'inherit'
18
- */
19
- size?: VariantProps<typeof link>['size'];
20
- /**
21
- * The link's display variant. Links can be inline with text or standalone (block).
22
- * @default 'inline'
23
- */
24
- variant?: VariantProps<typeof link>['variant'];
25
- /**
26
- * The link's color.
27
- * @default 'primary'
28
- */
29
- color?: VariantProps<typeof link>['color'];
30
- /**
31
- * Whether the link navigates to an external page. If true, the link will open in a new tab and display an indicator icon.
32
- * @default false
33
- */
34
- isExternal?: boolean;
35
- /**
36
- * Whether the link marks the current section or page.
37
- * @default false
38
- */
39
- isCurrent?: Pick<HTMLAttributes<HTMLAnchorElement>, 'aria-current'> | undefined;
40
- /**
41
- * When true, the active state will only be applied if the location is matched exactly.
42
- * @default false
43
- */
44
- isExact?: boolean;
45
- maxCharactersTruncation?: number;
46
- };
47
- /**
48
- * Links allow users to navigate to different pages or sections.
49
- */
50
- declare const Link: import('react').ForwardRefExoticComponent<Omit<AriaLinkProps, "className" | "style"> & {
51
- /**
52
- * The URL the link navigates to.
53
- */
54
- href: HTMLAnchorElement["href"] | NavRouterLinkProps["to"];
55
- /**
56
- * The link id
57
- */
58
- id?: HTMLAttributes<HTMLLinkElement>["id"];
59
- /**
60
- * The link's size.
61
- * @default 'inherit'
62
- */
63
- size?: VariantProps<typeof link>["size"];
64
- /**
65
- * The link's display variant. Links can be inline with text or standalone (block).
66
- * @default 'inline'
67
- */
68
- variant?: VariantProps<typeof link>["variant"];
69
- /**
70
- * The link's color.
71
- * @default 'primary'
72
- */
73
- color?: VariantProps<typeof link>["color"];
74
- /**
75
- * Whether the link navigates to an external page. If true, the link will open in a new tab and display an indicator icon.
76
- * @default false
77
- */
78
- isExternal?: boolean;
79
- /**
80
- * Whether the link marks the current section or page.
81
- * @default false
82
- */
83
- isCurrent?: Pick<HTMLAttributes<HTMLAnchorElement>, "aria-current"> | undefined;
84
- /**
85
- * When true, the active state will only be applied if the location is matched exactly.
86
- * @default false
87
- */
88
- isExact?: boolean;
89
- maxCharactersTruncation?: number;
90
- } & {
91
- children?: import('react').ReactNode | undefined;
92
- } & import('react').RefAttributes<HTMLAnchorElement>>;
93
- export { Link };
@@ -1,68 +0,0 @@
1
- import { jsxs as g, jsx as w } from "react/jsx-runtime";
2
- import { forwardRef as x } from "react";
3
- import { IconSprite as y } from "@payfit/unity-icons";
4
- import { Link as L } from "react-aria-components";
5
- import { useRouter as A } from "../../providers/router/RouterProvider.js";
6
- import { link as E } from "./Link.variants.js";
7
- import { isExternalUrl as N } from "./utils.js";
8
- const S = x(
9
- ({
10
- href: o,
11
- children: l,
12
- variant: s = "inline",
13
- color: c = "primary",
14
- isDisabled: n = !1,
15
- isExact: m = !1,
16
- isCurrent: p = void 0,
17
- isExternal: d,
18
- maxCharactersTruncation: i,
19
- size: u = "inherit",
20
- ...r
21
- }, f) => {
22
- const a = A(), e = d ?? N(o), t = !e && a ? a.isActive(o.toString(), m) : p, { base: k, icon: v } = E({
23
- variant: s,
24
- color: c,
25
- isDisabled: n,
26
- size: u,
27
- isTruncated: !!i
28
- });
29
- return /* @__PURE__ */ g(
30
- L,
31
- {
32
- "data-dd-privacy": "allow",
33
- ...r,
34
- href: o,
35
- ref: f,
36
- style: !!i ? {
37
- "--uy-link-max-w": `${i}ch`
38
- } : {},
39
- className: k(),
40
- isDisabled: n,
41
- target: e ? "_blank" : r.target,
42
- rel: e && !r.rel ? "noopener noreferrer" : r.rel,
43
- ...t !== void 0 && {
44
- "data-current": t,
45
- "aria-current": t ? "page" : void 0
46
- },
47
- children: [
48
- l,
49
- e && /* @__PURE__ */ w(
50
- y,
51
- {
52
- src: "ArrowSquareOutOutlined",
53
- color: "currentColor",
54
- width: "1.45em",
55
- height: "1.45em",
56
- role: "presentation",
57
- className: v()
58
- }
59
- )
60
- ]
61
- }
62
- );
63
- }
64
- );
65
- S.displayName = "Link";
66
- export {
67
- S as Link
68
- };