@geotab/zenith 3.1.1-beta.5 → 3.2.0-beta.0

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 (442) hide show
  1. package/README.md +20 -0
  2. package/dist/advancedGroupsFilter/advancedGroupsFilter.js +136 -30
  3. package/dist/advancedGroupsFilter/advancedGroupsFilterForm.js +139 -34
  4. package/dist/advancedGroupsFilter/advancedGroupsFilterFormSection.js +352 -87
  5. package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.d.ts +0 -1
  6. package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +83 -9
  7. package/dist/alertRaw/alertRaw.js +175 -54
  8. package/dist/banner/bannerMultipLine.js +131 -23
  9. package/dist/banner/bannerSingleLine.js +110 -16
  10. package/dist/betaPill/betaPill.js +111 -20
  11. package/dist/bookmark/bookmark.js +95 -28
  12. package/dist/bulkEditControl/bulkEditControl.js +167 -34
  13. package/dist/calendar/calendar.js +943 -273
  14. package/dist/calendar/calendarUtils.js +157 -85
  15. package/dist/card/card.js +268 -123
  16. package/dist/chart/accessibleChart/accessibleChartNarrative.js +648 -555
  17. package/dist/chart/accessibleChart/accessibleChartTable.js +245 -86
  18. package/dist/chart/chart.js +36 -21
  19. package/dist/chart/chartAxis/chartAxis.js +85 -7
  20. package/dist/checkboxListWithAction/checkboxListWithAction.js +224 -69
  21. package/dist/chip/chip.js +195 -91
  22. package/dist/columnsSelector/columnsSelector.js +97 -12
  23. package/dist/columnsSelector/columnsTab/columnsTab.js +59 -15
  24. package/dist/columnsSelector/columnsTabGroup/columnsTabGroup.js +81 -34
  25. package/dist/comboboxSelected/comboboxSelected.js +1 -3
  26. package/dist/dataFeed/feedExpandControl/feedExpandControl.js +25 -10
  27. package/dist/dataGrid/columns/checkboxColumn/checkboxHeaderCell.js +92 -11
  28. package/dist/dataGrid/dataGrid.js +227 -117
  29. package/dist/dataGrid/emptySearchList/emptySearchList.js +56 -9
  30. package/dist/dataGrid/entitiesListActions/actions/columnsListButton.js +51 -7
  31. package/dist/dataGrid/entitiesListActions/actions/fullscreenButton.js +64 -18
  32. package/dist/dataGrid/withFlexibleColumns/components/columnSettings.js +84 -10
  33. package/dist/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +48 -16
  34. package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +223 -32
  35. package/dist/dataGrid/withSelectableRows/withSelectableRows.js +286 -213
  36. package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js +178 -95
  37. package/dist/dateInputInner/dateInputInner.js +791 -476
  38. package/dist/dateInputInner/dateInputInnerControlBlock.js +125 -22
  39. package/dist/dateInputRaw/dateInputRaw.js +315 -104
  40. package/dist/dateInputRaw/utils/getLabel.js +38 -7
  41. package/dist/dateRangeInner/dateRangeInner.js +172 -58
  42. package/dist/dateRangeRaw/dateRangeRaw.js +601 -239
  43. package/dist/dateRangeRaw/utils/dateRangeUtils.js +629 -241
  44. package/dist/dateSelectionWrapper/dateSelectionWrapper.js +152 -14
  45. package/dist/dialog/dialogContent.js +123 -40
  46. package/dist/dropdownRaw/dropdownHelper.d.ts +2 -2
  47. package/dist/dropdownRaw/dropdownHelper.js +9 -9
  48. package/dist/dropdownRaw/dropdownList.js +447 -78
  49. package/dist/dropdownRaw/dropdownPopup.js +218 -20
  50. package/dist/dropdownRaw/dropdownRaw.js +866 -506
  51. package/dist/dropdownRaw/dropdownSearchableTrigger.js +223 -46
  52. package/dist/dropdownRaw/stateReducer/stateAction.d.ts +5 -1
  53. package/dist/dropdownRaw/stateReducer/stateActionType.d.ts +2 -1
  54. package/dist/dropdownRaw/stateReducer/stateActionType.js +1 -0
  55. package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +6 -1
  56. package/dist/dropdownRaw/stateReducer/stateReducer.js +24 -12
  57. package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -0
  58. package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +20 -1
  59. package/dist/dropdownRaw/stateReducer/stateReducerTestData.d.ts +39 -0
  60. package/dist/dropdownRaw/stateReducer/stateReducerTestData.js +74 -0
  61. package/dist/dropdownRaw/types.d.ts +1 -0
  62. package/dist/favoriteButton/favoriteButton.js +59 -10
  63. package/dist/filters/components/filtersContainer.js +151 -64
  64. package/dist/filters/components/filtersEmptySelectedList.js +30 -4
  65. package/dist/filters/components/filtersSaveModal.js +140 -42
  66. package/dist/filters/components/filtersSavedChipComponent.js +318 -108
  67. package/dist/filters/components/filtersSearchItemData.js +127 -47
  68. package/dist/filters/components/filtersSearchList.js +381 -179
  69. package/dist/filters/components/filtersSelect.js +128 -61
  70. package/dist/filters/components/filtersSelectListItem.js +125 -13
  71. package/dist/filters/components/filtersSidePanel.js +510 -178
  72. package/dist/filters/filters.js +445 -268
  73. package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +729 -272
  74. package/dist/filtersBar/components/resetComponentButton.js +45 -5
  75. package/dist/filtersBar/filtersBarActions/filtersBarActions.js +126 -15
  76. package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.js +155 -49
  77. package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +360 -104
  78. package/dist/filtersBar/filtersContainer/filtersContainer.js +204 -134
  79. package/dist/formField/components/formFieldWithLabel.d.ts +2 -1
  80. package/dist/formField/components/formFieldWithLabel.js +3 -2
  81. package/dist/formField/components/formFieldWithoutLabel.d.ts +2 -1
  82. package/dist/formField/components/formFieldWithoutLabel.js +3 -3
  83. package/dist/formField/components/trailingComponent.d.ts +8 -0
  84. package/dist/formField/components/trailingComponent.js +11 -0
  85. package/dist/formField/formField.d.ts +0 -1
  86. package/dist/formField/formField.js +15 -16
  87. package/dist/formField/hooks/useError.js +100 -36
  88. package/dist/formGroup/components/reviewListToggle/reviewListToggle.js +72 -7
  89. package/dist/formGroup/hooks/useToggle.js +37 -11
  90. package/dist/formGroup/utils/getControls.js +8 -7
  91. package/dist/formLayout/hooks/useError.js +55 -15
  92. package/dist/formLayout/hooks/useFormButtons.js +128 -27
  93. package/dist/formSection/components/formSectionModal.js +1 -1
  94. package/dist/formSection/formSection.js +1 -1
  95. package/dist/formSection/hooks/useError.js +70 -22
  96. package/dist/formStepper/components/formStep.js +65 -10
  97. package/dist/formStepper/formStepper.js +129 -33
  98. package/dist/formStepperButtons/formStepperButtons.js +184 -38
  99. package/dist/groupsFilter/groupsFilterTestData.d.ts +37 -0
  100. package/dist/groupsFilter/groupsFilterTestData.js +7 -0
  101. package/dist/groupsFilter/groupsHelper.d.ts +24 -1
  102. package/dist/groupsFilter/groupsHelper.js +25 -15
  103. package/dist/groupsFilterRaw/groupsFilterAdjustmentState.js +162 -17
  104. package/dist/groupsFilterRaw/groupsFilterBox.js +137 -32
  105. package/dist/groupsFilterRaw/groupsFilterCommon.js +75 -8
  106. package/dist/groupsFilterRaw/groupsFilterCurrentlySelectedState.js +184 -25
  107. package/dist/groupsFilterRaw/groupsFilterHelper.d.ts +2 -1
  108. package/dist/groupsFilterRaw/groupsFilterHelper.js +284 -168
  109. package/dist/groupsFilterRaw/groupsFilterInitialState.js +266 -18
  110. package/dist/groupsFilterRaw/groupsFilterMenu.js +124 -9
  111. package/dist/groupsFilterRaw/groupsFilterRaw.d.ts +1 -0
  112. package/dist/groupsFilterRaw/groupsFilterRaw.js +816 -308
  113. package/dist/groupsFilterRaw/groupsFilterTestData.d.ts +155 -2
  114. package/dist/groupsFilterRaw/groupsFilterTestData.js +153 -58
  115. package/dist/groupsFilterRaw/groupsFilterTrigger.js +139 -35
  116. package/dist/groupsFilterRaw/groupsHelper.js +739 -208
  117. package/dist/groupsFilterRaw/stateReducer/stateReducerHelper.js +3 -1
  118. package/dist/groupsFilterRaw/types.d.ts +1 -0
  119. package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +107 -52
  120. package/dist/header/components/mobileFilterControl/mobileFilterControl.js +62 -9
  121. package/dist/header/components/mobileSearchControl/mobileSearchControl.js +119 -14
  122. package/dist/header/headerBack.js +64 -20
  123. package/dist/index.css +110 -71
  124. package/dist/index.d.ts +2 -1
  125. package/dist/index.js +5 -2
  126. package/dist/list/itemData/itemDataInternal.js +216 -51
  127. package/dist/list/listItem/listItem.js +168 -55
  128. package/dist/menu/components/menuErrorItem.js +33 -5
  129. package/dist/mobileSheet/mobileSheet.js +195 -69
  130. package/dist/modal/modal.js +300 -142
  131. package/dist/nav/nav.js +1 -1
  132. package/dist/nav/navFooter/navFooter.js +82 -39
  133. package/dist/nav/navFooter/navFooterAction/navFooterAction.js +52 -13
  134. package/dist/nav/navHeader/navHeader.js +86 -36
  135. package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +88 -29
  136. package/dist/nav/navItem/navItem.d.ts +3 -3
  137. package/dist/nav/navItem/navItem.js +35 -33
  138. package/dist/nav/navMobileBar/navMobileBar.js +67 -21
  139. package/dist/notification/notification.js +124 -21
  140. package/dist/pagination/paginationArrow.js +81 -11
  141. package/dist/pagination/paginationText/paginationText.js +45 -11
  142. package/dist/pill/components/pillNonActionable/pillNonActionable.js +93 -24
  143. package/dist/pillBox/components/pillBoxItem.js +52 -9
  144. package/dist/pillBox/pillBox.js +121 -20
  145. package/dist/pillExpandable/pillExpandable.js +333 -139
  146. package/dist/rangeRaw/rangeRaw.js +486 -141
  147. package/dist/rangeRaw/utils/rangeHelper.js +209 -39
  148. package/dist/searchInputRaw/searchInputRaw.js +180 -65
  149. package/dist/skeleton/skeleton.js +51 -6
  150. package/dist/sortControl/sortControl.js +152 -42
  151. package/dist/stepperRaw/stepperRaw.js +116 -42
  152. package/dist/summary/summary.js +94 -8
  153. package/dist/table/actions/actionsMenu.js +171 -78
  154. package/dist/table/flexible/columnSettings.js +80 -10
  155. package/dist/table/flexible/columnsList.js +110 -43
  156. package/dist/table/flexible/columnsPopup.js +77 -20
  157. package/dist/table/nested/useNestedRows.js +167 -77
  158. package/dist/table/selectable/selectableHeader.js +180 -41
  159. package/dist/table/selectable/useSelectableRows.js +270 -191
  160. package/dist/table/sortable/sortableHeader.js +153 -75
  161. package/dist/tabs/tabs.js +227 -118
  162. package/dist/timePickerRaw/timePickerRaw.js +278 -58
  163. package/dist/toastRaw/toastRaw.js +138 -32
  164. package/dist/toggleButton/toggleButton.d.ts +0 -1
  165. package/dist/toggleButtonRaw/toggleButtonRaw.d.ts +1 -0
  166. package/dist/toggleButtonRaw/toggleButtonRaw.js +146 -40
  167. package/dist/utils/formatDate.js +1001 -117
  168. package/{esm/utils/localization/translations/cs-json.js → dist/utils/localization/translations/cs.json} +11 -12
  169. package/{esm/utils/localization/translations/da-DK-json.js → dist/utils/localization/translations/da-DK.json} +31 -23
  170. package/{esm/utils/localization/translations/de-json.js → dist/utils/localization/translations/de.json} +12 -13
  171. package/dist/utils/localization/translations/en.json +308 -0
  172. package/{esm/utils/localization/translations/es-json.js → dist/utils/localization/translations/es.json} +11 -12
  173. package/{esm/utils/localization/translations/fi-FI-json.js → dist/utils/localization/translations/fi-FI.json} +31 -23
  174. package/{esm/utils/localization/translations/fr-FR-json.js → dist/utils/localization/translations/fr-FR.json} +12 -12
  175. package/{esm/utils/localization/translations/fr-json.js → dist/utils/localization/translations/fr.json} +11 -12
  176. package/{esm/utils/localization/translations/hu-HU-json.js → dist/utils/localization/translations/hu-HU.json} +31 -23
  177. package/{esm/utils/localization/translations/id-json.js → dist/utils/localization/translations/id.json} +11 -13
  178. package/{esm/utils/localization/translations/it-json.js → dist/utils/localization/translations/it.json} +11 -12
  179. package/{esm/utils/localization/translations/ja-json.js → dist/utils/localization/translations/ja.json} +11 -12
  180. package/{esm/utils/localization/translations/ko-KR-json.js → dist/utils/localization/translations/ko-KR.json} +24 -23
  181. package/{esm/utils/localization/translations/ms-json.js → dist/utils/localization/translations/ms.json} +11 -12
  182. package/{esm/utils/localization/translations/nb-NO-json.js → dist/utils/localization/translations/nb-NO.json} +31 -23
  183. package/{esm/utils/localization/translations/nl-json.js → dist/utils/localization/translations/nl.json} +11 -12
  184. package/{esm/utils/localization/translations/pl-json.js → dist/utils/localization/translations/pl.json} +11 -12
  185. package/{esm/utils/localization/translations/pt-BR-json.js → dist/utils/localization/translations/pt-BR.json} +11 -12
  186. package/{esm/utils/localization/translations/sk-SK-json.js → dist/utils/localization/translations/sk-SK.json} +31 -23
  187. package/{esm/utils/localization/translations/sv-json.js → dist/utils/localization/translations/sv.json} +11 -12
  188. package/{esm/utils/localization/translations/th-json.js → dist/utils/localization/translations/th.json} +11 -12
  189. package/{esm/utils/localization/translations/tr-json.js → dist/utils/localization/translations/tr.json} +11 -12
  190. package/{esm/utils/localization/translations/zh-Hans-json.js → dist/utils/localization/translations/zh-Hans.json} +11 -12
  191. package/{esm/utils/localization/translations/zh-TW-json.js → dist/utils/localization/translations/zh-TW.json} +11 -23
  192. package/dist/utils/localization/translationsDictionary.d.ts +2 -0
  193. package/dist/utils/localization/translationsDictionary.js +63 -0
  194. package/dist/utils/localization/useLanguage.js +2 -74
  195. package/esm/advancedGroupsFilter/advancedGroupsFilter.js +130 -29
  196. package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js +133 -33
  197. package/esm/advancedGroupsFilter/advancedGroupsFilterFormSection.js +317 -65
  198. package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.d.ts +0 -1
  199. package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +77 -8
  200. package/esm/alertRaw/alertRaw.js +165 -51
  201. package/esm/banner/bannerMultipLine.js +121 -20
  202. package/esm/banner/bannerSingleLine.js +100 -13
  203. package/esm/betaPill/betaPill.js +105 -19
  204. package/esm/bookmark/bookmark.js +89 -27
  205. package/esm/bulkEditControl/bulkEditControl.js +161 -33
  206. package/esm/calendar/calendar.js +937 -272
  207. package/esm/calendar/calendarUtils.js +151 -84
  208. package/esm/card/card.js +233 -101
  209. package/esm/chart/accessibleChart/accessibleChartNarrative.js +642 -554
  210. package/esm/chart/accessibleChart/accessibleChartTable.js +239 -85
  211. package/esm/chart/chart.js +30 -20
  212. package/esm/chart/chartAxis/chartAxis.js +79 -6
  213. package/esm/checkboxListWithAction/checkboxListWithAction.js +218 -68
  214. package/esm/chip/chip.js +189 -90
  215. package/esm/columnsSelector/columnsSelector.js +91 -11
  216. package/esm/columnsSelector/columnsTab/columnsTab.js +53 -14
  217. package/esm/columnsSelector/columnsTabGroup/columnsTabGroup.js +75 -33
  218. package/esm/comboboxSelected/comboboxSelected.js +1 -3
  219. package/esm/dataFeed/feedExpandControl/feedExpandControl.js +21 -9
  220. package/esm/dataGrid/columns/checkboxColumn/checkboxHeaderCell.js +86 -10
  221. package/esm/dataGrid/dataGrid.js +221 -116
  222. package/esm/dataGrid/emptySearchList/emptySearchList.js +50 -8
  223. package/esm/dataGrid/entitiesListActions/actions/columnsListButton.js +45 -6
  224. package/esm/dataGrid/entitiesListActions/actions/fullscreenButton.js +58 -17
  225. package/esm/dataGrid/withFlexibleColumns/components/columnSettings.js +78 -9
  226. package/esm/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +44 -15
  227. package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +217 -31
  228. package/esm/dataGrid/withSelectableRows/withSelectableRows.js +280 -212
  229. package/esm/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js +172 -94
  230. package/esm/dateInputInner/dateInputInner.js +785 -475
  231. package/esm/dateInputInner/dateInputInnerControlBlock.js +119 -21
  232. package/esm/dateInputRaw/dateInputRaw.js +309 -103
  233. package/esm/dateInputRaw/utils/getLabel.js +32 -6
  234. package/esm/dateRangeInner/dateRangeInner.js +166 -57
  235. package/esm/dateRangeRaw/dateRangeRaw.js +595 -238
  236. package/esm/dateRangeRaw/utils/dateRangeUtils.js +622 -239
  237. package/esm/dateSelectionWrapper/dateSelectionWrapper.js +146 -13
  238. package/esm/dialog/dialogContent.js +117 -39
  239. package/esm/dropdownRaw/dropdownHelper.d.ts +2 -2
  240. package/esm/dropdownRaw/dropdownHelper.js +10 -10
  241. package/esm/dropdownRaw/dropdownList.js +412 -56
  242. package/esm/dropdownRaw/dropdownPopup.js +212 -19
  243. package/esm/dropdownRaw/dropdownRaw.js +862 -507
  244. package/esm/dropdownRaw/dropdownSearchableTrigger.js +217 -45
  245. package/esm/dropdownRaw/stateReducer/stateAction.d.ts +5 -1
  246. package/esm/dropdownRaw/stateReducer/stateActionType.d.ts +2 -1
  247. package/esm/dropdownRaw/stateReducer/stateActionType.js +1 -0
  248. package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +6 -1
  249. package/esm/dropdownRaw/stateReducer/stateReducer.js +24 -12
  250. package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -0
  251. package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +18 -0
  252. package/esm/dropdownRaw/stateReducer/stateReducerTestData.d.ts +39 -0
  253. package/esm/dropdownRaw/stateReducer/stateReducerTestData.js +71 -0
  254. package/esm/dropdownRaw/types.d.ts +1 -0
  255. package/esm/favoriteButton/favoriteButton.js +53 -9
  256. package/esm/filters/components/filtersContainer.js +141 -61
  257. package/esm/filters/components/filtersEmptySelectedList.js +24 -3
  258. package/esm/filters/components/filtersSaveModal.js +134 -41
  259. package/esm/filters/components/filtersSavedChipComponent.js +312 -107
  260. package/esm/filters/components/filtersSearchItemData.js +121 -46
  261. package/esm/filters/components/filtersSearchList.js +375 -178
  262. package/esm/filters/components/filtersSelect.js +122 -60
  263. package/esm/filters/components/filtersSelectListItem.js +119 -12
  264. package/esm/filters/components/filtersSidePanel.js +504 -177
  265. package/esm/filters/filters.js +435 -265
  266. package/esm/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +722 -270
  267. package/esm/filtersBar/components/resetComponentButton.js +39 -4
  268. package/esm/filtersBar/filtersBarActions/filtersBarActions.js +120 -14
  269. package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.js +149 -48
  270. package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +354 -103
  271. package/esm/filtersBar/filtersContainer/filtersContainer.js +198 -133
  272. package/esm/formField/components/formFieldWithLabel.d.ts +2 -1
  273. package/esm/formField/components/formFieldWithLabel.js +3 -2
  274. package/esm/formField/components/formFieldWithoutLabel.d.ts +2 -1
  275. package/esm/formField/components/formFieldWithoutLabel.js +3 -3
  276. package/esm/formField/components/trailingComponent.d.ts +8 -0
  277. package/esm/formField/components/trailingComponent.js +7 -0
  278. package/esm/formField/formField.d.ts +0 -1
  279. package/esm/formField/formField.js +15 -16
  280. package/esm/formField/hooks/useError.js +94 -35
  281. package/esm/formGroup/components/reviewListToggle/reviewListToggle.js +66 -6
  282. package/esm/formGroup/hooks/useToggle.js +31 -10
  283. package/esm/formGroup/utils/getControls.js +8 -7
  284. package/esm/formLayout/hooks/useError.js +49 -14
  285. package/esm/formLayout/hooks/useFormButtons.js +122 -26
  286. package/esm/formSection/components/formSectionModal.js +1 -1
  287. package/esm/formSection/formSection.js +1 -1
  288. package/esm/formSection/hooks/useError.js +64 -21
  289. package/esm/formStepper/components/formStep.js +59 -9
  290. package/esm/formStepper/formStepper.js +123 -32
  291. package/esm/formStepperButtons/formStepperButtons.js +178 -37
  292. package/esm/groupsFilter/groupsFilterTestData.d.ts +37 -0
  293. package/esm/groupsFilter/groupsFilterTestData.js +4 -0
  294. package/esm/groupsFilter/groupsHelper.d.ts +24 -1
  295. package/esm/groupsFilter/groupsHelper.js +24 -1
  296. package/esm/groupsFilterRaw/groupsFilterAdjustmentState.js +152 -14
  297. package/esm/groupsFilterRaw/groupsFilterBox.js +131 -31
  298. package/esm/groupsFilterRaw/groupsFilterCommon.js +69 -7
  299. package/esm/groupsFilterRaw/groupsFilterCurrentlySelectedState.js +178 -24
  300. package/esm/groupsFilterRaw/groupsFilterHelper.d.ts +2 -1
  301. package/esm/groupsFilterRaw/groupsFilterHelper.js +279 -168
  302. package/esm/groupsFilterRaw/groupsFilterInitialState.js +260 -17
  303. package/esm/groupsFilterRaw/groupsFilterMenu.js +118 -8
  304. package/esm/groupsFilterRaw/groupsFilterRaw.d.ts +1 -0
  305. package/esm/groupsFilterRaw/groupsFilterRaw.js +811 -308
  306. package/esm/groupsFilterRaw/groupsFilterTestData.d.ts +155 -2
  307. package/esm/groupsFilterRaw/groupsFilterTestData.js +152 -57
  308. package/esm/groupsFilterRaw/groupsFilterTrigger.js +133 -34
  309. package/esm/groupsFilterRaw/groupsHelper.js +733 -207
  310. package/esm/groupsFilterRaw/stateReducer/stateReducerHelper.js +3 -1
  311. package/esm/groupsFilterRaw/types.d.ts +1 -0
  312. package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +101 -51
  313. package/esm/header/components/mobileFilterControl/mobileFilterControl.js +56 -8
  314. package/esm/header/components/mobileSearchControl/mobileSearchControl.js +113 -13
  315. package/esm/header/headerBack.js +58 -19
  316. package/esm/index.d.ts +2 -1
  317. package/esm/index.js +2 -1
  318. package/esm/list/itemData/itemDataInternal.js +210 -50
  319. package/esm/list/listItem/listItem.js +162 -54
  320. package/esm/menu/components/menuErrorItem.js +27 -4
  321. package/esm/mobileSheet/mobileSheet.js +189 -68
  322. package/esm/modal/modal.js +265 -120
  323. package/esm/nav/nav.js +1 -1
  324. package/esm/nav/navFooter/navFooter.js +76 -38
  325. package/esm/nav/navFooter/navFooterAction/navFooterAction.js +46 -12
  326. package/esm/nav/navHeader/navHeader.js +80 -35
  327. package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +82 -28
  328. package/esm/nav/navItem/navItem.d.ts +3 -3
  329. package/esm/nav/navItem/navItem.js +35 -33
  330. package/esm/nav/navMobileBar/navMobileBar.js +61 -20
  331. package/esm/notification/notification.js +114 -18
  332. package/esm/pagination/paginationArrow.js +75 -10
  333. package/esm/pagination/paginationText/paginationText.js +39 -10
  334. package/esm/pill/components/pillNonActionable/pillNonActionable.js +87 -23
  335. package/esm/pillBox/components/pillBoxItem.js +46 -8
  336. package/esm/pillBox/pillBox.js +115 -19
  337. package/esm/pillExpandable/pillExpandable.js +327 -138
  338. package/esm/rangeRaw/rangeRaw.js +480 -140
  339. package/esm/rangeRaw/utils/rangeHelper.js +203 -38
  340. package/esm/searchInputRaw/searchInputRaw.js +145 -43
  341. package/esm/skeleton/skeleton.js +45 -5
  342. package/esm/sortControl/sortControl.js +146 -41
  343. package/esm/stepperRaw/stepperRaw.js +112 -41
  344. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.js +178 -19
  345. package/esm/summary/summary.js +88 -7
  346. package/esm/table/actions/actionsMenu.js +165 -77
  347. package/esm/table/flexible/columnSettings.js +74 -9
  348. package/esm/table/flexible/columnsList.js +104 -42
  349. package/esm/table/flexible/columnsPopup.js +71 -19
  350. package/esm/table/nested/useNestedRows.js +161 -76
  351. package/esm/table/selectable/selectableHeader.js +174 -40
  352. package/esm/table/selectable/useSelectableRows.js +264 -190
  353. package/esm/table/sortable/sortableHeader.js +147 -74
  354. package/esm/tabs/tabs.js +221 -117
  355. package/esm/timePickerRaw/timePickerRaw.js +272 -57
  356. package/esm/toastRaw/toastRaw.js +132 -31
  357. package/esm/toggleButton/toggleButton.d.ts +0 -1
  358. package/esm/toggleButtonRaw/toggleButtonRaw.d.ts +1 -0
  359. package/esm/toggleButtonRaw/toggleButtonRaw.js +111 -18
  360. package/esm/utils/formatDate.js +995 -116
  361. package/{dist/utils/localization/translations/cs-json.js → esm/utils/localization/translations/cs.json} +11 -15
  362. package/{dist/utils/localization/translations/da-DK-json.js → esm/utils/localization/translations/da-DK.json} +31 -26
  363. package/{dist/utils/localization/translations/de-json.js → esm/utils/localization/translations/de.json} +12 -16
  364. package/esm/utils/localization/translations/en.json +308 -0
  365. package/{dist/utils/localization/translations/es-json.js → esm/utils/localization/translations/es.json} +11 -15
  366. package/{dist/utils/localization/translations/fi-FI-json.js → esm/utils/localization/translations/fi-FI.json} +31 -26
  367. package/{dist/utils/localization/translations/fr-FR-json.js → esm/utils/localization/translations/fr-FR.json} +12 -15
  368. package/{dist/utils/localization/translations/fr-json.js → esm/utils/localization/translations/fr.json} +11 -15
  369. package/{dist/utils/localization/translations/hu-HU-json.js → esm/utils/localization/translations/hu-HU.json} +31 -26
  370. package/{dist/utils/localization/translations/id-json.js → esm/utils/localization/translations/id.json} +11 -16
  371. package/{dist/utils/localization/translations/it-json.js → esm/utils/localization/translations/it.json} +11 -15
  372. package/{dist/utils/localization/translations/ja-json.js → esm/utils/localization/translations/ja.json} +11 -15
  373. package/{dist/utils/localization/translations/ko-KR-json.js → esm/utils/localization/translations/ko-KR.json} +24 -26
  374. package/{dist/utils/localization/translations/ms-json.js → esm/utils/localization/translations/ms.json} +11 -15
  375. package/{dist/utils/localization/translations/nb-NO-json.js → esm/utils/localization/translations/nb-NO.json} +31 -26
  376. package/{dist/utils/localization/translations/nl-json.js → esm/utils/localization/translations/nl.json} +11 -15
  377. package/{dist/utils/localization/translations/pl-json.js → esm/utils/localization/translations/pl.json} +11 -15
  378. package/{dist/utils/localization/translations/pt-BR-json.js → esm/utils/localization/translations/pt-BR.json} +11 -15
  379. package/{dist/utils/localization/translations/sk-SK-json.js → esm/utils/localization/translations/sk-SK.json} +31 -26
  380. package/{dist/utils/localization/translations/sv-json.js → esm/utils/localization/translations/sv.json} +11 -15
  381. package/{dist/utils/localization/translations/th-json.js → esm/utils/localization/translations/th.json} +11 -15
  382. package/{dist/utils/localization/translations/tr-json.js → esm/utils/localization/translations/tr.json} +11 -15
  383. package/{dist/utils/localization/translations/zh-Hans-json.js → esm/utils/localization/translations/zh-Hans.json} +11 -15
  384. package/{dist/utils/localization/translations/zh-TW-json.js → esm/utils/localization/translations/zh-TW.json} +11 -26
  385. package/esm/utils/localization/translationsDictionary.d.ts +2 -0
  386. package/esm/utils/localization/translationsDictionary.js +59 -0
  387. package/esm/utils/localization/useLanguage.js +1 -50
  388. package/package.json +17 -10
  389. package/dist/formField/hooks/useClasses.d.ts +0 -8
  390. package/dist/formField/hooks/useClasses.js +0 -25
  391. package/dist/utils/localization/translations/cs-json.d.ts +0 -251
  392. package/dist/utils/localization/translations/da-DK-json.d.ts +0 -252
  393. package/dist/utils/localization/translations/de-json.d.ts +0 -251
  394. package/dist/utils/localization/translations/en-json.d.ts +0 -314
  395. package/dist/utils/localization/translations/en-json.js +0 -317
  396. package/dist/utils/localization/translations/es-json.d.ts +0 -251
  397. package/dist/utils/localization/translations/fi-FI-json.d.ts +0 -252
  398. package/dist/utils/localization/translations/fr-FR-json.d.ts +0 -250
  399. package/dist/utils/localization/translations/fr-json.d.ts +0 -251
  400. package/dist/utils/localization/translations/hu-HU-json.d.ts +0 -252
  401. package/dist/utils/localization/translations/id-json.d.ts +0 -252
  402. package/dist/utils/localization/translations/it-json.d.ts +0 -251
  403. package/dist/utils/localization/translations/ja-json.d.ts +0 -251
  404. package/dist/utils/localization/translations/ko-KR-json.d.ts +0 -258
  405. package/dist/utils/localization/translations/ms-json.d.ts +0 -251
  406. package/dist/utils/localization/translations/nb-NO-json.d.ts +0 -252
  407. package/dist/utils/localization/translations/nl-json.d.ts +0 -251
  408. package/dist/utils/localization/translations/pl-json.d.ts +0 -251
  409. package/dist/utils/localization/translations/pt-BR-json.d.ts +0 -251
  410. package/dist/utils/localization/translations/sk-SK-json.d.ts +0 -251
  411. package/dist/utils/localization/translations/sv-json.d.ts +0 -251
  412. package/dist/utils/localization/translations/th-json.d.ts +0 -251
  413. package/dist/utils/localization/translations/tr-json.d.ts +0 -251
  414. package/dist/utils/localization/translations/zh-Hans-json.d.ts +0 -251
  415. package/dist/utils/localization/translations/zh-TW-json.d.ts +0 -271
  416. package/esm/formField/hooks/useClasses.d.ts +0 -8
  417. package/esm/formField/hooks/useClasses.js +0 -21
  418. package/esm/utils/localization/translations/cs-json.d.ts +0 -251
  419. package/esm/utils/localization/translations/da-DK-json.d.ts +0 -252
  420. package/esm/utils/localization/translations/de-json.d.ts +0 -251
  421. package/esm/utils/localization/translations/en-json.d.ts +0 -314
  422. package/esm/utils/localization/translations/en-json.js +0 -314
  423. package/esm/utils/localization/translations/es-json.d.ts +0 -251
  424. package/esm/utils/localization/translations/fi-FI-json.d.ts +0 -252
  425. package/esm/utils/localization/translations/fr-FR-json.d.ts +0 -250
  426. package/esm/utils/localization/translations/fr-json.d.ts +0 -251
  427. package/esm/utils/localization/translations/hu-HU-json.d.ts +0 -252
  428. package/esm/utils/localization/translations/id-json.d.ts +0 -252
  429. package/esm/utils/localization/translations/it-json.d.ts +0 -251
  430. package/esm/utils/localization/translations/ja-json.d.ts +0 -251
  431. package/esm/utils/localization/translations/ko-KR-json.d.ts +0 -258
  432. package/esm/utils/localization/translations/ms-json.d.ts +0 -251
  433. package/esm/utils/localization/translations/nb-NO-json.d.ts +0 -252
  434. package/esm/utils/localization/translations/nl-json.d.ts +0 -251
  435. package/esm/utils/localization/translations/pl-json.d.ts +0 -251
  436. package/esm/utils/localization/translations/pt-BR-json.d.ts +0 -251
  437. package/esm/utils/localization/translations/sk-SK-json.d.ts +0 -251
  438. package/esm/utils/localization/translations/sv-json.d.ts +0 -251
  439. package/esm/utils/localization/translations/th-json.d.ts +0 -251
  440. package/esm/utils/localization/translations/tr-json.d.ts +0 -251
  441. package/esm/utils/localization/translations/zh-Hans-json.d.ts +0 -251
  442. package/esm/utils/localization/translations/zh-TW-json.d.ts +0 -271
