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

package/dist/groupsFilterRaw/groupsFilterInitialState.js

@@ -1,29 +1,277 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.GroupsFilterInitialState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const toggleButton_1 = require("../toggleButton/toggleButton");
 const groupsFilterCommon_1 = require("./groupsFilterCommon");
+injectString("cs", "View currently selected filters", "Zobrazit aktu\xE1ln\u011B vybran\xE9 filtry");
+injectString("da-DK", "View currently selected filters", "Se aktuelt valgte filtre");
+injectString("de", "View currently selected filters", "Aktuell ausgew\xE4hlte Filter ansehen");
+injectString("en", "View currently selected filters", "View currently selected filters");
+injectString("es", "View currently selected filters", "Ver filtros seleccionados actualmente");
+injectString("fi-FI", "View currently selected filters", "N\xE4yt\xE4 nyt k\xE4yt\xF6ss\xE4 olevat suodattimet");
+injectString("fr", "View currently selected filters", "Afficher les filtres actuellement s\xE9lectionn\xE9s");
+injectString("fr-FR", "View currently selected filters", "Voir les filtres actuellement s\xE9lectionn\xE9s");
+injectString("hu-HU", "View currently selected filters", "N\xE9zd meg, mely sz\u0171r\u0151k vannak \xE9ppen kiv\xE1lasztva.");
+injectString("id", "View currently selected filters", "Lihat filter yang dipilih saat ini");
+injectString("it", "View currently selected filters", "Visualizzare i filtri attualmente selezionati");
+injectString("ja", "View currently selected filters", "\u73FE\u5728\u9078\u629E\u4E2D\u306E\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u8868\u793A");
+injectString("ko-KR", "View currently selected filters", "\uD604\uC7AC \uC120\uD0DD\uB41C \uD544\uD130 \uBCF4\uAE30");
+injectString("ms", "View currently selected filters", "Lihat penyaring semasa yang dipilih");
+injectString("nb-NO", "View currently selected filters", "Se gjeldende valgte filtre");
+injectString("nl", "View currently selected filters", "Momenteel geselecteerde filters weergeven");
+injectString("pl", "View currently selected filters", "Wy\u015Bwietl obecnie wybrane filtry");
+injectString("pt-BR", "View currently selected filters", "Visualizar filtros atualmente selecionados");
+injectString("sk-SK", "View currently selected filters", "Zobraz aktu\xE1lne vybran\xE9 filtre.");
+injectString("sv", "View currently selected filters", "Visa valda filter");
+injectString("th", "View currently selected filters", "\u0E14\u0E39\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49");
+injectString("tr", "View currently selected filters", "\u015Eu anda se\xE7ili filtreleri g\xF6r\xFCnt\xFCle");
+injectString("zh-Hans", "View currently selected filters", "\u67E5\u770B\u5F53\u524D\u9009\u4E2D\u7684\u7B5B\u9009\u5668");
+injectString("zh-TW", "View currently selected filters", "\u6AA2\u8996\u76EE\u524D\u9078\u53D6\u7684\u7BE9\u9078\u689D\u4EF6");
+injectString("cs", "Number of selected groups - {count}", "Po\u010Det vybran\xFDch skupin\xA0\u2013 {\u200Bcount}");
+injectString("da-DK", "Number of selected groups - {count}", "Antal valgte grupper - {count}");
+injectString("de", "Number of selected groups - {count}", "Anzahl ausgew\xE4hlter Gruppen \u2013 {\u200Bcount}");
+injectString("en", "Number of selected groups - {count}", "Number of selected groups - {count}");
+injectString("es", "Number of selected groups - {count}", "Cantidad de grupos seleccionados: {count}");
+injectString("fi-FI", "Number of selected groups - {count}", "Valittujen ryhmien m\xE4\xE4r\xE4 - {count}");
+injectString("fr", "Number of selected groups - {count}", "Nombre de groupes s\xE9lectionn\xE9s\xA0\u2013 {\u200Bcount}");
+injectString("fr-FR", "Number of selected groups - {count}", "Nombre de groupes s\xE9lectionn\xE9s - {count}");
+injectString("hu-HU", "Number of selected groups - {count}", "Kiv\xE1lasztott csoportok sz\xE1ma: {count}.");
+injectString("id", "Number of selected groups - {count}", "Jumlah kelompok yang dipilih - {\u200Bcount}");
+injectString("it", "Number of selected groups - {count}", "Numero di gruppi selezionati: {count}");
+injectString("ja", "Number of selected groups - {count}", "\u9078\u629E\u3057\u305F\u30B0\u30EB\u30FC\u30D7\u306E\u6570 - {count}");
+injectString("ko-KR", "Number of selected groups - {count}", "\uC120\uD0DD\uD55C \uADF8\uB8F9 \uC218 - {count}");
+injectString("ms", "Number of selected groups - {count}", "Bilangan kumpulan yang dipilih - {count}");
+injectString("nb-NO", "Number of selected groups - {count}", "Antall valgte grupper - {count}");
+injectString("nl", "Number of selected groups - {count}", "Aantal geselecteerde groepen - {\u200Bcount}");
+injectString("pl", "Number of selected groups - {count}", "Liczba wybranych grup: {\u200Bcount}");
+injectString("pt-BR", "Number of selected groups - {count}", "N\xFAmero de grupos selecionados - {count}");
+injectString("sk-SK", "Number of selected groups - {count}", "Po\u010Det vybran\xFDch skup\xEDn - {count}");
+injectString("sv", "Number of selected groups - {count}", "Antal valda grupper: {count}");
+injectString("th", "Number of selected groups - {count}", "\u0E08\u0E33\u0E19\u0E27\u0E19\u0E01\u0E25\u0E38\u0E48\u0E21\u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01 - {count}");
+injectString("tr", "Number of selected groups - {count}", "Se\xE7ilen grup say\u0131s\u0131 - {count}");
+injectString("zh-Hans", "Number of selected groups - {count}", "\u9009\u4E2D\u7684\u7EC4\u6570\u91CF - {count}");
+injectString("zh-TW", "Number of selected groups - {count}", "\u6240\u9078\u7FA4\u7D44\u7684\u6578\u76EE - {count}");
+injectString("cs", "All groups selected", "Jsou vybr\xE1ny v\u0161echny skupiny");
+injectString("da-DK", "All groups selected", "Alle grupper valgt");
+injectString("de", "All groups selected", "Alle Gruppen ausgew\xE4hlt");
+injectString("en", "All groups selected", "All groups selected");
+injectString("es", "All groups selected", "Todos los grupos seleccionados");
+injectString("fi-FI", "All groups selected", "Kaikki ryhm\xE4t on valittu");
+injectString("fr", "All groups selected", "Tous les groupes s\xE9lectionn\xE9s");
+injectString("fr-FR", "All groups selected", "Tous les groupes s\xE9lectionn\xE9s");
+injectString("hu-HU", "All groups selected", "Minden csoport ki van v\xE1lasztva.");
+injectString("id", "All groups selected", "Semua grup dipilih");
+injectString("it", "All groups selected", "Tutti i gruppi selezionati");
+injectString("ja", "All groups selected", "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u304C\u9078\u629E\u3057\u305F");
+injectString("ko-KR", "All groups selected", "\uBAA8\uB4E0 \uADF8\uB8F9\uC774 \uC120\uD0DD\uB428");
+injectString("ms", "All groups selected", "Semua kumpulan dipilih");
+injectString("nb-NO", "All groups selected", "Alle grupper valgt");
+injectString("nl", "All groups selected", "Alle groepen geselecteerd");
+injectString("pl", "All groups selected", "Wybrano wszystkie grupy");
+injectString("pt-BR", "All groups selected", "Todos os grupos selecionados");
+injectString("sk-SK", "All groups selected", "V\u0161etky vybran\xE9 skupiny");
+injectString("sv", "All groups selected", "Alla grupper valda");
+injectString("th", "All groups selected", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E01\u0E25\u0E38\u0E48\u0E21\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14\u0E41\u0E25\u0E49\u0E27");
+injectString("tr", "All groups selected", "T\xFCm gruplar se\xE7ildi");
+injectString("zh-Hans", "All groups selected", "\u5DF2\u9009\u62E9\u6240\u6709\u7EC4");
+injectString("zh-TW", "All groups selected", "\u5DF2\u9078\u53D6\u6240\u6709\u7FA4\u7D44");
+injectString("cs", "Apply site-wide", "Pou\u017E\xEDt pro cel\xFD web");
+injectString("da-DK", "Apply site-wide", "Anvend p\xE5 hele webstedet");
+injectString("de", "Apply site-wide", "Auf gesamter Seite anwenden");
+injectString("en", "Apply site-wide", "Apply site-wide");
+injectString("es", "Apply site-wide", "Aplicar en todo el sitio");
+injectString("fi-FI", "Apply site-wide", "K\xE4yt\xE4 koko sivustolla");
+injectString("fr", "Apply site-wide", "Appliquer \xE0 l\u2019\xE9chelle du site");
+injectString("fr-FR", "Apply site-wide", "Appliquer sur tout le site");
+injectString("hu-HU", "Apply site-wide", "Webhely szintj\xE9n alkalmazva");
+injectString("id", "Apply site-wide", "Terapkan untuk semua lokasi");
+injectString("it", "Apply site-wide", "Applicare in tutto il sito");
+injectString("ja", "Apply site-wide", "\u30B5\u30A4\u30C8\u5168\u4F53\u306B\u9069\u7528\u3059\u308B");
+injectString("ko-KR", "Apply site-wide", "\uC0AC\uC774\uD2B8 \uC804\uCCB4\uC5D0 \uC801\uC6A9");
+injectString("ms", "Apply site-wide", "Kenakan di seluruh laman");
+injectString("nb-NO", "Apply site-wide", "Bruk p\xE5 hele siden");
+injectString("nl", "Apply site-wide", "Voor volledige site toepassen");
+injectString("pl", "Apply site-wide", "Zastosuj na ca\u0142ej stronie");
+injectString("pt-BR", "Apply site-wide", "Aplicar em todo o site");
+injectString("sk-SK", "Apply site-wide", "Pou\u017Ei na celom webe.");
+injectString("sv", "Apply site-wide", "Anv\xE4nd p\xE5 hela webbplatsen");
+injectString("th", "Apply site-wide", "\u0E43\u0E0A\u0E49\u0E01\u0E31\u0E1A\u0E17\u0E31\u0E49\u0E07\u0E44\u0E0B\u0E15\u0E4C");
+injectString("tr", "Apply site-wide", "Site genelinde uygula");
+injectString("zh-Hans", "Apply site-wide", "\u5728\u6574\u4E2A\u7AD9\u70B9\u5E94\u7528");
+injectString("zh-TW", "Apply site-wide", "\u5957\u7528\u81F3\u6574\u500B\u7DB2\u7AD9");
+injectString("cs", "Advanced groups filter", "Roz\u0161\xED\u0159en\xFD filtr skupin");
+injectString("da-DK", "Advanced groups filter", "Avanceret grupperfilter");
+injectString("de", "Advanced groups filter", "Erweiterte Gruppenfilter");
+injectString("en", "Advanced groups filter", "Advanced groups filter");
+injectString("es", "Advanced groups filter", "Filtro de grupos avanzado");
+injectString("fi-FI", "Advanced groups filter", "Kehittynyt ryhm\xE4suodatin");
+injectString("fr", "Advanced groups filter", "Filtre de groupes avanc\xE9");
+injectString("fr-FR", "Advanced groups filter", "Filtre avanc\xE9 des groupes");
+injectString("hu-HU", "Advanced groups filter", "Halad\xF3 csoportsz\u0171r\xE9s");
+injectString("id", "Advanced groups filter", "Filter grup lanjutan");
+injectString("it", "Advanced groups filter", "Filtro gruppi avanzato");
+injectString("ja", "Advanced groups filter", "\u9AD8\u5EA6\u306A\u30B0\u30EB\u30FC\u30D7\u30D5\u30A3\u30EB\u30BF\u30FC");
+injectString("ko-KR", "Advanced groups filter", "\uACE0\uAE09 \uADF8\uB8F9 \uD544\uD130");
+injectString("ms", "Advanced groups filter", "Penyaring kumpulan lanjutan");
+injectString("nb-NO", "Advanced groups filter", "Avanserte grupperfilter.");
+injectString("nl", "Advanced groups filter", "Geavanceerde groepenfilter");
+injectString("pl", "Advanced groups filter", "Zaawansowane filtry dla grup");
+injectString("pt-BR", "Advanced groups filter", "Filtro avan\xE7ado de grupos");
+injectString("sk-SK", "Advanced groups filter", "Pokro\u010Dil\xFD filter skup\xEDn.");
+injectString("sv", "Advanced groups filter", "Avancerade gruppfilter");
+injectString("th", "Advanced groups filter", "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E02\u0E31\u0E49\u0E19\u0E2A\u0E39\u0E07");
+injectString("tr", "Advanced groups filter", "Geli\u015Fmi\u015F grup filtresi");
+injectString("zh-Hans", "Advanced groups filter", "\u9AD8\u7EA7\u7EC4\u7B5B\u9009\u5668");
+injectString("zh-TW", "Advanced groups filter", "\u9032\u968E\u7FA4\u7D44\u7BE9\u9078");
+injectString("cs", "Advanced", "Roz\u0161\xED\u0159en\xFD");
+injectString("da-DK", "Advanced", "Avanceret");
+injectString("de", "Advanced", "Erweitert");
+injectString("en", "Advanced", "Advanced");
+injectString("es", "Advanced", "Avanzado");
+injectString("fi-FI", "Advanced", "Kehittynyt");
+injectString("fr", "Advanced", "Avanc\xE9");
+injectString("fr-FR", "Advanced", "Avanc\xE9");
+injectString("hu-HU", "Advanced", "Speci\xE1lis");
+injectString("id", "Advanced", "Tingkat Lanjut");
+injectString("it", "Advanced", "Avanzato");
+injectString("ja", "Advanced", "\u30A2\u30C9\u30D0\u30F3\u30B9");
+injectString("ko-KR", "Advanced", "\uACE0\uAE09");
+injectString("ms", "Advanced", "Lanjutan");
+injectString("nb-NO", "Advanced", "Avansert");
+injectString("nl", "Advanced", "Geavanceerd");
+injectString("pl", "Advanced", "Zaawansowane");
+injectString("pt-BR", "Advanced", "Avan\xE7ado");
+injectString("sk-SK", "Advanced", "Pokro\u010Dil\xE9");
+injectString("sv", "Advanced", "Avancerat");
+injectString("th", "Advanced", "\u0E02\u0E31\u0E49\u0E19\u0E2A\u0E39\u0E07");
+injectString("tr", "Advanced", "Geli\u015Fmi\u015F");
+injectString("zh-Hans", "Advanced", "\u9AD8\u7EA7");
+injectString("zh-TW", "Advanced", "\u9032\u968E");
+injectString("cs", "Select Filters:", "Vybran\xE9 filtry:");
+injectString("da-DK", "Select Filters:", "V\xE6lg filtre:");
+injectString("de", "Select Filters:", "Filter ausw\xE4hlen:");
+injectString("en", "Select Filters:", "Select Filters:");
+injectString("es", "Select Filters:", "Filtros seleccionados:");
+injectString("fi-FI", "Select Filters:", "Valitse Suodattimet:");
+injectString("fr", "Select Filters:", "Filtres s\xE9lectionn\xE9s\xA0:");
+injectString("fr-FR", "Select Filters:", "Filtres s\xE9lectionn\xE9s :");
+injectString("hu-HU", "Select Filters:", "V\xE1laszd ki a sz\u0171r\u0151ket:");
+injectString("id", "Select Filters:", "Filter yang Dipilih:");
+injectString("it", "Select Filters:", "Filtri selezionati:");
+injectString("ja", "Select Filters:", "\u9078\u629E\u3055\u308C\u305F\u30D5\u30A3\u30EB\u30BF\u30FC\uFF1A");
+injectString("ko-KR", "Select Filters:", "\uD544\uD130 \uC120\uD0DD:");
+injectString("ms", "Select Filters:", "Pilih Penyaring:");
+injectString("nb-NO", "Select Filters:", "Velg filtre:");
+injectString("nl", "Select Filters:", "Geselecteerde filters:");
+injectString("pl", "Select Filters:", "Wybrane filtry:");
+injectString("pt-BR", "Select Filters:", "Filtros selecionados:");
+injectString("sk-SK", "Select Filters:", "Vyber filtre:");
+injectString("sv", "Select Filters:", "Valda filter:");
+injectString("th", "Select Filters:", "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01:");
+injectString("tr", "Select Filters:", "Se\xE7ili Filtreler:");
+injectString("zh-Hans", "Select Filters:", "\u9009\u4E2D\u7684\u7B5B\u9009\u5668\uFF1A");
+injectString("zh-TW", "Select Filters:", "\u9078\u64C7\u7BE9\u9078\u689D\u4EF6\uFF1A");
+injectString("da-DK", "Results", "Resultater");
+injectString("en", "Results", "Results");
+injectString("fi-FI", "Results", "Tulokset");
+injectString("hu-HU", "Results", "Eredm\xE9nyek");
+injectString("ko-KR", "Results", "\uACB0\uACFC");
+injectString("nb-NO", "Results", "Resultater");
+injectString("sk-SK", "Results", "V\xFDsledky");
+injectString("zh-TW", "Results", "\u7D50\u679C");
 const iconGlobe_1 = require("../icons/deprecated/iconGlobe");
 const iconOrgFilter_1 = require("../icons/deprecated/iconOrgFilter");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-const GroupsFilterInitialState = ({ children, siteWideState, searchResult, count, onCurrentlySelectedClick, onSiteWideChange, onDialogButtonClick }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const togglerId = (0, react_1.useId)();
-    const handleTogglerChange = (newState) => onSiteWideChange(newState);
-    const currentlySelectedAriaLabel = translate("View currently selected filters").concat(". ").concat(count ? translate("Number of selected groups - {count}").replace("{count}", count.toString()) : translate("All groups selected"));
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__content-initial", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__item-wrapper", children: [(0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { onChange: handleTogglerChange, id: togglerId, checked: siteWideState, isReverted: true, className: "zen-groups-filter-menu__item zen-groups-filter-menu__advanced-neighbor", title: translate("Apply site-wide"), children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__toggle-label zen-ellipsis", children: [(0, jsx_runtime_1.jsx)(iconGlobe_1.IconGlobe, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), (0, jsx_runtime_1.jsx)("span", { className: "zen-groups-filter__label-element", children: translate("Apply site-wide") })] }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onDialogButtonClick, className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__item--end zen-groups-filter-menu__advanced-button", title: translate("Advanced groups filter"), "aria-label": translate("Advanced groups filter"), children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(iconOrgFilter_1.IconOrgFilter, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), (0, jsx_runtime_1.jsx)("span", { className: "body-02-short zen-ellipsis", children: translate("Advanced") })] }) })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onCurrentlySelectedClick, className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected-button", title: translate("View currently selected filters"), "aria-label": currentlySelectedAriaLabel, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(groupsFilterCommon_1.GroupsFilterCurrentlySelectedLabel, { count: count }), (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--stretched", children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-groups-filter-menu__select-filters body-02-short", children: translate("Select Filters:") }), (0, jsx_runtime_1.jsx)("span", { className: "zen-groups-filter-menu__additional-info--faded zen-groups-filter-menu__filter-count", children: searchResult ? `${searchResult} ${translate("Results")}` : "" })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__separator" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__groups-box", children: children })] });
+const toggleButtonRaw_1 = require("../toggleButtonRaw/toggleButtonRaw");
+const GroupsFilterInitialState = ({
+  children,
+  siteWideState,
+  searchResult,
+  count,
+  onCurrentlySelectedClick,
+  onSiteWideChange,
+  onDialogButtonClick
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const togglerId = (0, react_1.useId)();
+  const handleTogglerChange = newState => onSiteWideChange(newState);
+  const currentlySelectedAriaLabel = translate("View currently selected filters").concat(". ").concat(count ? translate("Number of selected groups - {count}").replace("{count}", count.toString()) : translate("All groups selected"));
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-groups-filter-menu__content-initial",
+    children: [(0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-groups-filter-menu__item-wrapper",
+      children: [(0, jsx_runtime_1.jsx)(toggleButtonRaw_1.ToggleButtonRaw, {
+        onChange: handleTogglerChange,
+        id: togglerId,
+        value: siteWideState,
+        isReverted: true,
+        className: "zen-groups-filter-menu__item zen-groups-filter-menu__advanced-neighbor",
+        title: translate("Apply site-wide"),
+        children: (0, jsx_runtime_1.jsxs)("div", {
+          className: "zen-groups-filter-menu__toggle-label zen-ellipsis",
+          children: [(0, jsx_runtime_1.jsx)(iconGlobe_1.IconGlobe, {
+            className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+            size: "large"
+          }), (0, jsx_runtime_1.jsx)("span", {
+            className: "zen-groups-filter__label-element",
+            children: translate("Apply site-wide")
+          })]
+        })
+      }), (0, jsx_runtime_1.jsx)("button", {
+        type: "button",
+        onClick: onDialogButtonClick,
+        className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__item--end zen-groups-filter-menu__advanced-button",
+        title: translate("Advanced groups filter"),
+        "aria-label": translate("Advanced groups filter"),
+        children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+          children: [(0, jsx_runtime_1.jsx)(iconOrgFilter_1.IconOrgFilter, {
+            className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+            size: "large"
+          }), (0, jsx_runtime_1.jsx)("span", {
+            className: "body-02-short zen-ellipsis",
+            children: translate("Advanced")
+          })]
+        })
+      })]
+    }), (0, jsx_runtime_1.jsx)("button", {
+      type: "button",
+      onClick: onCurrentlySelectedClick,
+      className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected-button",
+      title: translate("View currently selected filters"),
+      "aria-label": currentlySelectedAriaLabel,
+      children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [(0, jsx_runtime_1.jsx)(groupsFilterCommon_1.GroupsFilterCurrentlySelectedLabel, {
+          count: count
+        }), (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
+          size: "large"
+        })]
+      })
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--stretched",
+      children: [(0, jsx_runtime_1.jsx)("span", {
+        className: "zen-groups-filter-menu__select-filters body-02-short",
+        children: translate("Select Filters:")
+      }), (0, jsx_runtime_1.jsx)("span", {
+        className: "zen-groups-filter-menu__additional-info--faded zen-groups-filter-menu__filter-count",
+        children: searchResult ? `${searchResult} ${translate("Results")}` : ""
+      })]
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__separator"
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__groups-box",
+      children: children
+    })]
+  });
 };
 exports.GroupsFilterInitialState = GroupsFilterInitialState;
