@geotab/zenith 3.12.0 → 3.12.1-nightly.20260704.363cb9c

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 (155) hide show
  1. package/README.md +4 -0
  2. package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
  3. package/dist/calendar/calendar.js +1 -1
  4. package/dist/columnsSelector/columnsSelector.js +1 -1
  5. package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
  6. package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.js +29 -12
  7. package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +2 -1
  8. package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
  9. package/dist/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +4 -2
  10. package/dist/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +12 -3
  11. package/dist/commonHelpers/arrowNavigation/hooks/useScrolling.js +18 -6
  12. package/dist/commonStyles/caption/caption.less +3 -5
  13. package/dist/commonStyles/colors/colors.less +4 -19
  14. package/dist/commonStyles/columnsList.less +1 -0
  15. package/dist/commonStyles/common.less +1 -2
  16. package/dist/commonStyles/ellipsis.less +1 -1
  17. package/dist/commonStyles/fonts/roboto.less +7 -7
  18. package/dist/commonStyles/link/link.less +1 -1
  19. package/dist/commonStyles/notSelectable.less +0 -4
  20. package/dist/commonStyles/pillStyles/pillContent.less +6 -2
  21. package/dist/commonStyles/pillStyles/pillStyles.less +1 -1
  22. package/dist/commonStyles/pillStyles/pillTextContent.less +3 -0
  23. package/dist/commonStyles/pillStyles/pillTypes.less +10 -0
  24. package/dist/commonStyles/popupMixin.less +2 -2
  25. package/dist/commonStyles/rangeFieldMixin.less +3 -6
  26. package/dist/commonStyles/shadows/shadows.less +3 -3
  27. package/dist/commonStyles/typography/typography.less +24 -24
  28. package/dist/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  29. package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  30. package/dist/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  31. package/dist/dateInputInner/dateInputInnerControlBlock.js +57 -57
  32. package/dist/divider/divider.js +1 -1
  33. package/dist/dropdownRaw/dropdownRaw.js +1 -1
  34. package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  35. package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  36. package/dist/filtersBar/filtersContainer/filtersContainer.js +16 -5
  37. package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  38. package/dist/header/header.js +1 -1
  39. package/dist/header/headerMenu.js +1 -1
  40. package/dist/index.css +468 -579
  41. package/dist/list/itemData/itemDataInternal.js +1 -1
  42. package/dist/list/listItem/listItem.js +1 -1
  43. package/dist/menu/menu.js +1 -1
  44. package/dist/nav/navAddMenu/navAddMenu.js +1 -1
  45. package/dist/nav/navFooter/navFooter.js +4 -4
  46. package/dist/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  47. package/dist/nav/navHeader/navHeader.js +1 -1
  48. package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  49. package/dist/nav/navItem/navItem.js +2 -2
  50. package/dist/rangeRaw/rangeRaw.js +1 -1
  51. package/dist/rangeRaw/utils/rangeHelper.js +28 -28
  52. package/dist/sortControl/sortControl.js +1 -1
  53. package/dist/summaryTileBar/summaryTileBar.js +3 -1
  54. package/dist/table/actions/actionsMenu.js +2 -2
  55. package/dist/table/flexible/columnsPopup.js +1 -1
  56. package/dist/tabs/tabs.js +16 -5
  57. package/dist/toolbar/helpers/getWidthWithMargin.js +2 -2
  58. package/dist/tooltip/helpers/calculateArrowPosition.js +1 -7
  59. package/dist/tooltip/tooltip.js +7 -5
  60. package/dist/utils/localization/translations/ar.json +7 -7
  61. package/dist/utils/localization/translations/cs.json +7 -7
  62. package/dist/utils/localization/translations/da-DK.json +7 -7
  63. package/dist/utils/localization/translations/de.json +7 -7
  64. package/dist/utils/localization/translations/en.json +7 -7
  65. package/dist/utils/localization/translations/es.json +7 -7
  66. package/dist/utils/localization/translations/fi-FI.json +7 -7
  67. package/dist/utils/localization/translations/fr-FR.json +7 -7
  68. package/dist/utils/localization/translations/fr.json +7 -7
  69. package/dist/utils/localization/translations/hu-HU.json +7 -7
  70. package/dist/utils/localization/translations/id.json +7 -7
  71. package/dist/utils/localization/translations/it.json +7 -7
  72. package/dist/utils/localization/translations/ja.json +7 -7
  73. package/dist/utils/localization/translations/ko-KR.json +7 -7
  74. package/dist/utils/localization/translations/ms.json +7 -7
  75. package/dist/utils/localization/translations/nb-NO.json +7 -7
  76. package/dist/utils/localization/translations/nl.json +7 -7
  77. package/dist/utils/localization/translations/pl.json +7 -7
  78. package/dist/utils/localization/translations/pt-BR.json +7 -7
  79. package/dist/utils/localization/translations/pt-PT.json +7 -7
  80. package/dist/utils/localization/translations/ro-RO.json +7 -7
  81. package/dist/utils/localization/translations/sk-SK.json +7 -7
  82. package/dist/utils/localization/translations/sv.json +7 -7
  83. package/dist/utils/localization/translations/th.json +7 -7
  84. package/dist/utils/localization/translations/tr.json +7 -7
  85. package/dist/utils/localization/translations/zh-Hans.json +7 -7
  86. package/dist/utils/localization/translations/zh-TW.json +7 -7
  87. package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
  88. package/esm/calendar/calendar.js +1 -1
  89. package/esm/columnsSelector/columnsSelector.js +1 -1
  90. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
  91. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.js +29 -12
  92. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +2 -1
  93. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
  94. package/esm/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +4 -2
  95. package/esm/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +12 -3
  96. package/esm/commonHelpers/arrowNavigation/hooks/useScrolling.js +18 -6
  97. package/esm/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  98. package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  99. package/esm/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  100. package/esm/dateInputInner/dateInputInnerControlBlock.js +57 -57
  101. package/esm/divider/divider.js +1 -1
  102. package/esm/dropdownRaw/dropdownRaw.js +1 -1
  103. package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  104. package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  105. package/esm/filtersBar/filtersContainer/filtersContainer.js +16 -5
  106. package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  107. package/esm/header/header.js +1 -1
  108. package/esm/header/headerMenu.js +1 -1
  109. package/esm/list/itemData/itemDataInternal.js +1 -1
  110. package/esm/list/listItem/listItem.js +1 -1
  111. package/esm/menu/menu.js +1 -1
  112. package/esm/nav/navAddMenu/navAddMenu.js +1 -1
  113. package/esm/nav/navFooter/navFooter.js +4 -4
  114. package/esm/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  115. package/esm/nav/navHeader/navHeader.js +1 -1
  116. package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  117. package/esm/nav/navItem/navItem.js +2 -2
  118. package/esm/rangeRaw/rangeRaw.js +1 -1
  119. package/esm/rangeRaw/utils/rangeHelper.js +28 -28
  120. package/esm/sortControl/sortControl.js +1 -1
  121. package/esm/summaryTileBar/summaryTileBar.js +3 -1
  122. package/esm/table/actions/actionsMenu.js +2 -2
  123. package/esm/table/flexible/columnsPopup.js +1 -1
  124. package/esm/tabs/tabs.js +16 -5
  125. package/esm/toolbar/helpers/getWidthWithMargin.js +2 -2
  126. package/esm/tooltip/helpers/calculateArrowPosition.js +1 -7
  127. package/esm/tooltip/tooltip.js +7 -5
  128. package/esm/utils/localization/translations/ar.json +7 -7
  129. package/esm/utils/localization/translations/cs.json +7 -7
  130. package/esm/utils/localization/translations/da-DK.json +7 -7
  131. package/esm/utils/localization/translations/de.json +7 -7
  132. package/esm/utils/localization/translations/en.json +7 -7
  133. package/esm/utils/localization/translations/es.json +7 -7
  134. package/esm/utils/localization/translations/fi-FI.json +7 -7
  135. package/esm/utils/localization/translations/fr-FR.json +7 -7
  136. package/esm/utils/localization/translations/fr.json +7 -7
  137. package/esm/utils/localization/translations/hu-HU.json +7 -7
  138. package/esm/utils/localization/translations/id.json +7 -7
  139. package/esm/utils/localization/translations/it.json +7 -7
  140. package/esm/utils/localization/translations/ja.json +7 -7
  141. package/esm/utils/localization/translations/ko-KR.json +7 -7
  142. package/esm/utils/localization/translations/ms.json +7 -7
  143. package/esm/utils/localization/translations/nb-NO.json +7 -7
  144. package/esm/utils/localization/translations/nl.json +7 -7
  145. package/esm/utils/localization/translations/pl.json +7 -7
  146. package/esm/utils/localization/translations/pt-BR.json +7 -7
  147. package/esm/utils/localization/translations/pt-PT.json +7 -7
  148. package/esm/utils/localization/translations/ro-RO.json +7 -7
  149. package/esm/utils/localization/translations/sk-SK.json +7 -7
  150. package/esm/utils/localization/translations/sv.json +7 -7
  151. package/esm/utils/localization/translations/th.json +7 -7
  152. package/esm/utils/localization/translations/tr.json +7 -7
  153. package/esm/utils/localization/translations/zh-Hans.json +7 -7
  154. package/esm/utils/localization/translations/zh-TW.json +7 -7
  155. package/package.json +10 -1