@@ -1,10 +1,64 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ const {
4
+ injectString
5
+ } = require("../utils/localization/translationsDictionary");
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
3
9
  exports.TRANSLATIONS = exports.ColumnsSelector = void 0;
4
10
  const jsx_runtime_1 = require("react/jsx-runtime");
5
11
  const popup_1 = require("../popup/popup");
6
12
  const columnsTab_1 = require("./columnsTab/columnsTab");
7
13
  const columnsTabGroup_1 = require("./columnsTabGroup/columnsTabGroup");
14
+ injectString("cs", "Column Settings", "Nastaven\xED sloupc\u016F");
15
+ injectString("da-DK", "Column Settings", "Kolonneindstillinger");
16
+ injectString("de", "Column Settings", "Spalteneinstellungen");
17
+ injectString("en", "Column Settings", "Column Settings");
18
+ injectString("es", "Column Settings", "Configuraci\xF3n de columnas");
19
+ injectString("fi-FI", "Column Settings", "Sarakkeiden asetukset");
20
+ injectString("fr", "Column Settings", "Param\xE8tres des colonnes");
21
+ injectString("fr-FR", "Column Settings", "Param\xE8tres des colonnes");
22
+ injectString("hu-HU", "Column Settings", "Oszlopbe\xE1ll\xEDt\xE1sok");
23
+ injectString("id", "Column Settings", "Pengaturan Kolom");
24
+ injectString("it", "Column Settings", "Impostazioni colonna");
25
+ injectString("ja", "Column Settings", "\u5217\u306E\u8A2D\u5B9A");
26
+ injectString("ko-KR", "Column Settings", "\uC5F4 \uC124\uC815");
27
+ injectString("ms", "Column Settings", "Tetapan Lajur");
28
+ injectString("nb-NO", "Column Settings", "Kolonneinnstillinger");
29
+ injectString("nl", "Column Settings", "Kolominstellingen");
30
+ injectString("pl", "Column Settings", "Ustawienia kolumn");
31
+ injectString("pt-BR", "Column Settings", "Configura\xE7\xF5es da coluna");
32
+ injectString("sk-SK", "Column Settings", "Nastavenia st\u013Apcov");
33
+ injectString("sv", "Column Settings", "Kolumninst\xE4llningar");
34
+ injectString("th", "Column Settings", "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C");
35
+ injectString("tr", "Column Settings", "S\xFCtun Ayarlar\u0131");
36
+ injectString("zh-Hans", "Column Settings", "\u5217\u8BBE\u7F6E");
37
+ injectString("zh-TW", "Column Settings", "\u6B04\u8A2D\u5B9A");
38
+ injectString("cs", "Reset to default", "Obnovit v\xFDchoz\xED");
39
+ injectString("da-DK", "Reset to default", "Nulstil til standard");
40
+ injectString("de", "Reset to default", "Auf Standard zur\xFCcksetzen");
41
+ injectString("en", "Reset to default", "Reset to default");
42
+ injectString("es", "Reset to default", "Restaurar a los valores por defecto");
43
+ injectString("fi-FI", "Reset to default", "Palauta oletus");
44
+ injectString("fr", "Reset to default", "R\xE9tablir les valeurs par d\xE9faut");
45
+ injectString("fr-FR", "Reset to default", "R\xE9tablir les valeurs par d\xE9faut");
46
+ injectString("hu-HU", "Reset to default", "\xC1ll\xEDtsd vissza az alap\xE9rtelmezettre.");
47
+ injectString("id", "Reset to default", "Atur ulang ke default");
48
+ injectString("it", "Reset to default", "Ripristina impostazioni predefinite");
49
+ injectString("ja", "Reset to default", "\u30C7\u30D5\u30A9\u30EB\u30C8\u306B\u30EA\u30BB\u30C3\u30C8");
50
+ injectString("ko-KR", "Reset to default", "\uAE30\uBCF8\uAC12\uC73C\uB85C \uC7AC\uC124\uC815");
51
+ injectString("ms", "Reset to default", "Tetapkan semula kepada lalai");
52
+ injectString("nb-NO", "Reset to default", "Tilbakestill til standard");
53
+ injectString("nl", "Reset to default", "Standaardinstellingen herstellen");
54
+ injectString("pl", "Reset to default", "Przywr\xF3\u0107 ustawienia domy\u015Blne");
55
+ injectString("pt-BR", "Reset to default", "Redefinir para o padr\xE3o");
56
+ injectString("sk-SK", "Reset to default", "Obnov na predvolen\xE9.");
57
+ injectString("sv", "Reset to default", "\xC5terst\xE4ll till standard");
58
+ injectString("th", "Reset to default", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E40\u0E1B\u0E47\u0E19\u0E04\u0E48\u0E32\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19");
59
+ injectString("tr", "Reset to default", "Varsay\u0131lana s\u0131f\u0131rla");
60
+ injectString("zh-Hans", "Reset to default", "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4\u503C");
61
+ injectString("zh-TW", "Reset to default", "\u91CD\u8A2D\u70BA\u9810\u8A2D\u503C");
8
62
  const svgIconSize_1 = require("../svgIcon/svgIconSize");
9
63
  const textIconButton_1 = require("../textIconButton/textIconButton");
10
64
  const iconRefresh_1 = require("../icons/deprecated/iconRefresh");
@@ -14,16 +68,47 @@ const button_1 = require("../button/button");
14
68
  /**
15
69
  * @deprecated - will be removed in future releases
16
70
  */
17
- const ColumnsSelector = ({ id, columns = [], onColumnToggle, additionalColumns = [], onAdditionalColumnToggle, onColumnsReset }) => {
18
- const { translate } = (0, useLanguage_1.useLanguage)();
19
- const triggerButton = (0, jsx_runtime_1.jsx)(button_1.Button, { "aria-label": translate("Column Settings"), type: "tertiary-black", className: "zen-caption", children: (0, jsx_runtime_1.jsx)(iconSettings3_1.IconSettings3, { size: "large" }) });
20
- const resetButton = onColumnsReset
21
- ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-button--separate zen-columns-filter__item zen-columns-filter__item--button zen-columns-filter__reset", iconPosition: textIconButton_1.ButtonIconPosition.Start, icon: iconRefresh_1.IconRefresh, iconSize: svgIconSize_1.SvgIconSize.Huge, onClick: onColumnsReset, children: translate("Reset to default") })
22
- : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
23
- return (0, jsx_runtime_1.jsxs)(popup_1.Popup, { className: "zen-columns-filter", trigger: triggerButton, alignment: "bottom-right", ariaLabel: translate("Column Settings"), children: [resetButton, (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, { id: id, columns: columns, onColumnToggle: state => onColumnToggle && onColumnToggle(state) }), (0, jsx_runtime_1.jsx)(columnsTabGroup_1.ColumnsTabGroup, { columns: additionalColumns, onColumnToggle: state => onAdditionalColumnToggle && onAdditionalColumnToggle(state) })] });
71
+ const ColumnsSelector = ({
72
+ id,
73
+ columns = [],
74
+ onColumnToggle,
75
+ additionalColumns = [],
76
+ onAdditionalColumnToggle,
77
+ onColumnsReset
78
+ }) => {
79
+ const {
80
+ translate
81
+ } = (0, useLanguage_1.useLanguage)();
82
+ const triggerButton = (0, jsx_runtime_1.jsx)(button_1.Button, {
83
+ "aria-label": translate("Column Settings"),
84
+ type: "tertiary-black",
85
+ className: "zen-caption",
86
+ children: (0, jsx_runtime_1.jsx)(iconSettings3_1.IconSettings3, {
87
+ size: "large"
88
+ })
89
+ });
90
+ const resetButton = onColumnsReset ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
91
+ className: "zen-button--separate zen-columns-filter__item zen-columns-filter__item--button zen-columns-filter__reset",
92
+ iconPosition: textIconButton_1.ButtonIconPosition.Start,
93
+ icon: iconRefresh_1.IconRefresh,
94
+ iconSize: svgIconSize_1.SvgIconSize.Huge,
95
+ onClick: onColumnsReset,
96
+ children: translate("Reset to default")
97
+ }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
98
+ return (0, jsx_runtime_1.jsxs)(popup_1.Popup, {
99
+ className: "zen-columns-filter",
100
+ trigger: triggerButton,
101
+ alignment: "bottom-right",
102
+ ariaLabel: translate("Column Settings"),
103
+ children: [resetButton, (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, {
104
+ id: id,
105
+ columns: columns,
106
+ onColumnToggle: state => onColumnToggle && onColumnToggle(state)
107
+ }), (0, jsx_runtime_1.jsx)(columnsTabGroup_1.ColumnsTabGroup, {
108
+ columns: additionalColumns,
109
+ onColumnToggle: state => onAdditionalColumnToggle && onAdditionalColumnToggle(state)
110
+ })]
111
+ });
24
112
  };
25
113
  exports.ColumnsSelector = ColumnsSelector;
26
- exports.TRANSLATIONS = [
27
- "Columns",
28
- "Reset to default"
29
- ];
114
+ exports.TRANSLATIONS = ["Columns", "Reset to default"];
@@ -1,23 +1,67 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ const {
4
+ injectString
5
+ } = require("../../utils/localization/translationsDictionary");
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
3
9
  exports.TRANSLATIONS = exports.ColumnsTab = void 0;
4
10
  const jsx_runtime_1 = require("react/jsx-runtime");
5
11
  const selectList_1 = require("../../selectList/selectList");
6
12
  const checkboxState_1 = require("../../checkbox/checkboxState");
7
13
  const useLanguage_1 = require("../../utils/localization/useLanguage");
8
- const ColumnsTab = ({ columns, onColumnToggle, id }) => {
9
- const { translate } = (0, useLanguage_1.useLanguage)();
10
- const listItems = columns.map(function (col) {
11
- return {
12
- id: col.id,
13
- state: col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off,
14
- disabled: col.isBlocked,
15
- children: col.label
16
- };
17
- });
18
- return (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { title: translate("Columns selector"), multiselect: true, showCheckbox: true, id: `columns-list-${id}`, value: new Map(columns.map(col => [col.id, col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off])), onChange: state => onColumnToggle(columns.map(col => (Object.assign(Object.assign({}, col), { isChecked: state.get(col.id) === checkboxState_1.CheckboxState.On })))), items: listItems });
14
+ injectString("cs", "Columns", "Sloupce");
15
+ injectString("da-DK", "Columns", "Kolonner");
16
+ injectString("de", "Columns", "Spalten");
17
+ injectString("en", "Columns", "Columns");
18
+ injectString("es", "Columns", "Columnas");
19
+ injectString("fi-FI", "Columns", "Sarakkeet");
20
+ injectString("fr", "Columns", "Colonnes");
21
+ injectString("fr-FR", "Columns", "Colonnes");
22
+ injectString("hu-HU", "Columns", "Oszlopok");
23
+ injectString("id", "Columns", "Kolom");
24
+ injectString("it", "Columns", "Colonne");
25
+ injectString("ja", "Columns", "\u5217");
26
+ injectString("ko-KR", "Columns", "\uC5F4");
27
+ injectString("ms", "Columns", "Lajur");
28
+ injectString("nb-NO", "Columns", "Kolonner");
29
+ injectString("nl", "Columns", "Kolommen");
30
+ injectString("pl", "Columns", "Kolumny");
31
+ injectString("pt-BR", "Columns", "Colunas");
32
+ injectString("sk-SK", "Columns", "St\u013Apce");
33
+ injectString("sv", "Columns", "Kolumner");
34
+ injectString("th", "Columns", "\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C");
35
+ injectString("tr", "Columns", "S\xFCtunlar");
36
+ injectString("zh-Hans", "Columns", "\u5217");
37
+ injectString("zh-TW", "Columns", "\u6B04");
38
+ const ColumnsTab = ({
39
+ columns,
40
+ onColumnToggle,
41
+ id
42
+ }) => {
43
+ const {
44
+ translate
45
+ } = (0, useLanguage_1.useLanguage)();
46
+ const listItems = columns.map(function (col) {
47
+ return {
48
+ id: col.id,
49
+ state: col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off,
50
+ disabled: col.isBlocked,
51
+ children: col.label
52
+ };
53
+ });
54
+ return (0, jsx_runtime_1.jsx)(selectList_1.SelectList, {
55
+ title: translate("Columns"),
56
+ multiselect: true,
57
+ showCheckbox: true,
58
+ id: `columns-list-${id}`,
59
+ value: new Map(columns.map(col => [col.id, col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off])),
60
+ onChange: state => onColumnToggle(columns.map(col => Object.assign(Object.assign({}, col), {
61
+ isChecked: state.get(col.id) === checkboxState_1.CheckboxState.On
62
+ }))),
63
+ items: listItems
64
+ });
19
65
  };
20
66
  exports.ColumnsTab = ColumnsTab;
21
- exports.TRANSLATIONS = [
22
- "Columns selector"
23
- ];
67
+ exports.TRANSLATIONS = ["Columns"];
@@ -1,43 +1,90 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ const {
4
+ injectString
5
+ } = require("../../utils/localization/translationsDictionary");
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
3
9
  exports.TRANSLATIONS = exports.ColumnsTabGroup = void 0;
4
10
  const jsx_runtime_1 = require("react/jsx-runtime");
5
11
  const react_1 = require("react");
6
12
  const accordion_1 = require("../../accordion/accordion");
7
13
  const columnsTab_1 = require("../columnsTab/columnsTab");
8
14
  const useLanguage_1 = require("../../utils/localization/useLanguage");
9
- const ColumnsTabGroup = ({ columns, onColumnToggle }) => {
10
- const { translate } = (0, useLanguage_1.useLanguage)();
11
- const [activeTabs, setActiveTabs] = (0, react_1.useState)([]);
12
- if (columns.length === 0) {
13
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
14
- }
15
- const accordionData = columns.map(function (column, i) {
16
- const handleColumnToggle = (state) => {
17
- const updatedColumnsGroup = columns.map(function (col, j) {
18
- if (i === j) {
19
- return Object.assign(Object.assign({}, col), { children: state });
20
- }
21
- return col;
22
- });
23
- onColumnToggle(updatedColumnsGroup);
24
- };
25
- return {
26
- id: column.id,
27
- title: column.name,
28
- content: (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, { id: column.id, columns: column.children, onColumnToggle: handleColumnToggle })
29
- };
30
- });
31
- const clickHandler = (itemId) => setActiveTabs((oldActiveIds) => {
32
- const isClosed = oldActiveIds.indexOf(itemId) === -1;
33
- return isClosed
34
- ? oldActiveIds.concat(itemId)
35
- : oldActiveIds.filter(item => item !== itemId);
36
- });
37
- const accordion = (0, jsx_runtime_1.jsx)(accordion_1.Accordion, { className: "zen-accordion--legacy", data: accordionData, activeIds: activeTabs, onItemClick: clickHandler });
38
- return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("header", { className: "zen-columns-filter__item zen-columns-filter__item--header", children: translate("Additional Properties") }), accordion] });
15
+ injectString("cs", "Additional Properties", "Dal\u0161\xED vlastnosti");
16
+ injectString("da-DK", "Additional Properties", "Yderligere egenskaber");
17
+ injectString("de", "Additional Properties", "Zus\xE4tzliche Eigenschaften");
18
+ injectString("en", "Additional Properties", "Additional Properties");
19
+ injectString("es", "Additional Properties", "Propiedades adicionales");
20
+ injectString("fi-FI", "Additional Properties", "Lis\xE4ominaisuudet");
21
+ injectString("fr", "Additional Properties", "Propri\xE9t\xE9s suppl\xE9mentaires");
22
+ injectString("fr-FR", "Additional Properties", "Propri\xE9t\xE9s suppl\xE9mentaires");
23
+ injectString("hu-HU", "Additional Properties", "Tov\xE1bbi tulajdons\xE1gok");
24
+ injectString("id", "Additional Properties", "Properti Tambahan");
25
+ injectString("it", "Additional Properties", "Propriet\xE0 aggiuntive");
26
+ injectString("ja", "Additional Properties", "\u8FFD\u52A0\u30D7\u30ED\u30D1\u30C6\u30A3");
27
+ injectString("ko-KR", "Additional Properties", "\uCD94\uAC00 \uC18D\uC131");
28
+ injectString("ms", "Additional Properties", "Sifat Tambahan");
29
+ injectString("nb-NO", "Additional Properties", "Ytterligere eiendommer");
30
+ injectString("nl", "Additional Properties", "Extra eigenschappen");
31
+ injectString("pl", "Additional Properties", "Dodatkowe w\u0142a\u015Bciwo\u015Bci");
32
+ injectString("pt-BR", "Additional Properties", "Propriedades adicionais");
33
+ injectString("sk-SK", "Additional Properties", "\u010Eal\u0161ie vlastnosti");
34
+ injectString("sv", "Additional Properties", "Ytterligare egenskaper");
35
+ injectString("th", "Additional Properties", "\u0E04\u0E38\u0E13\u0E2A\u0E21\u0E1A\u0E31\u0E15\u0E34\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21");
36
+ injectString("tr", "Additional Properties", "Ek \xD6zellikler");
37
+ injectString("zh-Hans", "Additional Properties", "\u5176\u4ED6\u5C5E\u6027");
38
+ injectString("zh-TW", "Additional Properties", "\u5176\u4ED6\u5C6C\u6027");
39
+ const ColumnsTabGroup = ({
40
+ columns,
41
+ onColumnToggle
42
+ }) => {
43
+ const {
44
+ translate
45
+ } = (0, useLanguage_1.useLanguage)();
46
+ const [activeTabs, setActiveTabs] = (0, react_1.useState)([]);
47
+ if (columns.length === 0) {
48
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
49
+ }
50
+ const accordionData = columns.map(function (column, i) {
51
+ const handleColumnToggle = state => {
52
+ const updatedColumnsGroup = columns.map(function (col, j) {
53
+ if (i === j) {
54
+ return Object.assign(Object.assign({}, col), {
55
+ children: state
56
+ });
57
+ }
58
+ return col;
59
+ });
60
+ onColumnToggle(updatedColumnsGroup);
61
+ };
62
+ return {
63
+ id: column.id,
64
+ title: column.name,
65
+ content: (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, {
66
+ id: column.id,
67
+ columns: column.children,
68
+ onColumnToggle: handleColumnToggle
69
+ })
70
+ };
71
+ });
72
+ const clickHandler = itemId => setActiveTabs(oldActiveIds => {
73
+ const isClosed = oldActiveIds.indexOf(itemId) === -1;
74
+ return isClosed ? oldActiveIds.concat(itemId) : oldActiveIds.filter(item => item !== itemId);
75
+ });
76
+ const accordion = (0, jsx_runtime_1.jsx)(accordion_1.Accordion, {
77
+ className: "zen-accordion--legacy",
78
+ data: accordionData,
79
+ activeIds: activeTabs,
80
+ onItemClick: clickHandler
81
+ });
82
+ return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
83
+ children: [(0, jsx_runtime_1.jsx)("header", {
84
+ className: "zen-columns-filter__item zen-columns-filter__item--header",
85
+ children: translate("Additional Properties")
86
+ }), accordion]
87
+ });
39
88
  };
