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

package/esm/groupsFilterRaw/groupsFilterBox.js

@@ -1,38 +1,138 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { FilterMenuStep } from "./groupsFilterInterfaces";
 import { createAdjustmentOptions, createCurrentlySelectedOptions, createInitialOptions } from "./groupsFilterStatesHelper";
 import { CheckboxListWithAction } from "../checkboxListWithAction/checkboxListWithAction";
 import { useLanguage } from "../utils/localization/useLanguage";
+injectString("cs", "Built-in Groups", "Vestav\u011Bn\xE9 skupiny");
+injectString("da-DK", "Built-in Groups", "Indbyggede grupper");
+injectString("de", "Built-in Groups", "Integrierte Gruppen");
+injectString("en", "Built-in Groups", "Built-in Groups");
+injectString("es", "Built-in Groups", "Grupos integrados");
+injectString("fi-FI", "Built-in Groups", "Sis\xE4\xE4nrakennetut ryhm\xE4t");
+injectString("fr", "Built-in Groups", "Groupes int\xE9gr\xE9s");
+injectString("fr-FR", "Built-in Groups", "Groupes int\xE9gr\xE9s");
+injectString("hu-HU", "Built-in Groups", "Be\xE9p\xEDtett csoportok");
+injectString("id", "Built-in Groups", "Grup Bawaan");
+injectString("it", "Built-in Groups", "Gruppi integrati");
+injectString("ja", "Built-in Groups", "\u30D3\u30EB\u30C8\u30A4\u30F3\u30B0\u30EB\u30FC\u30D7");
+injectString("ko-KR", "Built-in Groups", "\uAE30\uBCF8 \uC81C\uACF5 \uADF8\uB8F9");
+injectString("ms", "Built-in Groups", "Kumpulan Terbina Dalam");
+injectString("nb-NO", "Built-in Groups", "Innebygde grupper");
+injectString("nl", "Built-in Groups", "Ingebouwde groepen");
+injectString("pl", "Built-in Groups", "Wbudowane grupy");
+injectString("pt-BR", "Built-in Groups", "Grupos integrados");
+injectString("sk-SK", "Built-in Groups", "Vstavan\xE9 skupiny");
+injectString("sv", "Built-in Groups", "Inbyggda grupper");
+injectString("th", "Built-in Groups", "\u0E01\u0E25\u0E38\u0E48\u0E21\u0E43\u0E19\u0E15\u0E31\u0E27");
+injectString("tr", "Built-in Groups", "Yerle\u015Fik Gruplar");
+injectString("zh-Hans", "Built-in Groups", "\u5185\u7F6E\u7EC4");
+injectString("zh-TW", "Built-in Groups", "\u5167\u5EFA\u7FA4\u7D44");
+injectString("cs", "User Groups", "Skupiny u\u017Eivatel\u016F");
+injectString("da-DK", "User Groups", "Brugergrupper");
+injectString("de", "User Groups", "Benutzergruppen");
+injectString("en", "User Groups", "User Groups");
+injectString("es", "User Groups", "Grupos de usuarios");
+injectString("fi-FI", "User Groups", "K\xE4ytt\xE4j\xE4ryhm\xE4t");
+injectString("fr", "User Groups", "Groupes d\u2019utilisateurs");
+injectString("fr-FR", "User Groups", "Groupes d'utilisateurs");
+injectString("hu-HU", "User Groups", "Felhaszn\xE1l\xF3i csoportok");
+injectString("id", "User Groups", "Grup Pengguna");
+injectString("it", "User Groups", "Gruppi di utenti");
+injectString("ja", "User Groups", "\u30E6\u30FC\u30B6\u30FC\u30B0\u30EB\u30FC\u30D7");
+injectString("ko-KR", "User Groups", "\uC0AC\uC6A9\uC790 \uADF8\uB8F9");
+injectString("ms", "User Groups", "Kumpulan Pengguna");
+injectString("nb-NO", "User Groups", "Brukergrupper");
+injectString("nl", "User Groups", "Gebruikersgroepen");
+injectString("pl", "User Groups", "Grupa u\u017Cytkownik\xF3w");
+injectString("pt-BR", "User Groups", "Grupos de usu\xE1rios");
+injectString("sk-SK", "User Groups", "Skupiny pou\u017E\xEDvate\u013Eov");
+injectString("sv", "User Groups", "Anv\xE4ndargrupper");
+injectString("th", "User Groups", "\u0E01\u0E25\u0E38\u0E48\u0E21\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49");
+injectString("tr", "User Groups", "Kullan\u0131c\u0131 Gruplar\u0131");
+injectString("zh-Hans", "User Groups", "\u7528\u6237\u7EC4");
+injectString("zh-TW", "User Groups", "\u4F7F\u7528\u8005\u7FA4\u7D44");
+injectString("cs", "Advanced Filter", "Roz\u0161\xED\u0159en\xFD filtr");
+injectString("da-DK", "Advanced Filter", "Avanceret filter");
+injectString("de", "Advanced Filter", "Erweiterter Filter");
+injectString("en", "Advanced Filter", "Advanced Filter");
+injectString("es", "Advanced Filter", "Filtro avanzado");
+injectString("fi-FI", "Advanced Filter", "Kehittynyt suodatin");
+injectString("fr", "Advanced Filter", "Filtre avanc\xE9");
+injectString("fr-FR", "Advanced Filter", "Filtre avanc\xE9");
+injectString("hu-HU", "Advanced Filter", "Speci\xE1lis sz\u0171r\u0151");
+injectString("id", "Advanced Filter", "Filter Lanjutan");
+injectString("it", "Advanced Filter", "Filtro avanzato");
+injectString("ja", "Advanced Filter", "\u9AD8\u5EA6\u306A\u30D5\u30A3\u30EB\u30BF\u30FC");
+injectString("ko-KR", "Advanced Filter", "\uACE0\uAE09 \uD544\uD130");
+injectString("ms", "Advanced Filter", "Penyaring Lanjutan");
+injectString("nb-NO", "Advanced Filter", "Avansert filter");
+injectString("nl", "Advanced Filter", "Geavanceerd filter");
+injectString("pl", "Advanced Filter", "Zaawansowany filtr");
+injectString("pt-BR", "Advanced Filter", "Filtro avan\xE7ado");
+injectString("sk-SK", "Advanced Filter", "Pokro\u010Dil\xFD filter");
+injectString("sv", "Advanced Filter", "Avancerat filter");
+injectString("th", "Advanced Filter", "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E02\u0E31\u0E49\u0E19\u0E2A\u0E39\u0E07");
+injectString("tr", "Advanced Filter", "Geli\u015Fmi\u015F Filtre");
+injectString("zh-Hans", "Advanced Filter", "\u9AD8\u7EA7\u7B5B\u9009\u5668");
+injectString("zh-TW", "Advanced Filter", "\u9032\u968E\u7BE9\u9078");
 export const ADVANCED_FILTER_ID = "advancedGroups";