-exports.TRANSLATIONS = [
-    "Apply site-wide",
-    "Advanced groups filter",
-    "Advanced",
-    "View currently selected filters",
-    "All groups selected",
-    "Number of selected groups - {count}",
-    "Select Filters:",
-    "Results"
-];
+exports.TRANSLATIONS = ["Apply site-wide", "Advanced groups filter", "Advanced", "View currently selected filters", "All groups selected", "Number of selected groups - {count}", "Select Filters:", "Results"];

package/dist/groupsFilterRaw/groupsFilterMenu.js

@@ -1,17 +1,132 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.GroupsFilterMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const button_1 = require("../button/button");
 const buttonType_1 = require("../button/buttonType");
+injectString("cs", "Clear", "Vymazat");
+injectString("da-DK", "Clear", "Ryd");
+injectString("de", "Clear", "L\xF6schen");
+injectString("en", "Clear", "Clear");
+injectString("es", "Clear", "Borrar");
+injectString("fi-FI", "Clear", "Tyhjenn\xE4");
+injectString("fr", "Clear", "Effacer");
+injectString("fr-FR", "Clear", "Effacer");
+injectString("hu-HU", "Clear", "T\xF6r\xF6ld.");
+injectString("id", "Clear", "Hapus");
+injectString("it", "Clear", "Cancella");
+injectString("ja", "Clear", "\u30AF\u30EA\u30A2");
+injectString("ko-KR", "Clear", "\uC9C0\uC6B0\uAE30");
+injectString("ms", "Clear", "Kosongkan");
+injectString("nb-NO", "Clear", "T\xF8m");
+injectString("nl", "Clear", "Wissen");
+injectString("pl", "Clear", "Wyczy\u015B\u0107");
+injectString("pt-BR", "Clear", "Limpar");
+injectString("sk-SK", "Clear", "Vyma\u017E");
+injectString("sv", "Clear", "Rensa");
+injectString("th", "Clear", "\u0E25\u0E49\u0E32\u0E07");
+injectString("tr", "Clear", "Temizle");
+injectString("zh-Hans", "Clear", "\u6E05\u9664");
+injectString("zh-TW", "Clear", "\u6E05\u9664");
+injectString("cs", "Cancel", "Zru\u0161it");
+injectString("da-DK", "Cancel", "Annuller");
+injectString("de", "Cancel", "Abbrechen");
+injectString("en", "Cancel", "Cancel");
+injectString("es", "Cancel", "Cancelar");
+injectString("fi-FI", "Cancel", "Peruuta");
+injectString("fr", "Cancel", "Annuler");
+injectString("fr-FR", "Cancel", "Annuler");
+injectString("hu-HU", "Cancel", "M\xE9gse");
+injectString("id", "Cancel", "Batalkan");
+injectString("it", "Cancel", "Annullare");
+injectString("ja", "Cancel", "\u30AD\u30E3\u30F3\u30BB\u30EB");
+injectString("ko-KR", "Cancel", "\uCDE8\uC18C");
+injectString("ms", "Cancel", "Batal");
+injectString("nb-NO", "Cancel", "Avbryt");
+injectString("nl", "Cancel", "Annuleren");
+injectString("pl", "Cancel", "Anuluj");
+injectString("pt-BR", "Cancel", "Cancelar");
+injectString("sk-SK", "Cancel", "Zru\u0161.");
+injectString("sv", "Cancel", "Avbryt");
+injectString("th", "Cancel", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01");
+injectString("tr", "Cancel", "\u0130ptal");
+injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
+injectString("zh-TW", "Cancel", "\u53D6\u6D88");
+injectString("cs", "Apply", "Pou\u017E\xEDt");
+injectString("da-DK", "Apply", "Anvend");
+injectString("de", "Apply", "Anwenden");
+injectString("en", "Apply", "Apply");
+injectString("es", "Apply", "Aplicar");
+injectString("fi-FI", "Apply", "K\xE4yt\xE4");
+injectString("fr", "Apply", "Appliquer");
+injectString("fr-FR", "Apply", "Appliquer");
+injectString("hu-HU", "Apply", "Alkalmazd.");
+injectString("id", "Apply", "Terapkan");
+injectString("it", "Apply", "Applicare");
+injectString("ja", "Apply", "\u9069\u7528");
+injectString("ko-KR", "Apply", "\uC801\uC6A9");
+injectString("ms", "Apply", "Gunakan");
+injectString("nb-NO", "Apply", "Bruk");
+injectString("nl", "Apply", "Toepassen");
+injectString("pl", "Apply", "Zastosuj");
+injectString("pt-BR", "Apply", "Aplicar");
+injectString("sk-SK", "Apply", "Pou\u017Ei");
+injectString("sv", "Apply", "Ans\xF6k");
+injectString("th", "Apply", "\u0E43\u0E0A\u0E49");
+injectString("tr", "Apply", "Uygula");
+injectString("zh-Hans", "Apply", "\u5E94\u7528");
+injectString("zh-TW", "Apply", "\u5957\u7528");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-const GroupsFilterMenu = ({ children, onCancelClick, onApplyClick, onResetClick, isApplyDisabled, hasFooter }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__main-container body-04", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__content", children: children }), hasFooter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__separator zen-groups-filter-menu__separator--footer" }) : null, hasFooter ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__footer", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onResetClick, type: buttonType_1.ButtonType.Tertiary, className: "zen-groups-filter-menu__reset-button zen-ellipsis", title: translate("Clear"), children: translate("Clear") }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__button-group", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onCancelClick, className: "zen-groups-filter-menu__cancel-button zen-ellipsis", title: translate("Cancel"), children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onApplyClick, type: buttonType_1.ButtonType.Primary, disabled: isApplyDisabled, className: "zen-groups-filter-menu__apply-button zen-ellipsis", title: translate("Apply"), children: translate("Apply") })] })] }) : null] });
+const GroupsFilterMenu = ({
+  children,
+  onCancelClick,
+  onApplyClick,
+  onResetClick,
+  isApplyDisabled,
+  hasFooter
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-groups-filter-menu__main-container body-04",
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__content",
+      children: children
+    }), hasFooter ? (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__separator zen-groups-filter-menu__separator--footer"
+    }) : null, hasFooter ? (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-groups-filter-menu__footer",
+      children: [(0, jsx_runtime_1.jsx)(button_1.Button, {
+        onClick: onResetClick,
+        type: buttonType_1.ButtonType.Tertiary,
+        className: "zen-groups-filter-menu__reset-button zen-ellipsis",
+        title: translate("Clear"),
+        children: translate("Clear")
+      }), (0, jsx_runtime_1.jsxs)("div", {
+        className: "zen-groups-filter-menu__button-group",
+        children: [(0, jsx_runtime_1.jsx)(button_1.Button, {
+          onClick: onCancelClick,
+          className: "zen-groups-filter-menu__cancel-button zen-ellipsis",
+          title: translate("Cancel"),
+          children: translate("Cancel")
+        }), (0, jsx_runtime_1.jsx)(button_1.Button, {
+          onClick: onApplyClick,
+          type: buttonType_1.ButtonType.Primary,
+          disabled: isApplyDisabled,
+          className: "zen-groups-filter-menu__apply-button zen-ellipsis",
+          title: translate("Apply"),
+          children: translate("Apply")
+        })]
+      })]
+    }) : null]
+  });
 };
 exports.GroupsFilterMenu = GroupsFilterMenu;
-exports.TRANSLATIONS = [
-    "Clear",
-    "Cancel",
-    "Apply"
-];
+exports.TRANSLATIONS = ["Clear", "Cancel", "Apply"];

package/dist/groupsFilterRaw/groupsFilterRaw.d.ts

@@ -31,6 +31,7 @@ export interface IGroupsFilterRaw extends IZenComponentProps, IChipsParent {
     * @param advancedDialog - will be removed in the next major release
     */
     advancedDialog?: IAdvancedEntitiesNavigatorDialog;
+    classNamePopup?: string;
 }
 export declare const GroupsFilterRaw: React.FC<TGroupsFilterRaw & IFormFieldComponent>;
 export declare const TRANSLATIONS: string[];