40
89
  exports.ColumnsTabGroup = ColumnsTabGroup;
41
- exports.TRANSLATIONS = [
42
- "Additional Properties"
43
- ];
90
+ exports.TRANSLATIONS = ["Additional Properties"];
@@ -4,13 +4,11 @@ exports.TRANSLATIONS = exports.ComboboxSelected = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const groupsHelper_1 = require("../groupsFilterRaw/groupsHelper");
6
6
  const classNames_1 = require("../commonHelpers/classNames/classNames");
7
- const useLanguage_1 = require("../utils/localization/useLanguage");
8
7
  const pill_1 = require("../pill/pill");
9
8
  const pillBox_1 = require("../pillBox/pillBox");
10
9
  const ComboboxSelected = ({ selection, onRemove, className, pillEmptyText }) => {
11
- const { translate } = (0, useLanguage_1.useLanguage)();
12
10
  const isCommonPill = selection.length === 0 || selection.length === 1 && selection[0].id === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID;
13
- return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-combobox-selected", className || ""]), children: isCommonPill && pillEmptyText ? (0, jsx_runtime_1.jsx)(pill_1.Pill, { children: translate(pillEmptyText) })
11
+ return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-combobox-selected", className || ""]), children: isCommonPill && pillEmptyText ? (0, jsx_runtime_1.jsx)(pill_1.Pill, { children: pillEmptyText })
14
12
  : (0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selection.map(el => (el.name ? el : Object.assign(Object.assign({}, el), { name: "..." }))), onRemove: onRemove }) });