package/README.md CHANGED
@@ -49,6 +49,10 @@ Markdown reference for each component (used by AI tooling and IRIS) lives in [`d
49
49
 
50
50
  ## Change log
51
51
 
52
+ ### 3.12.1
53
+
54
+ - Fix CSS custom properties in `Nav` component
55
+
52
56
  ### 3.12.0
53
57
 
54
58
  - Add `ErrorSummaryBanner` component for aggregating form validation errors
@@ -9,33 +9,33 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.TRANSLATIONS = exports.AdvancedGroupsFilterSectionTooltip = void 0;
10
10
  const jsx_runtime_1 = require("react/jsx-runtime");
11
11
  const tooltip_1 = require("../tooltip/tooltip");
12
- injectString("cs", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "P\u0159i hled\xE1n\xED konkr\xE9tn\xED skupiny pou\u017Eijte v\xEDce oper\xE1tor\u016F. Nap\u0159\xEDklad p\u0159i filtrov\xE1n\xED prost\u0159edk\u016F, kter\xE9 spadaj\xED do skupiny Traktory, skupina Toronto zobraz\xED seznam traktor\u016F, kter\xE9 pat\u0159\xED do pobo\u010Dky v Torontu.");
13
- injectString("da-DK", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Brug flere operatorer, n\xE5r du s\xF8ger efter en bestemt gruppe. Hvis du f.eks. filtrerer efter aktiver, der tilh\xF8rer gruppen Traktor og Toronto-gruppen, vises en liste over traktorer, der tilh\xF8rer Toronto-grenen.");
14
- injectString("de", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Verwenden Sie mehrere Operatoren, wenn Sie nach einer bestimmten Gruppe suchen. Benutzen Sie beispielsweise bei der Suche nach Assets die Gruppenfilter \u201ETraktor\u201C und \u201EToronto\u201C, wird eine Liste mit allen Traktoren f\xFCr den Standort Toronto angezeigt.");
15
- injectString("en", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.");
16
- injectString("es", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilice varios operadores cuando busque un grupo espec\xEDfico. Por ejemplo, al fltrar por activos que pertenecen al grupo Tractor y al grupo Toronto se muestra una lista de tractores que pertenecen a la sucursal de Toronto.");
17
- injectString("fi-FI", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "K\xE4yt\xE4 useita operaattoreita, kun etsit tietty\xE4 ryhm\xE4\xE4. Esimerkiksi traktoriryhm\xE4\xE4n ja Toronto-ryhm\xE4\xE4n kuuluvien varojen suodattaminen n\xE4ytt\xE4\xE4 luettelon traktoreista, jotka kuuluvat Toronto-sivuliikkeeseen.");
18
- injectString("fr", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilisez plusieurs op\xE9rateurs lors de la recherche d\u2019un groupe sp\xE9cifique. Par exemple, le filtrage des actifs appartenant au groupe Tracteur et au groupe Toronto affiche une liste des tracteurs appartenant \xE0 la succursale de Toronto.");
19
- injectString("fr-FR", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilisez plusieurs op\xE9rateurs lors de la recherche d\u2019un groupe sp\xE9cifique. Par exemple, filtrer des actifs appartenant au groupe Tracteurs et au groupe Toronto affiche une liste des tracteurs appartenant \xE0 la branche de Toronto.");
20
- injectString("hu-HU", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Haszn\xE1lj t\xF6bb oper\xE1tort, amikor egy adott csoportot keresel. P\xE9ld\xE1ul, ha a Traktor \xE9s a Toront\xF3i csoporthoz tartoz\xF3 eszk\xF6z\xF6kre sz\u0171rsz, akkor a Toront\xF3i fi\xF3khoz tartoz\xF3 traktorok list\xE1ja jelenik meg.");
21
- injectString("id", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gunakan beberapa Operator saat mencari grup tertentu. Contohnya, memfilter aset yang termasuk dalam grup Traktor dan grup Toronto akan menampilkan daftar traktor yang termasuk dalam cabang Toronto.");
22
- injectString("it", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilizzare pi\xF9 operatori durante la ricerca di un gruppo specifico. Ad esempio, filtrando per asset appartenenti al gruppo Trattore e Toronto, viene visualizzato un elenco di trattori appartenenti alla filiale di Toronto.");
23
- injectString("ja", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u7279\u5B9A\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u691C\u7D22\u3059\u308B\u3068\u304D\u306F\u3001\u8907\u6570\u306E\u6F14\u7B97\u5B50\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002\u4F8B\u3048\u3070\u3001Tractor \u30B0\u30EB\u30FC\u30D7\u3068 Toronto \u30B0\u30EB\u30FC\u30D7\u306B\u5C5E\u3059\u308B\u30A2\u30BB\u30C3\u30C8\u3092\u30D5\u30A3\u30EB\u30BF\u30EA\u30F3\u30B0\u3059\u308B\u3068\u3001Toronto \u652F\u5E97\u306B\u5C5E\u3059\u308B\u30C8\u30E9\u30AF\u30BF\u30FC\u306E\u30EA\u30B9\u30C8\u304C\u8868\u793A\u3055\u308C\u307E\u3059\u3002");
24
- injectString("ko-KR", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\uD2B9\uC815 \uADF8\uB8F9\uC744 \uAC80\uC0C9\uD560 \uB54C\uB294 \uC5EC\uB7EC \uC5F0\uC0B0\uC790\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4. \uC608\uB97C \uB4E4\uC5B4, \uD2B8\uB799\uD130 \uADF8\uB8F9\uACFC \uD1A0\uB860\uD1A0 \uADF8\uB8F9\uC5D0 \uC18D\uD55C \uC790\uC0B0\uC744 \uD544\uD130\uB9C1\uD558\uBA74 \uD1A0\uB860\uD1A0 \uC9C0\uC810\uC5D0 \uC18D\uD55C \uD2B8\uB799\uD130 \uBAA9\uB85D\uC774 \uD45C\uC2DC\uB429\uB2C8\uB2E4.");
25
- injectString("ms", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gunakan berbilang Operator apabila mencari kumpulan khusus. Contohnya, penyaringan untuk aset yang dimiliki kumpulan Traktor dan kumpulan Toronto memaparkan senarai traktor yang dimiliki oleh cawangan Toronto.");
26
- injectString("nb-NO", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Bruk flere operat\xF8rer n\xE5r du s\xF8ker etter en bestemt gruppe. Hvis du for eksempel filtrerer for eiendeler som tilh\xF8rer traktorgruppen og Toronto-gruppen, vises en liste over traktorer som tilh\xF8rer Toronto-grenen.");
27
- injectString("nl", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gebruik meerdere opties bij het zoeken naar een specifieke groep. Als u bijvoorbeeld filtert op assets die behoren tot de tractorgroep en de Toronto-groep, wordt een lijst weergegeven met tractoren die tot de Toronto-tak behoren.");
28
- injectString("pl", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "U\u017Cyj wielu operator\xF3w podczas wyszukiwania okre\u015Blonej grupy. Na przyk\u0142ad filtrowanie zasob\xF3w nale\u017C\u0105cych do grupy Ci\u0105gnik i grupy Toronto wy\u015Bwietla list\u0119 ci\u0105gnik\xF3w nale\u017C\u0105cych do oddzia\u0142u w Toronto.");
29
- injectString("pt-BR", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use v\xE1rios operadores para pesquisar um grupo espec\xEDfico. Por exemplo, a filtragem por ativos que pertencem ao grupo Tratores e ao grupo Toronto exibe uma lista de tratores que pertencem \xE0 divis\xE3o de Toronto.");
30
- injectString("pt-PT", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use m\xFAltiplos operadores ao pesquisar por um grupo espec\xEDfico. Por exemplo, filtrar por ativos que pertencem ao grupo Trator e ao grupo Toronto exibe uma lista de tratores que pertencem \xE0 filial de Toronto.");
31
- injectString("sk-SK", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Pri h\u013Eadan\xED konkr\xE9tnej skupiny pou\u017Ei viacero oper\xE1torov. Napr\xEDklad filtrovanie akt\xEDv, ktor\xE9 patria do skupiny Traktory a skupiny Toronto, zobraz\xED zoznam traktorov, ktor\xE9 patria do pobo\u010Dky Toronto.");
32
- injectString("sv", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Anv\xE4nd flera operat\xF6rer n\xE4r du s\xF6ker efter en viss grupp. Om du till exempel filtrerar efter tillg\xE5ngar som tillh\xF6r gruppen \"Dragbilar\" och gruppen \"Toronto\" visas en lista med dragbilar som tillh\xF6r lokalkontoret i Toronto.");
33
- injectString("th", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0E43\u0E0A\u0E49\u0E15\u0E31\u0E27\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E2B\u0E25\u0E32\u0E22\u0E15\u0E31\u0E27\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E01\u0E25\u0E38\u0E48\u0E21\u0E40\u0E09\u0E1E\u0E32\u0E30 \u0E15\u0E31\u0E27\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E40\u0E0A\u0E48\u0E19 \u0E01\u0E32\u0E23\u0E01\u0E23\u0E2D\u0E07\u0E2A\u0E33\u0E2B\u0E23\u0E31\u0E1A\u0E2A\u0E34\u0E19\u0E17\u0E23\u0E31\u0E1E\u0E22\u0E4C\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E01\u0E25\u0E38\u0E48\u0E21\u0E23\u0E16\u0E41\u0E17\u0E23\u0E01\u0E40\u0E15\u0E2D\u0E23\u0E4C\u0E41\u0E25\u0E30\u0E01\u0E25\u0E38\u0E48\u0E21\u0E42\u0E17\u0E23\u0E2D\u0E19\u0E42\u0E15\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E23\u0E16\u0E41\u0E17\u0E23\u0E01\u0E40\u0E15\u0E2D\u0E23\u0E4C\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E2A\u0E32\u0E02\u0E32\u0E42\u0E17\u0E23\u0E2D\u0E19\u0E42\u0E15");
34
- injectString("tr", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Belirli bir grubu ararken birden \xE7ok operat\xF6r kullan\u0131n. \xD6rne\u011Fin, Trakt\xF6r grubuna ve Toronto grubuna ait varl\u0131klar i\xE7in filtreleme yap\u0131l\u0131rken Toronto \u015Fubesine ait trakt\xF6rlerin listesi g\xF6r\xFCnt\xFClenir.");
35
- injectString("zh-Hans", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u7D22\u7279\u5B9A\u7EC4\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u591A\u4E2A\u8FD0\u7B97\u7B26\u3002\u4F8B\u5982\uFF0C\u7B5B\u9009\u5C5E\u4E8E\u201C\u7275\u5F15\u8F66\u201D\u7EC4\u548C\u201C\u591A\u4F26\u591A\u201D\u7EC4\u7684\u8D44\u4EA7\uFF0C\u5C31\u4F1A\u663E\u793A\u5C5E\u4E8E\u591A\u4F26\u591A\u5206\u652F\u7684\u7275\u5F15\u8F66\u5217\u8868\u3002");
36
- injectString("zh-TW", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u5C0B\u7279\u5B9A\u7FA4\u7D44\u6642\uFF0C\u8ACB\u4F7F\u7528\u591A\u500B\u904B\u7B97\u5B50\u3002\u4F8B\u5982\uFF0C\u82E5\u7BE9\u9078\u5C6C\u65BC\u727D\u5F15\u6A5F\u7FA4\u7D44\u548C\u591A\u502B\u591A\u7FA4\u7D44\u7684\u8CC7\u7522\uFF0C\u5247\u6703\u986F\u793A\u5C6C\u65BC\u591A\u502B\u591A\u5206\u516C\u53F8\u7684\u727D\u5F15\u6A5F\u6E05\u55AE\u3002");
37
- injectString("ro-RO", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utiliza\u021Bi mai mul\u021Bi operatori c\xE2nd c\u0103uta\u021Bi un anumit grup. De exemplu, prin filtrarea activelor care apar\u021Bin grupului Tractor \u0219i grupului Toronto, se afi\u0219eaz\u0103 o list\u0103 de tractoare care apar\u021Bin filialei Toronto.");
38
- injectString("ar", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0627\u0633\u062A\u062E\u062F\u0645 \u0639\u0648\u0627\u0645\u0644 \u062A\u0634\u063A\u064A\u0644 \u0645\u062A\u0639\u062F\u062F\u0629 \u0639\u0646\u062F \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0645\u062C\u0645\u0648\u0639\u0629 \u0645\u0639\u064A\u0646\u0629. \u0639\u0644\u0649 \u0633\u0628\u064A\u0644 \u0627\u0644\u0645\u062B\u0627\u0644\u060C \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0629 \u062A\u0648\u0631\u0646\u062A\u0648 \u062A\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0641\u0631\u0639 \u062A\u0648\u0631\u0646\u062A\u0648.");
12
+ injectString("cs", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "P\u0159i hled\xE1n\xED konkr\xE9tn\xED skupiny pou\u017Eijte v\xEDce oper\xE1tor\u016F. Nap\u0159\xEDklad p\u0159i filtrov\xE1n\xED prost\u0159edk\u016F, kter\xE9 spadaj\xED do skupiny Traktory, skupina Toronto zobraz\xED seznam traktor\u016F, kter\xE9 pat\u0159\xED do pobo\u010Dky v Torontu.");
13
+ injectString("da-DK", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Brug flere operatorer, n\xE5r du s\xF8ger efter en bestemt gruppe. Hvis du f.eks. filtrerer efter aktiver, der tilh\xF8rer gruppen Traktor og Toronto-gruppen, vises en liste over traktorer, der tilh\xF8rer Toronto-grenen.");
14
+ injectString("de", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Verwenden Sie mehrere Operatoren, wenn Sie nach einer bestimmten Gruppe suchen. Benutzen Sie beispielsweise bei der Suche nach Assets die Gruppenfilter \u201ETraktor\u201C und \u201EToronto\u201C, wird eine Liste mit allen Traktoren f\xFCr den Standort Toronto angezeigt.");
15
+ injectString("en", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.");
16
+ injectString("es", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilice varios operadores cuando busque un grupo espec\xEDfico. Por ejemplo, al fltrar por activos que pertenecen al grupo Tractor y al grupo Toronto se muestra una lista de tractores que pertenecen a la sucursal de Toronto.");
17
+ injectString("fi-FI", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "K\xE4yt\xE4 useita operaattoreita, kun etsit tietty\xE4 ryhm\xE4\xE4. Esimerkiksi traktoriryhm\xE4\xE4n ja Toronto-ryhm\xE4\xE4n kuuluvien varojen suodattaminen n\xE4ytt\xE4\xE4 luettelon traktoreista, jotka kuuluvat Toronto-sivuliikkeeseen.");
18
+ injectString("fr", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilisez plusieurs op\xE9rateurs lors de la recherche d\u2019un groupe sp\xE9cifique. Par exemple, le filtrage des actifs appartenant au groupe Tracteur et au groupe Toronto affiche une liste des tracteurs appartenant \xE0 la succursale de Toronto.");
19
+ injectString("fr-FR", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilisez plusieurs op\xE9rateurs lors de la recherche d\u2019un groupe sp\xE9cifique. Par exemple, filtrer des actifs appartenant au groupe Tracteurs et au groupe Toronto affiche une liste des tracteurs appartenant \xE0 la branche de Toronto.");
20
+ injectString("hu-HU", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Haszn\xE1lj t\xF6bb oper\xE1tort, amikor egy adott csoportot keresel. P\xE9ld\xE1ul, ha a Traktor \xE9s a Toront\xF3i csoporthoz tartoz\xF3 eszk\xF6z\xF6kre sz\u0171rsz, akkor a Toront\xF3i fi\xF3khoz tartoz\xF3 traktorok list\xE1ja jelenik meg.");
21
+ injectString("id", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gunakan beberapa Operator saat mencari grup tertentu. Contohnya, memfilter aset yang termasuk dalam grup Traktor dan grup Toronto akan menampilkan daftar traktor yang termasuk dalam cabang Toronto.");
22
+ injectString("it", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utilizzare pi\xF9 operatori durante la ricerca di un gruppo specifico. Ad esempio, filtrando per asset appartenenti al gruppo Trattore e Toronto, viene visualizzato un elenco di trattori appartenenti alla filiale di Toronto.");
23
+ injectString("ja", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u7279\u5B9A\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u691C\u7D22\u3059\u308B\u3068\u304D\u306F\u3001\u8907\u6570\u306E\u6F14\u7B97\u5B50\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002\u4F8B\u3048\u3070\u3001Tractor \u30B0\u30EB\u30FC\u30D7\u3068 Toronto \u30B0\u30EB\u30FC\u30D7\u306B\u5C5E\u3059\u308B\u30A2\u30BB\u30C3\u30C8\u3092\u30D5\u30A3\u30EB\u30BF\u30EA\u30F3\u30B0\u3059\u308B\u3068\u3001Toronto \u652F\u5E97\u306B\u5C5E\u3059\u308B\u30C8\u30E9\u30AF\u30BF\u30FC\u306E\u30EA\u30B9\u30C8\u304C\u8868\u793A\u3055\u308C\u307E\u3059\u3002");
24
+ injectString("ko-KR", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\uD2B9\uC815 \uADF8\uB8F9\uC744 \uAC80\uC0C9\uD560 \uB54C\uB294 \uC5EC\uB7EC \uC5F0\uC0B0\uC790\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4. \uC608\uB97C \uB4E4\uC5B4, \uD2B8\uB799\uD130 \uADF8\uB8F9\uACFC \uD1A0\uB860\uD1A0 \uADF8\uB8F9\uC5D0 \uC18D\uD55C \uC790\uC0B0\uC744 \uD544\uD130\uB9C1\uD558\uBA74 \uD1A0\uB860\uD1A0 \uC9C0\uC810\uC5D0 \uC18D\uD55C \uD2B8\uB799\uD130 \uBAA9\uB85D\uC774 \uD45C\uC2DC\uB429\uB2C8\uB2E4.");
25
+ injectString("ms", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gunakan berbilang Operator apabila mencari kumpulan khusus. Contohnya, penyaringan untuk aset yang dimiliki kumpulan Traktor dan kumpulan Toronto memaparkan senarai traktor yang dimiliki oleh cawangan Toronto.");
26
+ injectString("nb-NO", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Bruk flere operat\xF8rer n\xE5r du s\xF8ker etter en bestemt gruppe. Hvis du for eksempel filtrerer for eiendeler som tilh\xF8rer traktorgruppen og Toronto-gruppen, vises en liste over traktorer som tilh\xF8rer Toronto-grenen.");
27
+ injectString("nl", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Gebruik meerdere opties bij het zoeken naar een specifieke groep. Als u bijvoorbeeld filtert op assets die behoren tot de tractorgroep en de Toronto-groep, wordt een lijst weergegeven met tractoren die tot de Toronto-tak behoren.");
28
+ injectString("pl", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "U\u017Cyj wielu operator\xF3w podczas wyszukiwania okre\u015Blonej grupy. Na przyk\u0142ad filtrowanie zasob\xF3w nale\u017C\u0105cych do grupy Ci\u0105gnik i grupy Toronto wy\u015Bwietla list\u0119 ci\u0105gnik\xF3w nale\u017C\u0105cych do oddzia\u0142u w Toronto.");
29
+ injectString("pt-BR", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use v\xE1rios operadores para pesquisar um grupo espec\xEDfico. Por exemplo, a filtragem por ativos que pertencem ao grupo Tratores e ao grupo Toronto exibe uma lista de tratores que pertencem \xE0 divis\xE3o de Toronto.");
30
+ injectString("pt-PT", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Use m\xFAltiplos operadores ao pesquisar por um grupo espec\xEDfico. Por exemplo, filtrar por ativos que pertencem ao grupo Trator e ao grupo Toronto exibe uma lista de tratores que pertencem \xE0 filial de Toronto.");
31
+ injectString("sk-SK", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Pri h\u013Eadan\xED konkr\xE9tnej skupiny pou\u017Ei viacero oper\xE1torov. Napr\xEDklad filtrovanie akt\xEDv, ktor\xE9 patria do skupiny Traktory a skupiny Toronto, zobraz\xED zoznam traktorov, ktor\xE9 patria do pobo\u010Dky Toronto.");
32
+ injectString("sv", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Anv\xE4nd flera operat\xF6rer n\xE4r du s\xF6ker efter en viss grupp. Om du till exempel filtrerar efter tillg\xE5ngar som tillh\xF6r gruppen \"Dragbilar\" och gruppen \"Toronto\" visas en lista med dragbilar som tillh\xF6r lokalkontoret i Toronto.");
33
+ injectString("th", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0E43\u0E0A\u0E49\u0E15\u0E31\u0E27\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E2B\u0E25\u0E32\u0E22\u0E15\u0E31\u0E27\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E01\u0E25\u0E38\u0E48\u0E21\u0E40\u0E09\u0E1E\u0E32\u0E30 \u0E15\u0E31\u0E27\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E40\u0E0A\u0E48\u0E19 \u0E01\u0E32\u0E23\u0E01\u0E23\u0E2D\u0E07\u0E2A\u0E33\u0E2B\u0E23\u0E31\u0E1A\u0E2A\u0E34\u0E19\u0E17\u0E23\u0E31\u0E1E\u0E22\u0E4C\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E01\u0E25\u0E38\u0E48\u0E21\u0E23\u0E16\u0E41\u0E17\u0E23\u0E01\u0E40\u0E15\u0E2D\u0E23\u0E4C\u0E41\u0E25\u0E30\u0E01\u0E25\u0E38\u0E48\u0E21\u0E42\u0E17\u0E23\u0E2D\u0E19\u0E42\u0E15\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E23\u0E16\u0E41\u0E17\u0E23\u0E01\u0E40\u0E15\u0E2D\u0E23\u0E4C\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E2A\u0E32\u0E02\u0E32\u0E42\u0E17\u0E23\u0E2D\u0E19\u0E42\u0E15");
34
+ injectString("tr", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Belirli bir grubu ararken birden \xE7ok operat\xF6r kullan\u0131n. \xD6rne\u011Fin, Trakt\xF6r grubuna ve Toronto grubuna ait varl\u0131klar i\xE7in filtreleme yap\u0131l\u0131rken Toronto \u015Fubesine ait trakt\xF6rlerin listesi g\xF6r\xFCnt\xFClenir.");
35
+ injectString("zh-Hans", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u7D22\u7279\u5B9A\u7EC4\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u591A\u4E2A\u8FD0\u7B97\u7B26\u3002\u4F8B\u5982\uFF0C\u7B5B\u9009\u5C5E\u4E8E\u201C\u7275\u5F15\u8F66\u201D\u7EC4\u548C\u201C\u591A\u4F26\u591A\u201D\u7EC4\u7684\u8D44\u4EA7\uFF0C\u5C31\u4F1A\u663E\u793A\u5C5E\u4E8E\u591A\u4F26\u591A\u5206\u652F\u7684\u7275\u5F15\u8F66\u5217\u8868\u3002");
36
+ injectString("zh-TW", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u5C0B\u7279\u5B9A\u7FA4\u7D44\u6642\uFF0C\u8ACB\u4F7F\u7528\u591A\u500B\u904B\u7B97\u5B50\u3002\u4F8B\u5982\uFF0C\u82E5\u7BE9\u9078\u5C6C\u65BC\u727D\u5F15\u6A5F\u7FA4\u7D44\u548C\u591A\u502B\u591A\u7FA4\u7D44\u7684\u8CC7\u7522\uFF0C\u5247\u6703\u986F\u793A\u5C6C\u65BC\u591A\u502B\u591A\u5206\u516C\u53F8\u7684\u727D\u5F15\u6A5F\u6E05\u55AE\u3002");
37
+ injectString("ro-RO", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utiliza\u021Bi mai mul\u021Bi operatori c\xE2nd c\u0103uta\u021Bi un anumit grup. De exemplu, prin filtrarea activelor care apar\u021Bin grupului Tractor \u0219i grupului Toronto, se afi\u0219eaz\u0103 o list\u0103 de tractoare care apar\u021Bin filialei Toronto.");
38
+ injectString("ar", "Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0627\u0633\u062A\u062E\u062F\u0645 \u0639\u0648\u0627\u0645\u0644 \u062A\u0634\u063A\u064A\u0644 \u0645\u062A\u0639\u062F\u062F\u0629 \u0639\u0646\u062F \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0645\u062C\u0645\u0648\u0639\u0629 \u0645\u0639\u064A\u0646\u0629. \u0639\u0644\u0649 \u0633\u0628\u064A\u0644 \u0627\u0644\u0645\u062B\u0627\u0644\u060C \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0629 \u062A\u0648\u0631\u0646\u062A\u0648 \u062A\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0641\u0631\u0639 \u062A\u0648\u0631\u0646\u062A\u0648.");
39
39
  const useLanguage_1 = require("../utils/localization/useLanguage");
40
40
  const classNames_1 = require("../commonHelpers/classNames/classNames");
41
41
  const AdvancedGroupsFilterSectionTooltip = ({
@@ -46,7 +46,7 @@ const AdvancedGroupsFilterSectionTooltip = ({
46
46
  const {
47
47
  translate
48
48
  } = (0, useLanguage_1.useLanguage)();
49
- const defaultTooltipText = translate("Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.");
49
+ const defaultTooltipText = translate("Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.");
50
50
  return (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, {
51
51
  className: (0, classNames_1.classNames)(["zen-advanced-groups-filter-section-tooltip__item", className || ""]),
52
52
  alignment: alignment,
@@ -54,4 +54,4 @@ const AdvancedGroupsFilterSectionTooltip = ({
54
54
  });
55
55
  };
56
56
  exports.AdvancedGroupsFilterSectionTooltip = AdvancedGroupsFilterSectionTooltip;
57
- exports.TRANSLATIONS = ["Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch."];
57
+ exports.TRANSLATIONS = ["Use multiple Operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch."];
@@ -1130,7 +1130,7 @@ const Calendar = ({
1130
1130
  title: translate("Select year"),
1131
1131
  onSelect: year => changeView((0, dateUtils_1.setYear)(viewDate, year)),
1132
1132
  isMobileView: isMobileView,
1133
- alignment: onTodayButtonClick ? "bottom" : "bottom-right"
1133
+ alignment: onTodayButtonClick ? "bottom" : "bottom-end"
1134
1134
  })]
1135
1135
  }), onTodayButtonClick ? (0, jsx_runtime_1.jsx)(button_1.Button, {
1136
1136
  type: buttonType_1.ButtonType.Tertiary,
@@ -104,7 +104,7 @@ const ColumnsSelector = ({
104
104
  return (0, jsx_runtime_1.jsxs)(popup_1.Popup, {
105
105
  className: "zen-columns-filter",
106
106
  trigger: triggerButton,
107
- alignment: "bottom-right",
107
+ alignment: "bottom-end",
108
108
  ariaLabel: translate("Column Settings"),
109
109
  children: [resetButton, (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, {
110
110
  id: id,
@@ -5,7 +5,7 @@ interface IScrollOptions {
5
5
  top: number;
6
6
  left: number;
7
7
  }
8
- export declare const getScrollOptions: (action: string, element: HTMLElement | null) => IScrollOptions;
8
+ export declare const getScrollOptions: (action: string, element: HTMLElement | null, isRTL?: boolean) => IScrollOptions;
9
9
  export declare const extractButtonAction: (event: React.MouseEvent<HTMLElement>) => TArrowsNavValue | null;
10
10
  export declare const scrollElement: (element: HTMLElement, options: IScrollOptions) => void;
11
11
  export {};
@@ -16,21 +16,38 @@ const clearTimerTimeout = (timerId) => {
16
16
  }
17
17
  };
18
18
  exports.clearTimerTimeout = clearTimerTimeout;
19
- const getScrollOptions = (action, element) => {
20
- const step = (element === null || element === void 0 ? void 0 : element.offsetWidth) ? element.offsetWidth : 100;
21
- const scrollTop = (element === null || element === void 0 ? void 0 : element.scrollTop) || 0;
22
- let scrollLeft = (element === null || element === void 0 ? void 0 : element.scrollLeft) || 0;
19
+ // In RTL, scrollLeft is 0 at the right edge and goes negative toward the left edge.
20
+ const getRTLScrollLeft = (action, scrollLeft, step, element) => {
21
+ const minScrollLeft = element.clientWidth - element.scrollWidth;
23
22
  if (action === "left") {
24
- scrollLeft = scrollLeft - step > 0 ? scrollLeft - step : 0;
23
+ const clamped = scrollLeft - step;
24
+ return clamped < minScrollLeft ? minScrollLeft : clamped;
25
+ }
26
+ if (action === "right") {
27
+ const clamped = scrollLeft + step;
28
+ return clamped > 0 ? 0 : clamped;
25
29
  }
26
- else if (action === "right") {
27
- const maxWidth = (element === null || element === void 0 ? void 0 : element.scrollWidth) || 0;
28
- scrollLeft = scrollLeft + step > maxWidth ? maxWidth : scrollLeft + step;
30
+ return scrollLeft;
31
+ };
32
+ const getLTRScrollLeft = (action, scrollLeft, step, element) => {
33
+ if (action === "left") {
34
+ return scrollLeft - step > 0 ? scrollLeft - step : 0;
29
35
  }
30
- return {
31
- top: scrollTop,
32
- left: scrollLeft
33
- };
36
+ if (action === "right") {
37
+ return scrollLeft + step > element.scrollWidth ? element.scrollWidth : scrollLeft + step;
38
+ }
39
+ return scrollLeft;
40
+ };
41
+ const getScrollOptions = (action, element, isRTL = false) => {
42
+ const step = (element === null || element === void 0 ? void 0 : element.offsetWidth) ? element.offsetWidth : 100;
43
+ const scrollTop = (element === null || element === void 0 ? void 0 : element.scrollTop) || 0;
44
+ const scrollLeft = (element === null || element === void 0 ? void 0 : element.scrollLeft) || 0;
45
+ const newScrollLeft = element
46
+ ? isRTL
47
+ ? getRTLScrollLeft(action, scrollLeft, step, element)
48
+ : getLTRScrollLeft(action, scrollLeft, step, element)
49
+ : scrollLeft;
50
+ return { top: scrollTop, left: newScrollLeft };
34
51
  };
35
52
  exports.getScrollOptions = getScrollOptions;
36
53
  const extractButtonAction = (event) => {
@@ -3,6 +3,7 @@ import { TArrowsNavValue } from "../../arrowNavigationHelper";
3
3
  import "./arrowButton.less";
4
4
  export interface IArrowNavButton {
5
5
  value: TArrowsNavValue;
6
+ action?: TArrowsNavValue;
6
7
  isHidden: boolean;
7
8
  disabled: boolean;
8
9
  arrowButtonHandler: (e: React.MouseEvent<HTMLElement>) => void;
@@ -10,4 +11,4 @@ export interface IArrowNavButton {
10
11
  onMouseUp: (e: React.MouseEvent<HTMLElement>) => void;
11
12
  className?: string;
12
13
  }
13
- export declare const ArrowNavButton: ({ value, isHidden, disabled, className, arrowButtonHandler, onMouseDown, onMouseUp }: IArrowNavButton) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const ArrowNavButton: ({ value, action, isHidden, disabled, className, arrowButtonHandler, onMouseDown, onMouseUp }: IArrowNavButton) => import("react/jsx-runtime").JSX.Element;
@@ -9,11 +9,11 @@ const iconChevronRight_1 = require("../../../../icons/iconChevronRight");
9
9
  const useDrive_1 = require("../../../../utils/theme/useDrive");
10
10
  const useDirectionalIcon_1 = require("../../../../utils/localization/useDirectionalIcon");
11
11
  const svgIconSize_1 = require("../../../../svgIcon/svgIconSize");
12
- const ArrowNavButton = ({ value, isHidden, disabled, className, arrowButtonHandler, onMouseDown, onMouseUp }) => {
12
+ const ArrowNavButton = ({ value, action, isHidden, disabled, className, arrowButtonHandler, onMouseDown, onMouseUp }) => {
13
13
  const isDrive = (0, useDrive_1.useDrive)();
14
14
  const iconSize = isDrive ? (0, svgIconSize_1.driveIconSize)("large") : "large";
15
15
  const LeftIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight);
16
16
  const RightIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
17
- return ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary-black", className: (0, classNames_1.classNames)(["zen-arrow-nav-button", isHidden ? "zen-arrow-nav-button--invisible" : "", className !== null && className !== void 0 ? className : ""]), "aria-label": value, disabled: disabled, onClick: arrowButtonHandler, "data-action": value, onMouseDown: onMouseDown, onMouseUp: onMouseUp, children: value === "left" ? ((0, jsx_runtime_1.jsx)(LeftIcon, { size: iconSize, className: "zen-arrow-nav-button__icon" })) : ((0, jsx_runtime_1.jsx)(RightIcon, { size: iconSize, className: "zen-arrow-nav-button__icon" })) }));
17
+ return ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary-black", className: (0, classNames_1.classNames)(["zen-arrow-nav-button", isHidden ? "zen-arrow-nav-button--invisible" : "", className !== null && className !== void 0 ? className : ""]), "aria-label": value, disabled: disabled, onClick: arrowButtonHandler, "data-action": action !== null && action !== void 0 ? action : value, onMouseDown: onMouseDown, onMouseUp: onMouseUp, children: value === "left" ? ((0, jsx_runtime_1.jsx)(LeftIcon, { size: iconSize, className: "zen-arrow-nav-button__icon" })) : ((0, jsx_runtime_1.jsx)(RightIcon, { size: iconSize, className: "zen-arrow-nav-button__icon" })) }));
18
18
  };
19
19
  exports.ArrowNavButton = ArrowNavButton;
@@ -3,17 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useManualScrolling = void 0;
4
4
  const react_1 = require("react");
5
5
  const arrowNavigationHelper_1 = require("../arrowNavigationHelper");
6
+ const useIsRTL_1 = require("../../../utils/localization/useIsRTL");
6
7
  const useManualScrolling = ({ elementRef }) => {
8
+ const isRTL = (0, useIsRTL_1.useIsRTL)();
7
9
  const scroll = (0, react_1.useCallback)((event) => {
8
10
  if (!elementRef.current) {
9
11
  return;
10
12
  }
11
13
  const actionName = (0, arrowNavigationHelper_1.extractButtonAction)(event);
12
14
  if (actionName) {
13
- const scrollOptions = (0, arrowNavigationHelper_1.getScrollOptions)(actionName, elementRef.current);
15
+ const scrollOptions = (0, arrowNavigationHelper_1.getScrollOptions)(actionName, elementRef.current, isRTL);
14
16
  (0, arrowNavigationHelper_1.scrollElement)(elementRef.current, scrollOptions);
15
17
  }
16
- }, [elementRef]);
18
+ }, [elementRef, isRTL]);
17
19
  return { scroll };
18
20
  };
19
21
  exports.useManualScrolling = useManualScrolling;
@@ -4,19 +4,28 @@ exports.useScrollWhileHolding = void 0;
4
4
  const react_1 = require("react");
5
5
  const arrowNavigationHelper_1 = require("../arrowNavigationHelper");
6
6
  const zen_1 = require("../../../utils/zen");
7
+ const useIsRTL_1 = require("../../../utils/localization/useIsRTL");
7
8
  const useScrollWhileHolding = ({ action, container, intervalTimer }) => {
9
+ const isRTL = (0, useIsRTL_1.useIsRTL)();
8
10
  (0, react_1.useEffect)(() => {
9
11
  var _a;
10
12
  if (!container || !action) {
11
13
  return;
12
14
  }
13
15
  intervalTimer.current = (_a = zen_1.zen.setInterval) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
14
- const { left, top } = (0, arrowNavigationHelper_1.getScrollOptions)(action, container);
16
+ const { left, top } = (0, arrowNavigationHelper_1.getScrollOptions)(action, container, isRTL);
15
17
  (0, arrowNavigationHelper_1.scrollElement)(container, { left, top });
16
- if ((left === container.scrollWidth && action === "right") || (left === 0 && action === "left")) {
18
+ if (isRTL) {
19
+ const atRightEdge = left >= -1 && action === "right";
20
+ const atLeftEdge = left <= container.clientWidth - container.scrollWidth + 1 && action === "left";
21
+ if (atRightEdge || atLeftEdge) {
22
+ (0, arrowNavigationHelper_1.clearTimerInterval)(intervalTimer.current);
23
+ }
24
+ }
25
+ else if ((left === container.scrollWidth && action === "right") || (left === 0 && action === "left")) {
17
26
  (0, arrowNavigationHelper_1.clearTimerInterval)(intervalTimer.current);
18
27
  }
19
28
  }, 100);
20
- }, [action, container, intervalTimer]);
29
+ }, [action, container, intervalTimer, isRTL]);
21
30
  };
22
31
  exports.useScrollWhileHolding = useScrollWhileHolding;
@@ -2,16 +2,28 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useScrolling = void 0;
4
4
  const react_1 = require("react");
5
+ const useIsRTL_1 = require("../../../utils/localization/useIsRTL");
5
6
  const offset = 3;
6
7
  const useScrolling = () => {
7
- const [state, setScrollState] = (0, react_1.useState)({ scrolledLeft: true, scrolledRight: false });
8
+ const isRTL = (0, useIsRTL_1.useIsRTL)();
9
+ // In RTL, we start at the right edge (scrollLeft = 0): left is enabled, right is disabled.
10
+ const [state, setScrollState] = (0, react_1.useState)({ scrolledLeft: !isRTL, scrolledRight: isRTL });
8
11
  const onScroll = (e) => {
9
12
  const { scrollWidth, scrollLeft, clientWidth } = e.currentTarget;
10
- const space = scrollWidth - scrollLeft;
11
- setScrollState({
12
- scrolledLeft: scrollLeft === 0,
13
- scrolledRight: space >= clientWidth - offset && space <= clientWidth + offset
14
- });
13
+ if (isRTL) {
14
+ // scrollLeft is 0 at right edge, negative at left edge.
15
+ setScrollState({
16
+ scrolledLeft: scrollLeft <= -(scrollWidth - clientWidth) + offset,
17
+ scrolledRight: scrollLeft >= -offset
18
+ });
19
+ }
20
+ else {
21
+ const space = scrollWidth - scrollLeft;
22
+ setScrollState({
23
+ scrolledLeft: scrollLeft === 0,
24
+ scrolledRight: space >= clientWidth - offset && space <= clientWidth + offset
25
+ });
26
+ }
15
27
  };
16
28
  return { onScroll, state };
17
29
  };
@@ -1,6 +1,5 @@
1
1
  .zen-caption {
2
2
  @button-line-height: 16px;
3
-
4
3
  display: inline-flex;
5
4
  align-items: center;
6
5
  overflow: hidden;
@@ -10,7 +9,7 @@
10
9
  justify-content: center;
11
10
 
12
11
  .zen-caption__content {
13
- margin-right: 0;
12
+ margin-inline-end: 0;
14
13
  }
15
14
  }
16
15
 
@@ -22,8 +21,7 @@
22
21
  line-height: @button-line-height;
23
22
  font-weight: 400;
24
23
  white-space: nowrap;
25
- margin-left: 0;
26
- margin-right: auto;
24
+ margin-inline: 0 auto;
27
25
  }
28
26
 
29
27
  &--hidden {
@@ -33,7 +31,7 @@
33
31
  &--wrapped {
34
32
  .zen-caption__content {
35
33
  white-space: normal;
36
- word-wrap: break-word;
34
+ overflow-wrap: break-word;
37
35
  }
38
36
  }
39
37
  }
@@ -7,11 +7,11 @@
7
7
  --text-nav-highlight: #0069bf;
8
8
  --text-error-message: #c51a11;
9
9
  --text-button-disabled: #c0ccd8;
10
- --text-reverse-primary: #ffffff;
10
+ --text-reverse-primary: #fff;
11
11
  --text-reverse-primary-button: var(--text-reverse-primary);
12
12
 
13
13
  // backgrounds
14
- --backgrounds-main: #ffffff;
14
+ --backgrounds-main: #fff;
15
15
  --backgrounds-content-0: #f9fafb;
16
16
  --backgrounds-content-1: #f2f5f7;
17
17
  --backgrounds-content-2: #d9e1e8;
@@ -36,28 +36,22 @@
36
36
  --action-primary--default: #0078d3;
37
37
  --action-primary--hover: #005aa8;
38
38
  --action-primary--active: #004080;
39
-
40
39
  --action-secondary--default: #4e677e;
41
40
  --action-secondary--hover: #3e5265;
42
41
  --action-secondary--active: #2f3d4c;
43
-
44
42
  --action-destructive--default: #c51a11;
45
43
  --action-destructive--hover: #b11810;
46
44
  --action-destructive--active: #a01f0e;
47
-
48
45
  --action-tertiary--hover: #e6ebef;
49
46
  --action-tertiary--active: #3e5265;
50
47
 
51
48
  // accents
52
49
  --accents-warning--main: #fef7ed;
53
50
  --accents-warning--detail: #59480d;
54
-
55
51
  --accents-error--main: #ffeceb;
56
52
  --accents-error--detail: #a01f0e;
57
-
58
53
  --accents-success--main: #edfef2;
59
54
  --accents-success--detail: #2b6436;
60
-
61
55
  --accents-general--main: #ebf6ff;
62
56
  --accents-general--detail: #25477b;
63
57
 
@@ -65,13 +59,11 @@
65
59
  --chart-sequential-green-1: #4aa75e;
66
60
  --chart-divergent-red-blue-3: #b72931;
67
61
  --chart-sequential-blue-5: #0c74c3;
68
-
69
62
  --duty-status-workday: #faad41;
70
63
  --duty-status-cycle: #c0c1c6;
71
64
  --duty-status-rest: #fe6867;
72
65
  --duty-status-drive: #49c649;
73
66
  --duty-status-exemption: #4e677e;
74
-
75
67
  --data--categorical-light-blue: #3ccde5;
76
68
  --data--categorical-blue: #428aff;
77
69
  --data--categorical-purple: #8256e5;
@@ -84,7 +76,7 @@
84
76
 
85
77
  .zen-dark {
86
78
  // text
87
- --text-primary: #ffffff;
79
+ --text-primary: #fff;
88
80
  --text-secondary: #c0ccd8;
89
81
  --text-placeholder: #a6b8c9;
90
82
  --text-hyperlink: #ebf6ff;
@@ -104,7 +96,7 @@
104
96
  --backgrounds-overlay: rgba(31, 40, 51, 0.4);
105
97
  --backgrounds-primary-brand: #4cb2ff;
106
98
  --backgrounds-reverse-2: #5282cb;
107
- --backgrounds-reverse-1: #ffffff;
99
+ --backgrounds-reverse-1: #fff;
108
100
  --backgrounds-reverse-0: #f2f5f7;
109
101
 
110
102
  // borders
@@ -119,28 +111,22 @@
119
111
  --action-primary--default: #4cb2ff;
120
112
  --action-primary--hover: #9ed5ff;
121
113
  --action-primary--active: #ebf6ff;
122
-
123
114
  --action-secondary--default: #e6ebef;
124
115
  --action-secondary--hover: #f2f5f7;
125
116
  --action-secondary--active: #f9fafb;
126
-
127
117
  --action-destructive--default: #f7a1a2;
128
118
  --action-destructive--hover: #fac7c7;
129
119
  --action-destructive--active: #ffeceb;
130
-
131
120
  --action-tertiary--hover: rgba(31, 40, 51, 0.07);
132
121
  --action-tertiary--active: rgba(31, 40, 51, 0.14);
133
122
 
134
123
  // accents
135
124
  --accents-warning--main: #a17a18;
136
125
  --accents-warning--detail: #fef7ed;
137
-
138
126
  --accents-error--main: #c51a11;
139
127
  --accents-error--detail: #ffeceb;
140
-
141
128
  --accents-success--main: #46af55;
142
129
  --accents-success--detail: #edfef2;
143
-
144
130
  --accents-general--main: #396dbc;
145
131
  --accents-general--detail: #eff4fa;
146
132
 
@@ -148,7 +134,6 @@
148
134
  --chart-sequential-green-1: #4aa75e;
149
135
  --chart-divergent-red-blue-3: #b72931;
150
136
  --chart-sequential-blue-5: #0c74c3;
151
-
152
137
  --duty-status-workday: #59480d;
153
138
  --duty-status-cycle: #3e5265;
154
139
  --duty-status-rest: #a01f0e;
@@ -36,6 +36,7 @@
36
36
  padding: (2 / @rem) (8 / @rem);
37
37
  display: flex;
38
38
  justify-content: flex-end;
39
+
39
40
  .zen-columns-list__reset:focus {
40
41
  outline: none;
41
42
  border: 1px solid var(--borders-form-field--active);
@@ -9,7 +9,6 @@
9
9
  @rem: 16rem;
10
10
 
11
11
  @import "typography/typography.less";
12
-
13
12
  @import "colors/colors.less";
14
13
  @import "caption/caption.less";
15
14
  @import "ellipsis.less";
@@ -39,7 +38,6 @@
39
38
  }
40
39
 
41
40
  .zen-visually-hidden {
42
- clip: rect(0 0 0 0);
43
41
  clip-path: inset(50%);
44
42
  height: 1px;
45
43
  overflow: hidden;
@@ -51,6 +49,7 @@
51
49
  // Styles reset
52
50
  .box-sizing() {
53
51
  box-sizing: border-box;
52
+
54
53
  * {
55
54
  box-sizing: border-box;
56
55
  }
@@ -2,5 +2,5 @@
2
2
  overflow: hidden;
3
3
  text-overflow: ellipsis;
4
4
  white-space: nowrap;
5
- word-wrap: normal;
5
+ overflow-wrap: normal;
6
6
  }
@@ -1,5 +1,5 @@
1
1
  @font-face {
2
- font-family: "Roboto";
2
+ font-family: Roboto;
3
3
  font-style: normal;
4
4
  font-weight: 300;
5
5
  src:
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  @font-face {
11
- font-family: "Roboto";
11
+ font-family: Roboto;
12
12
  font-style: normal;
13
13
  font-weight: 400;
14
14
  src:
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  @font-face {
20
- font-family: "Roboto";
20
+ font-family: Roboto;
21
21
  font-style: normal;
22
22
  font-weight: 500;
23
23
  src:
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  @font-face {
29
- font-family: "Roboto";
29
+ font-family: Roboto;
30
30
  font-style: normal;
31
31
  font-weight: 700;
32
32
  src:
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  @font-face {
38
- font-family: "Roboto";
38
+ font-family: Roboto;
39
39
  font-style: italic;
40
40
  font-weight: 300;
41
41
  src:
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  @font-face {
47
- font-family: "Roboto";
47
+ font-family: Roboto;
48
48
  font-style: italic;
49
49
  font-weight: 400;
50
50
  src:
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  @font-face {
56
- font-family: "Roboto";
56
+ font-family: Roboto;
57
57
  font-style: italic;
58
58
  font-weight: 700;
59
59
  src:
@@ -7,7 +7,7 @@
7
7
  cursor: pointer;
8
8
  background: none;
9
9
  border: none;
10
- word-wrap: break-word;
10
+ overflow-wrap: break-word;
11
11
 
12
12
  &:hover,
13
13
  &:focus,
@@ -1,8 +1,4 @@
1
1
  .zen-not-selectable {
2
2
  -webkit-touch-callout: none;
3
- -webkit-user-select: none;
4
- -khtml-user-select: none;
5
- -moz-user-select: none;
6
- -ms-user-select: none;
7
3
  user-select: none;
8
4
  }