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

package/esm/groupsFilter/groupsHelper.js

@@ -1 +1,24 @@
-export * from "../groupsFilterRaw/groupsHelper";
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
+import { ENTIRE_ORGANIZATION_GROUP_ID as ENTIRE_ORGANIZATION_GROUP_ID_RAW, DEFAULT_RELATION_OPERATOR as DEFAULT_RELATION_OPERATOR_RAW, getDefaultFilterState as getDefaultFilterStateRaw, systemSecurityGroups as systemSecurityGroupsRaw, rootSecurityGroups as rootSecurityGroupsRaw, rootGroups as rootGroupsRaw, rootDefectGroups as rootDefectGroupsRaw, defaultPrivateGroupId as defaultPrivateGroupIdRaw, makeBoolHash as makeBoolHashRaw, isSystemGroup as isSystemGroupRaw, getGroupDescription as getGroupDescriptionRaw, createLinkedTree as createLinkedTreeRaw, isIdEntity as isIdEntityRaw, isEntireOrganization as isEntireOrganizationRaw, isFilterState as isFilterStateRaw, mapFilterState as mapFilterStateRaw, getId as getIdRaw, mergeItems as mergeItemsRaw, simplifyFilterState as simplifyFilterStateRaw, toFilterState as toFilterStateRaw, compareFilters as compareFiltersRaw, allSystemGroups as allSystemGroupsRaw } from "../groupsFilterRaw/groupsHelper";
+export const ENTIRE_ORGANIZATION_GROUP_ID = ENTIRE_ORGANIZATION_GROUP_ID_RAW;
+export const DEFAULT_RELATION_OPERATOR = DEFAULT_RELATION_OPERATOR_RAW;
+export const getDefaultFilterState = getDefaultFilterStateRaw;
+export const systemSecurityGroups = systemSecurityGroupsRaw;
+export const rootSecurityGroups = rootSecurityGroupsRaw;
+export const rootGroups = rootGroupsRaw;
+export const rootDefectGroups = rootDefectGroupsRaw;
+export const defaultPrivateGroupId = defaultPrivateGroupIdRaw;
+export const allSystemGroups = allSystemGroupsRaw;
+export const makeBoolHash = makeBoolHashRaw;
+export const isSystemGroup = isSystemGroupRaw;
+export const getGroupDescription = getGroupDescriptionRaw;
+export const createLinkedTree = createLinkedTreeRaw;
+export const isIdEntity = isIdEntityRaw;
+export const isEntireOrganization = isEntireOrganizationRaw;
+export const isFilterState = isFilterStateRaw;
+export const mapFilterState = mapFilterStateRaw;
+export const getId = getIdRaw;
+export const mergeItems = mergeItemsRaw;
+export const simplifyFilterState = simplifyFilterStateRaw;
+export const toFilterState = toFilterStateRaw;
+export const compareFilters = compareFiltersRaw;

package/esm/groupsFilterRaw/groupsFilterAdjustmentState.js

@@ -1,21 +1,159 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { IconHouse } from "../icons/deprecated/iconHouse";
 import { IconCheckRadio } from "../icons/iconCheckRadio";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { IconArrowLeft } from "../icons/iconArrowLeft";