15
13
  };
16
14
  exports.ComboboxSelected = ComboboxSelected;
@@ -1,5 +1,8 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
3
6
  exports.TRANSLATIONS = exports.FeedExpandControl = void 0;
4
7
  const jsx_runtime_1 = require("react/jsx-runtime");
5
8
  const classNames_1 = require("../../commonHelpers/classNames/classNames");
@@ -9,14 +12,26 @@ const iconLayoutWindow4_1 = require("../../icons/iconLayoutWindow4");
9
12
  const svgIconSize_1 = require("../../svgIcon/svgIconSize");
10
13
  const textIconButton_1 = require("../../textIconButton/textIconButton");
11
14
  const useLanguage_1 = require("../../utils/localization/useLanguage");
12
- const FeedExpandControl = ({ className = "", isExpanded, onClick }) => {
13
- const { translate } = (0, useLanguage_1.useLanguage)();
14
- const classes = (0, classNames_1.classNames)([className, "zen-data-feed-expand-control"]);
15
- const title = isExpanded ? translate("Collapse feed") : translate("Expand feed");
16
- return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: classes, icon: isExpanded ? iconLayoutWindow4_1.IconLayoutWindow4 : iconLayoutWindow3_1.IconLayoutWindow3, iconSize: svgIconSize_1.SvgIconSize.Large, iconPosition: textIconButton_1.ButtonIconPosition.Start, "aria-label": title, title: title, onClick: onClick, type: buttonType_1.ButtonType.TertiaryBlack });
15
+ const FeedExpandControl = ({
16
+ className = "",
17
+ isExpanded,
18
+ onClick
19
+ }) => {
20
+ const {
21
+ translate
22
+ } = (0, useLanguage_1.useLanguage)();
23
+ const classes = (0, classNames_1.classNames)([className, "zen-data-feed-expand-control"]);
24
+ const title = isExpanded ? translate("Collapse feed") : translate("Expand feed");
25
+ return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
26
+ className: classes,
27
+ icon: isExpanded ? iconLayoutWindow4_1.IconLayoutWindow4 : iconLayoutWindow3_1.IconLayoutWindow3,
28
+ iconSize: svgIconSize_1.SvgIconSize.Large,
29
+ iconPosition: textIconButton_1.ButtonIconPosition.Start,
30
+ "aria-label": title,
31
+ title: title,
32
+ onClick: onClick,
33
+ type: buttonType_1.ButtonType.TertiaryBlack
34
+ });
17
35
  };