-export const GroupsFilterBox = ({ blocks, step, state, currentId, onChange, onClick, search, isWithColor, uncheckedItems, uncheckedAdvancedState, listLimit }) => {
-    const { translate } = useLanguage();
-    const labelMap = {
-        builtInGroups: "Built-in Groups",
-        userGroups: "User Groups",
-        advancedGroups: "Advanced Filter"
-    };
-    const handleAdvancedChange = (value) => onChange(Object.assign(Object.assign({}, value), { id: ADVANCED_FILTER_ID }));
-    const getGroupsMenuValue = (limit, value) => {
-        if (step === FilterMenuStep.Adjustment && value) {
-            return createAdjustmentOptions(state, isWithColor, limit, currentId, value);
-        }
-        if (step === FilterMenuStep.CurrentlySelected && value) {
-            const result = createCurrentlySelectedOptions(state, value, isWithColor, uncheckedItems, limit, uncheckedAdvancedState);
-            return result;
-        }
-        return createInitialOptions(state, limit, search, search ? undefined : value);
-    };
-    const createBlocks = (limit) => {
-        const groupsBlocks = blocks.map((val, ind) => {
-            const blockOptions = getGroupsMenuValue(limit, val);
-            return blockOptions && blockOptions.length ? _jsx(CheckboxListWithAction, { className: step === FilterMenuStep.Adjustment && ind !== blocks.length - 1 ? "zen-groups-filter-menu__groups-list--no-space" : "", options: blockOptions, label: step === FilterMenuStep.Adjustment ? "" : translate(labelMap[val]) || "", search: search ? [search] : undefined, onChange: val === "advancedGroups" ? handleAdvancedChange : onChange, onClick: onClick }, `step-${step}_block-${val}`) : null;
-        });
-        return groupsBlocks.filter(el => el);
-    };
-    return blocks.length ? _jsx(_Fragment, { children: createBlocks(listLimit) }) : _jsx(CheckboxListWithAction, { options: getGroupsMenuValue(listLimit), label: "", search: search ? [search] : undefined, onChange: onChange, onClick: onClick });
+export const GroupsFilterBox = ({
+  blocks,
+  step,
+  state,
+  currentId,
+  onChange,
+  onClick,
+  search,
+  isWithColor,
+  uncheckedItems,
+  uncheckedAdvancedState,
+  listLimit
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const labelMap = {
+    builtInGroups: translate("Built-in Groups"),
+    userGroups: translate("User Groups"),
+    advancedGroups: translate("Advanced Filter")
+  };
+  const handleAdvancedChange = value => onChange(Object.assign(Object.assign({}, value), {
+    id: ADVANCED_FILTER_ID
+  }));
+  const getGroupsMenuValue = (limit, value) => {
+    if (step === FilterMenuStep.Adjustment && value) {
+      return createAdjustmentOptions(state, isWithColor, limit, currentId, value);
+    }
+    if (step === FilterMenuStep.CurrentlySelected && value) {
+      const result = createCurrentlySelectedOptions(state, value, isWithColor, uncheckedItems, limit, uncheckedAdvancedState);
+      return result;
+    }
+    return createInitialOptions(state, limit, search, search ? undefined : value);
+  };
+  const createBlocks = limit => {
+    const groupsBlocks = blocks.map((val, ind) => {
+      const blockOptions = getGroupsMenuValue(limit, val);
+      return blockOptions && blockOptions.length ? _jsx(CheckboxListWithAction, {
+        className: step === FilterMenuStep.Adjustment && ind !== blocks.length - 1 ? "zen-groups-filter-menu__groups-list--no-space" : "",
+        options: blockOptions,
+        label: step === FilterMenuStep.Adjustment ? "" : labelMap[val] || "",
+        search: search ? [search] : undefined,
+        onChange: val === "advancedGroups" ? handleAdvancedChange : onChange,
+        onClick: onClick
+      }, `step-${step}_block-${val}`) : null;
+    });
+    return groupsBlocks.filter(el => el);
+  };
+  return blocks.length ? _jsx(_Fragment, {
+    children: createBlocks(listLimit)
+  }) : _jsx(CheckboxListWithAction, {
+    options: getGroupsMenuValue(listLimit),
+    label: "",
+    search: search ? [search] : undefined,
+    onChange: onChange,
+    onClick: onClick
+  });
 };
-export const TRANSLATIONS = [
-    "Built-in Groups",
-    "User Groups",
-    "Advanced Filter"
-];
+export const TRANSLATIONS = ["Built-in Groups", "User Groups", "Advanced Filter"];

package/esm/groupsFilterRaw/groupsFilterCommon.js

@@ -1,13 +1,75 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GroupsFilterCounter } from "./groupsFilterCounter";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { Pill } from "../pill/pill";
-export const GroupsFilterCurrentlySelectedLabel = ({ count, className }) => {
-    const { translate } = useLanguage();
-    return _jsxs("div", { "aria-hidden": "true", className: classNames(["zen-groups-filter-menu__action-label", className ? className : ""]), children: [_jsx("div", { className: "zen-groups-filter__label-element body-02-short", children: translate("Currently Selected") }), count ? _jsx(GroupsFilterCounter, { count: count }) : _jsx(Pill, { children: translate("All groups") })] });
+injectString("cs", "Currently Selected", "Aktu\xE1ln\u011B vybr\xE1no");
+injectString("da-DK", "Currently Selected", "Valgt i \xF8jeblikket");
+injectString("de", "Currently Selected", "Aktuell ausgew\xE4hlt");
+injectString("en", "Currently Selected", "Currently Selected");
+injectString("es", "Currently Selected", "Seleccionado actualmente");
+injectString("fi-FI", "Currently Selected", "Nyt valittu");
+injectString("fr", "Currently Selected", "Actuellement s\xE9lectionn\xE9(s)");
+injectString("fr-FR", "Currently Selected", "S\xE9lection actuelle");
+injectString("hu-HU", "Currently Selected", "Jelenleg kiv\xE1lasztott");
+injectString("id", "Currently Selected", "Dipilih Saat Ini");
+injectString("it", "Currently Selected", "Attualmente selezionato");
+injectString("ja", "Currently Selected", "\u73FE\u5728\u9078\u629E\u4E2D");
+injectString("ko-KR", "Currently Selected", "\uD604\uC7AC \uC120\uD0DD\uB428");
+injectString("ms", "Currently Selected", "Dipilih Buat Masa Ini");
+injectString("nb-NO", "Currently Selected", "For tiden valgt");
+injectString("nl", "Currently Selected", "Momenteel geselecteerd");
+injectString("pl", "Currently Selected", "Obecnie wybrane");
+injectString("pt-BR", "Currently Selected", "Atualmente selecionado");
+injectString("sk-SK", "Currently Selected", "Aktu\xE1lne vybran\xE9");
+injectString("sv", "Currently Selected", "Aktuellet val");
+injectString("th", "Currently Selected", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49");
+injectString("tr", "Currently Selected", "\u015Eu Anda Se\xE7ili");
+injectString("zh-Hans", "Currently Selected", "\u5F53\u524D\u9009\u62E9");
+injectString("zh-TW", "Currently Selected", "\u76EE\u524D\u5DF2\u9078\u53D6");
+injectString("cs", "All groups", "V\u0161echny skupiny");
+injectString("da-DK", "All groups", "Alle grupper");
+injectString("de", "All groups", "Alle Gruppen");
+injectString("en", "All groups", "All groups");
+injectString("es", "All groups", "Todos los grupos");
+injectString("fi-FI", "All groups", "Kaikki ryhm\xE4t");
+injectString("fr", "All groups", "Tous les groupes");
+injectString("fr-FR", "All groups", "Tous les groupes");
+injectString("hu-HU", "All groups", "Minden csoport");
+injectString("id", "All groups", "Semua grup");
+injectString("it", "All groups", "Tutti i gruppi");
+injectString("ja", "All groups", "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7");
+injectString("ko-KR", "All groups", "\uBAA8\uB4E0 \uADF8\uB8F9");
+injectString("ms", "All groups", "Semua kumpulan");
+injectString("nb-NO", "All groups", "Alle grupper");
+injectString("nl", "All groups", "Alle groepen");
+injectString("pl", "All groups", "Wszystkie grupy");
+injectString("pt-BR", "All groups", "Todos os grupos");
+injectString("sk-SK", "All groups", "V\u0161etky skupiny");
+injectString("sv", "All groups", "Alla grupper");
+injectString("th", "All groups", "\u0E01\u0E25\u0E38\u0E48\u0E21\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "All groups", "T\xFCm gruplar");
+injectString("zh-Hans", "All groups", "\u6240\u6709\u7EC4");
+injectString("zh-TW", "All groups", "\u6240\u6709\u7FA4\u7D44");
+export const GroupsFilterCurrentlySelectedLabel = ({
+  count,
+  className
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  return _jsxs("div", {
+    "aria-hidden": "true",
+    className: classNames(["zen-groups-filter-menu__action-label", className ? className : ""]),
+    children: [_jsx("div", {
+      className: "zen-groups-filter__label-element body-02-short",
+      children: translate("Currently Selected")
+    }), count ? _jsx(GroupsFilterCounter, {
+      count: count
+    }) : _jsx(Pill, {
+      children: translate("All groups")
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Currently Selected",
-    "All groups"
-];
+export const TRANSLATIONS = ["Currently Selected", "All groups"];

package/esm/groupsFilterRaw/groupsFilterCurrentlySelectedState.js

@@ -1,33 +1,187 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, useId } from "react";
-import { ToggleButton } from "../toggleButton/toggleButton";
 import { GroupsFilterCurrentlySelectedLabel } from "./groupsFilterCommon";
 import { RelationOperator } from "./groupsFilterInterfaces";
 import { TwoOptionsSwitcher } from "../twoOptionsSwitcher/twoOptionsSwitcher";
 import { IconGlobe } from "../icons/deprecated/iconGlobe";
 import { IconBackArrow } from "../icons/deprecated/iconBackArrow";
 import { useLanguage } from "../utils/localization/useLanguage";
-export const GroupsFilterCurrentlySelectedState = ({ children, siteWideState, relation, count, onBackButtonClick, onSiteWideChange, onRelationChange }) => {
-    const { translate } = useLanguage();
-    const togglerId = useId();
-    const getActionButton = (label, title, icon, handleClick) => _jsx("button", { type: "button", onClick: handleClick, className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__action-button-back", title: title, children: _jsxs(_Fragment, { children: [createElement(icon, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), _jsx("div", { className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short", children: label })] }) });
-    const handleTogglerChange = (checked) => onSiteWideChange(checked);
-    const handleRelationChange = (newState) => {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
-        onRelationChange(newState === RelationOperator.AND ? RelationOperator.AND : RelationOperator.OR);
-    };
-    return _jsxs("div", { className: "zen-groups-filter-menu__content-selected", children: [getActionButton(translate("Back"), translate("Back"), IconBackArrow, onBackButtonClick), _jsx("div", { className: "zen-groups-filter-menu__item-wrapper", children: _jsx(ToggleButton, { onChange: handleTogglerChange, id: togglerId, checked: siteWideState, isReverted: true, className: "zen-groups-filter-menu__item", title: translate("Apply site-wide"), children: _jsxs("div", { className: "zen-groups-filter-menu__toggle-label zen-ellipsis", children: [_jsx(IconGlobe, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), _jsx("span", { className: "zen-groups-filter__label-element", children: translate("Apply site-wide") })] }) }) }), _jsxs("div", { className: "zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected", children: [_jsx(GroupsFilterCurrentlySelectedLabel, { className: "zen-groups-filter__label-element--no-shrink zen-ellipsis", count: count }), _jsx(TwoOptionsSwitcher, { leftOption: {
-                            label: translate("OR"),
-                            value: RelationOperator.OR
-                        }, rightOption: {
-                            label: translate("AND"),
-                            value: RelationOperator.AND
-                        }, value: relation, onChange: handleRelationChange })] }), _jsx("div", { className: "zen-groups-filter-menu__separator" }), _jsx("div", { className: "zen-groups-filter-menu__groups-box", children: children })] });
+import { ToggleButtonRaw } from "../toggleButtonRaw/toggleButtonRaw";
+injectString("cs", "Back", "Zp\u011Bt");
+injectString("da-DK", "Back", "Tilbage");
+injectString("de", "Back", "Zur\xFCck");
+injectString("en", "Back", "Back");
+injectString("es", "Back", "Regresar");
+injectString("fi-FI", "Back", "Takaisin");
+injectString("fr", "Back", "Retour");
+injectString("fr-FR", "Back", "Retour");
+injectString("hu-HU", "Back", "Vissza");
+injectString("id", "Back", "Kembali");
+injectString("it", "Back", "Indietro");
+injectString("ja", "Back", "\u623B\u308B");
+injectString("ko-KR", "Back", "\uB4A4\uB85C");
+injectString("ms", "Back", "Kembali");
+injectString("nb-NO", "Back", "Tilbake");
+injectString("nl", "Back", "Terug");
+injectString("pl", "Back", "Wstecz");
+injectString("pt-BR", "Back", "Voltar");
+injectString("sk-SK", "Back", "Sp\xE4\u0165");
+injectString("sv", "Back", "Tillbaka");
+injectString("th", "Back", "\u0E01\u0E25\u0E31\u0E1A");
+injectString("tr", "Back", "Geri");
+injectString("zh-Hans", "Back", "\u8FD4\u56DE");
+injectString("zh-TW", "Back", "\u8FD4\u56DE");
+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", "OR", "NEBO");
+injectString("da-DK", "OR", "ELLER");
+injectString("de", "OR", "ODER");
+injectString("en", "OR", "OR");
+injectString("es", "OR", "O");
+injectString("fi-FI", "OR", "TAI");
+injectString("fr", "OR", "OU");
+injectString("fr-FR", "OR", "OU");
+injectString("hu-HU", "OR", "VAGY.");
+injectString("id", "OR", "ATAU");
+injectString("it", "OR", "O");
+injectString("ja", "OR", "\u307E\u305F\u306F");
+injectString("ko-KR", "OR", "\uB610\uB294");
+injectString("ms", "OR", "ATAU");
+injectString("nb-NO", "OR", "ELLER");
+injectString("nl", "OR", "OF");
+injectString("pl", "OR", "LUB");
+injectString("pt-BR", "OR", "OU");
+injectString("sk-SK", "OR", "ALEBO");
+injectString("sv", "OR", "ELLER");
+injectString("th", "OR", "\u0E2B\u0E23\u0E37\u0E2D");
+injectString("tr", "OR", "VEYA");
+injectString("zh-Hans", "OR", "\u6216");
+injectString("zh-TW", "OR", "\u6216");
+injectString("cs", "AND", "A");
+injectString("da-DK", "AND", "OG");
+injectString("de", "AND", "UND");
+injectString("en", "AND", "AND");
+injectString("es", "AND", "Y");
+injectString("fi-FI", "AND", "JA");
+injectString("fr", "AND", "ET");
+injectString("fr-FR", "AND", "ET");
+injectString("hu-HU", "AND", "\xC9S");
+injectString("id", "AND", "DAN");
+injectString("it", "AND", "E");
+injectString("ja", "AND", "\u3068");
+injectString("ko-KR", "AND", "\uADF8\uB9AC\uACE0");
+injectString("ms", "AND", "DAN");
+injectString("nb-NO", "AND", "OG");
+injectString("nl", "AND", "EN");
+injectString("pl", "AND", "ORAZ");
+injectString("pt-BR", "AND", "E");
+injectString("sk-SK", "AND", "A");
+injectString("sv", "AND", "OCH");
+injectString("th", "AND", "\u0E41\u0E25\u0E30");
+injectString("tr", "AND", "VE");
+injectString("zh-Hans", "AND", "\u548C");
+injectString("zh-TW", "AND", "\u548C");
+export const GroupsFilterCurrentlySelectedState = ({
+  children,
+  siteWideState,
+  relation,
+  count,
+  onBackButtonClick,
+  onSiteWideChange,
+  onRelationChange
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const togglerId = useId();
+  const getActionButton = (label, title, icon, handleClick) => _jsx("button", {
+    type: "button",
+    onClick: handleClick,
+    className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__action-button-back",
+    title: title,
+    children: _jsxs(_Fragment, {
+      children: [createElement(icon, {
+        className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+        size: "large"
+      }), _jsx("div", {
+        className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short",
+        children: label
+      })]
+    })
+  });
+  const handleTogglerChange = checked => onSiteWideChange(checked);
+  const handleRelationChange = newState => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+    onRelationChange(newState === RelationOperator.AND ? RelationOperator.AND : RelationOperator.OR);
+  };
+  return _jsxs("div", {
+    className: "zen-groups-filter-menu__content-selected",
+    children: [getActionButton(translate("Back"), translate("Back"), IconBackArrow, onBackButtonClick), _jsx("div", {
+      className: "zen-groups-filter-menu__item-wrapper",
+      children: _jsx(ToggleButtonRaw, {
+        onChange: handleTogglerChange,
+        id: togglerId,
+        value: siteWideState,
+        isReverted: true,
+        className: "zen-groups-filter-menu__item",
+        title: translate("Apply site-wide"),
+        children: _jsxs("div", {
+          className: "zen-groups-filter-menu__toggle-label zen-ellipsis",
+          children: [_jsx(IconGlobe, {
+            className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+            size: "large"
+          }), _jsx("span", {
+            className: "zen-groups-filter__label-element",
+            children: translate("Apply site-wide")
+          })]
+        })
+      })
+    }), _jsxs("div", {
+      className: "zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected",
+      children: [_jsx(GroupsFilterCurrentlySelectedLabel, {
+        className: "zen-groups-filter__label-element--no-shrink zen-ellipsis",
+        count: count
+      }), _jsx(TwoOptionsSwitcher, {
+        leftOption: {
+          label: translate("OR"),
+          value: RelationOperator.OR
+        },
+        rightOption: {
+          label: translate("AND"),
+          value: RelationOperator.AND
+        },
+        value: relation,
+        onChange: handleRelationChange
+      })]
+    }), _jsx("div", {
+      className: "zen-groups-filter-menu__separator"
+    }), _jsx("div", {
+      className: "zen-groups-filter-menu__groups-box",
+      children: children
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Apply site-wide",
-    "Back",
-    "Advanced",
-    "AND",
-    "OR"
-];
+export const TRANSLATIONS = ["Apply site-wide", "Back", "Advanced", "AND", "OR"];

package/esm/groupsFilterRaw/groupsFilterHelper.d.ts

@@ -1,5 +1,6 @@
 import { ICheckboxListWithActionOption } from "../checkboxListWithAction/checkboxListWithAction";
 import { IColor, IFilterState, IGroupItem, IGroupTree, INamedEntity, ITypedHash, RelationOperator } from "./groupsFilterInterfaces";
+import { IDropdownItem } from "../dropdown/dropdown";
 export interface IGroupsMenu {
     builtInGroups: IGroupsColorTree[];
     userGroups: IGroupsColorTree[];
@@ -26,7 +27,7 @@ export declare function prepareNameSelectedItems(translate: (s: string) => strin
 export declare function prepareSelectedMenu(namedItems: IGroupTree[]): IGroupsMenu;
 export declare function prepareMenu(item: IGroupTree | undefined): IGroupsMenu;
 export declare function getChildList(childArr: IGroupTree[] | undefined): IGroupTree[];
-export declare function createGroupsMap(groups: IGroupItem[], rootChildId: string): ITypedHash<IGroupTree>;
+export declare function createGroupsMap(groups: IGroupItem[] | IDropdownItem[], rootChildId: string): ITypedHash<IGroupTree>;
 export declare function getAdvancedFilterString(translate: (s: string) => string, state: IFilterState<INamedEntity>): string;
 export declare function doesGroupExist(groupMap: ITypedHash<unknown>): (id: string) => boolean;
 export declare const isFilterHasSelection: (filter: IPreparedFiltersState) => boolean;