-export const GroupsFilterAdjustmentState = ({ children, onBackButtonClick, onHomeButtonClick, onSelectAllClick, isAllSelected, backButtonName }) => {
-    const { translate } = useLanguage();
-    const handleSelectAllClick = () => {
-        onSelectAllClick(isAllSelected);
-    };
-    const selectButtonLabel = isAllSelected ? translate("Deselect all") : translate("Select all");
-    const getActionButton = (label, title, icon, handleClick, size = "large") => _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: [React.createElement(icon, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: size }), _jsx("div", { className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short", children: label })] }) });
-    return _jsxs("div", { className: "zen-groups-filter-menu__content-adjustment", children: [_jsxs("div", { className: "zen-groups-filter-menu__item-wrapper", children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), IconArrowLeft, onBackButtonClick), _jsx("button", { type: "button", onClick: onHomeButtonClick, className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__item--end zen-groups-filter-menu__action-button-home", title: translate("Home"), children: _jsxs(_Fragment, { children: [_jsx(IconHouse, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), _jsx("span", { className: "body-02-short", children: translate("Home") })] }) })] }), getActionButton(selectButtonLabel, selectButtonLabel, IconCheckRadio, handleSelectAllClick, "huge"), _jsx("div", { className: "zen-groups-filter-menu__groups-box", children: children })] });
+injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
+injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
+injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
+injectString("en", "Deselect all", "Deselect all");
+injectString("es", "Deselect all", "Deseleccionar todo");
+injectString("fi-FI", "Deselect all", "Poista kaikki valinnat");
+injectString("fr", "Deselect all", "D\xE9s\xE9lectionner tout");
+injectString("fr-FR", "Deselect all", "D\xE9s\xE9lectionner tout");
+injectString("hu-HU", "Deselect all", "Ne v\xE1lassz ki semmit.");
+injectString("id", "Deselect all", "Batalkan pilih semua");
+injectString("it", "Deselect all", "Deselezionare tutto");
+injectString("ja", "Deselect all", "\u3059\u3079\u3066\u3092\u9078\u629E\u89E3\u9664");
+injectString("ko-KR", "Deselect all", "\uBAA8\uB450 \uC120\uD0DD \uCDE8\uC18C");
+injectString("ms", "Deselect all", "Nyahpilih semua");
+injectString("nb-NO", "Deselect all", "Fjern alle valg");
+injectString("nl", "Deselect all", "Alles deselecteren");
+injectString("pl", "Deselect all", "Usu\u0144 wyb\xF3r wszystkich");
+injectString("pt-BR", "Deselect all", "Desmarcar tudo");
+injectString("sk-SK", "Deselect all", "Zru\u0161 v\xFDber v\u0161etk\xFDch.");
+injectString("sv", "Deselect all", "Avmarkera alla");
+injectString("th", "Deselect all", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
+injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
+injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
+injectString("cs", "Select all", "Vybrat v\u0161e");
+injectString("da-DK", "Select all", "V\xE6lg alle");
+injectString("de", "Select all", "Alle ausw\xE4hlen");
+injectString("en", "Select all", "Select all");
+injectString("es", "Select all", "Seleccionar todo");
+injectString("fi-FI", "Select all", "Valitse kaikki");
+injectString("fr", "Select all", "S\xE9lectionner tout");
+injectString("fr-FR", "Select all", "S\xE9lectionner tout");
+injectString("hu-HU", "Select all", "V\xE1laszd ki az \xF6sszeset.");
+injectString("id", "Select all", "Pilih semua");
+injectString("it", "Select all", "Selezionare tutto");
+injectString("ja", "Select all", "\u3059\u3079\u3066\u9078\u629E");
+injectString("ko-KR", "Select all", "\uBAA8\uB450 \uC120\uD0DD");
+injectString("ms", "Select all", "Pilih semua");
+injectString("nb-NO", "Select all", "Velg alle");
+injectString("nl", "Select all", "Alles selecteren");
+injectString("pl", "Select all", "Wybierz wszystko");
+injectString("pt-BR", "Select all", "Selecionar tudo");
+injectString("sk-SK", "Select all", "Vyber v\u0161etko.");
+injectString("sv", "Select all", "V\xE4lj alla");
+injectString("th", "Select all", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
+injectString("zh-Hans", "Select all", "\u5168\u9009");
+injectString("zh-TW", "Select all", "\u5168\u9078");
+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", "Home", "Dom\u016F");
+injectString("da-DK", "Home", "Hjem");
+injectString("de", "Home", "Zuhause");
+injectString("en", "Home", "Home");
+injectString("es", "Home", "Domicilio");
+injectString("fi-FI", "Home", "Koti");
+injectString("fr", "Home", "Domicile");
+injectString("fr-FR", "Home", "Accueil");
+injectString("hu-HU", "Home", "F\u0151oldal");
+injectString("id", "Home", "Rumah");
+injectString("it", "Home", "Residenza personale");
+injectString("ja", "Home", "\u30DB\u30FC\u30E0");
+injectString("ko-KR", "Home", "\uD648");
+injectString("ms", "Home", "Rumah");
+injectString("nb-NO", "Home", "Hjem");
+injectString("nl", "Home", "Thuis");
+injectString("pl", "Home", "Dom");
+injectString("pt-BR", "Home", "Domic\xEDlio");
+injectString("sk-SK", "Home", "Domov");
+injectString("sv", "Home", "Hem");
+injectString("th", "Home", "\u0E1A\u0E49\u0E32\u0E19");
+injectString("tr", "Home", "Ev");
+injectString("zh-Hans", "Home", "\u4F4F\u5B85");
+injectString("zh-TW", "Home", "\u9996\u9801");
+export const GroupsFilterAdjustmentState = ({
+  children,
+  onBackButtonClick,
+  onHomeButtonClick,
+  onSelectAllClick,
+  isAllSelected,
+  backButtonName
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const handleSelectAllClick = () => {
+    onSelectAllClick(isAllSelected);
+  };
+  const selectButtonLabel = isAllSelected ? translate("Deselect all") : translate("Select all");
+  const getActionButton = (label, title, icon, handleClick, size = "large") => _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: [React.createElement(icon, {
+        className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+        size: size
+      }), _jsx("div", {
+        className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short",
+        children: label
+      })]
+    })
+  });
+  return _jsxs("div", {
+    className: "zen-groups-filter-menu__content-adjustment",
+    children: [_jsxs("div", {
+      className: "zen-groups-filter-menu__item-wrapper",
+      children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), IconArrowLeft, onBackButtonClick), _jsx("button", {
+        type: "button",
+        onClick: onHomeButtonClick,
+        className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__item--end zen-groups-filter-menu__action-button-home",
+        title: translate("Home"),
+        children: _jsxs(_Fragment, {
+          children: [_jsx(IconHouse, {
+            className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+            size: "large"
+          }), _jsx("span", {
+            className: "body-02-short",
+            children: translate("Home")
+          })]
+        })
+      })]
+    }), getActionButton(selectButtonLabel, selectButtonLabel, IconCheckRadio, handleSelectAllClick, "huge"), _jsx("div", {
+      className: "zen-groups-filter-menu__groups-box",
+      children: children
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Select all",
-    "Deselect all",
-    "Back",
-    "Home"
-];
+export const TRANSLATIONS = ["Select all", "Deselect all", "Back", "Home"];

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"];