18
36
  exports.FeedExpandControl = FeedExpandControl;
19
- exports.TRANSLATIONS = [
20
- "Collapse feed",
21
- "Expand feed"
22
- ];
37
+ exports.TRANSLATIONS = ["Collapse feed", "Expand feed"];
@@ -1,25 +1,106 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ const {
4
+ injectString
5
+ } = require("../../../utils/localization/translationsDictionary");
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
3
9
  exports.CheckboxHeaderCell = void 0;
4
10
  const jsx_runtime_1 = require("react/jsx-runtime");
5
11
  const react_1 = require("react");
6
12
  const textIconButton_1 = require("../../../textIconButton/textIconButton");
7
13
  const buttonType_1 = require("../../../button/buttonType");
8
14
  const checkbox_1 = require("../../../checkbox/checkbox");
15
+ injectString("cs", "Multiple row selection menu", "Nab\xEDdka s\xA0v\xEDcen\xE1sobn\xFDm v\xFDb\u011Brem \u0159\xE1dk\u016F");
16
+ injectString("da-DK", "Multiple row selection menu", "Menu til valg af flere r\xE6kker");
17
+ injectString("de", "Multiple row selection menu", "Men\xFC Auswahl mehrerer Reihen");
18
+ injectString("en", "Multiple row selection menu", "Multiple row selection menu");
19
+ injectString("es", "Multiple row selection menu", "Men\xFA de selecci\xF3n de varias filas");
20
+ injectString("fi-FI", "Multiple row selection menu", "Usean rivin valintavalikko");
21
+ injectString("fr", "Multiple row selection menu", "Menu de s\xE9lection \xE0 plusieurs lignes");
22
+ injectString("fr-FR", "Multiple row selection menu", "Menu de s\xE9lection \xE0 lignes multiples");
23
+ injectString("hu-HU", "Multiple row selection menu", "T\xF6bb soros kijel\xF6l\xE9s men\xFC");
24
+ injectString("id", "Multiple row selection menu", "Menu pilihan baris ganda");
25
+ injectString("it", "Multiple row selection menu", "Menu di selezione a righe multiple");
26
+ injectString("ja", "Multiple row selection menu", "\u8907\u6570\u884C\u9078\u629E\u30E1\u30CB\u30E5\u30FC");
27
+ injectString("ko-KR", "Multiple row selection menu", "\uC5EC\uB7EC \uD589 \uC120\uD0DD \uBA54\uB274");
28
+ injectString("ms", "Multiple row selection menu", "Menu pemilihan berbilang baris");
29
+ injectString("nb-NO", "Multiple row selection menu", "Meny for valg av flere rader");
30
+ injectString("nl", "Multiple row selection menu", "Selectiemenu meerdere rijen");
31
+ injectString("pl", "Multiple row selection menu", "Menu wielokrotnego wyboru wiersza");
32
+ injectString("pt-BR", "Multiple row selection menu", "Menu de sele\xE7\xE3o de v\xE1rias linhas");
33
+ injectString("sk-SK", "Multiple row selection menu", "Ponuka v\xFDberu viacer\xFDch riadkov");
34
+ injectString("sv", "Multiple row selection menu", "Meny f\xF6r val av flera rader");
35
+ injectString("th", "Multiple row selection menu", "\u0E40\u0E21\u0E19\u0E39\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2B\u0E25\u0E32\u0E22\u0E41\u0E16\u0E27");
36
+ injectString("tr", "Multiple row selection menu", "\xC7oklu s\u0131ra se\xE7imi men\xFCs\xFC");
37
+ injectString("zh-Hans", "Multiple row selection menu", "\u591A\u884C\u9009\u62E9\u83DC\u5355");
38
+ injectString("zh-TW", "Multiple row selection menu", "\u591A\u5217\u9078\u64C7\u9078\u55AE");
9
39
  const iconChevronDownSmall_1 = require("../../../icons/iconChevronDownSmall");
10
40
  const useLanguage_1 = require("../../../utils/localization/useLanguage");
11
- const CheckboxHandler = ({ onClick, ref }) => {
12
- // eslint-disable-next-line react-hooks/rules-of-hooks
13
- const { translate } = (0, useLanguage_1.useLanguage)();
14
- return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: "zen-checkbox-column__popup", iconClasses: "zen-icon--no-events", icon: iconChevronDownSmall_1.IconChevronDownSmall, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: "large", title: translate("Multiple row selection menu"), "aria-label": translate("Multiple row selection menu"), type: buttonType_1.ButtonType.Light, onClick: onClick });
41
+ const CheckboxHandler = ({
42
+ onClick,
43
+ ref
44
+ }) => {
45
+ // eslint-disable-next-line react-hooks/rules-of-hooks
46
+ const {
47
+ translate
48
+ } = (0, useLanguage_1.useLanguage)();
49
+ return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
50
+ ref: ref,
51
+ className: "zen-checkbox-column__popup",
52
+ iconClasses: "zen-icon--no-events",
53
+ icon: iconChevronDownSmall_1.IconChevronDownSmall,
54
+ iconPosition: textIconButton_1.ButtonIconPosition.Start,
55
+ iconSize: "large",
56
+ title: translate("Multiple row selection menu"),
57
+ "aria-label": translate("Multiple row selection menu"),
58
+ type: buttonType_1.ButtonType.Light,
59
+ onClick: onClick
60
+ });
15
61
  };
16
- const CheckboxHeaderCell = ({ label, actions, checked, indeterminate, disabled, children, onChange }) => {
17
- const actionsComp = react_1.Children.toArray(children).find(child => { var _a; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Actions"; });
18
- const contentComp = react_1.Children.toArray(children).find(child => { var _a; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Content"; });
19
- return (0, jsx_runtime_1.jsxs)("div", { className: "zen-checkbox-column zen-checkbox-column--with-actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-checkbox-column__controls", children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { className: "zen-checkbox-column__checkbox", checked: checked, indeterminate: indeterminate, disabled: disabled, title: label, "aria-label": label, onChange: e => onChange && onChange(e.target.checked) }), actions ? actionsComp : null] }), contentComp] });
62
+ const CheckboxHeaderCell = ({
63
+ label,
64
+ actions,
65
+ checked,
66
+ indeterminate,
67
+ disabled,
68
+ children,
69
+ onChange
70
+ }) => {
71
+ const actionsComp = react_1.Children.toArray(children).find(child => {
72
+ var _a;
73
+ return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Actions";
74
+ });
75
+ const contentComp = react_1.Children.toArray(children).find(child => {
76
+ var _a;
77
+ return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Content";
78
+ });
79
+ return (0, jsx_runtime_1.jsxs)("div", {
80
+ className: "zen-checkbox-column zen-checkbox-column--with-actions",
81
+ children: [(0, jsx_runtime_1.jsxs)("div", {
82
+ className: "zen-checkbox-column__controls",
83
+ children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, {
84
+ className: "zen-checkbox-column__checkbox",
85
+ checked: checked,
86
+ indeterminate: indeterminate,
87
+ disabled: disabled,
88
+ title: label,
89
+ "aria-label": label,
90
+ onChange: e => onChange && onChange(e.target.checked)
91
+ }), actions ? actionsComp : null]
92
+ }), contentComp]
93
+ });
20
94
  };
21
95
  exports.CheckboxHeaderCell = CheckboxHeaderCell;
22
96
  exports.CheckboxHeaderCell.Actions = CheckboxHandler;
23
97
  exports.CheckboxHeaderCell.Actions.displayName = "Actions";
24
- exports.CheckboxHeaderCell.Content = function content({ children }) { return (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox-column__content", children: children }); };
25
- exports.CheckboxHeaderCell.Content.displayName = "Content";
98
+ exports.CheckboxHeaderCell.Content = function content({
99
+ children
100
+ }) {
101
+ return (0, jsx_runtime_1.jsx)("div", {
102
+ className: "zen-checkbox-column__content",
103
+ children: children
104
+ });
105
+ };
106
+ exports.CheckboxHeaderCell.Content.displayName = "Content";