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

package/esm/formStepper/formStepper.js

@@ -1,39 +1,130 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { FormStep } from "./components/formStep";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
 import { useLanguage } from "../utils/localization/useLanguage";
+injectString("cs", "Step {0} of {1}", "Krok {0} z {1}");
+injectString("da-DK", "Step {0} of {1}", "Trin {0} af {1}");
+injectString("de", "Step {0} of {1}", "Schritt {0} von {1}");
+injectString("en", "Step {0} of {1}", "Step {0} of {1}");
+injectString("es", "Step {0} of {1}", "Paso {0} de {1}");
+injectString("fi-FI", "Step {0} of {1}", "Vaihe {0} / {1}");
+injectString("fr", "Step {0} of {1}", "\xC9tape {0} de {1}");
+injectString("fr-FR", "Step {0} of {1}", "\xC9tape {0} sur {1}");
+injectString("hu-HU", "Step {0} of {1}", "L\xE9p\xE9s {0} az {1}-b\u0151l");
+injectString("id", "Step {0} of {1}", "Langkah {0} dari {1}");
+injectString("it", "Step {0} of {1}", "Fase {0} di {1}");
+injectString("ja", "Step {0} of {1}", "\u624B\u9806 {0} \uFF0F {1}");
+injectString("ko-KR", "Step {0} of {1}", "\uB2E8\uACC4 {0} \uC758 {1}");
+injectString("ms", "Step {0} of {1}", "Langkah {0} daripada {1}");
+injectString("nb-NO", "Step {0} of {1}", "Trinn {0} av {1}");
+injectString("nl", "Step {0} of {1}", "Stap {0} van {1}");
+injectString("pl", "Step {0} of {1}", "Etap {0} z {1}");
+injectString("pt-BR", "Step {0} of {1}", "Etapa {0} de {1}");
+injectString("sk-SK", "Step {0} of {1}", "Krok {0} z {1}");
+injectString("sv", "Step {0} of {1}", "Steg {0} av {1}");
+injectString("th", "Step {0} of {1}", "\u0E02\u0E31\u0E49\u0E19\u0E15\u0E2D\u0E19\u0E17\u0E35\u0E48 {0} \u0E08\u0E32\u0E01 {1}");
+injectString("tr", "Step {0} of {1}", "Ad\u0131m {0} / {1}");
+injectString("zh-Hans", "Step {0} of {1}", "\u6B65\u9AA4 {0} / {1} ");
+injectString("zh-TW", "Step {0} of {1}", "\u6B65\u9A5F {0} (\u5171 {1} \u500B)");
+injectString("cs", "Optional", "Voliteln\xE9");
+injectString("da-DK", "Optional", "Valgfri");
+injectString("de", "Optional", "Optional");
+injectString("en", "Optional", "Optional");
+injectString("es", "Optional", "Opcional");
+injectString("fi-FI", "Optional", "Valinnainen");
+injectString("fr", "Optional", "Facultatif");
+injectString("fr-FR", "Optional", "Facultatif");
+injectString("hu-HU", "Optional", "Nem k\xF6telez\u0151");
+injectString("id", "Optional", "Opsional");
+injectString("it", "Optional", "Opzionale");
+injectString("ja", "Optional", "\u30AA\u30D7\u30B7\u30E7\u30F3");
+injectString("ko-KR", "Optional", "\uC120\uD0DD \uACFC\uBAA9");
+injectString("ms", "Optional", "Pilihan");
+injectString("nb-NO", "Optional", "Valgfritt");
+injectString("nl", "Optional", "Optioneel");
+injectString("pl", "Optional", "Opcjonalne");
+injectString("pt-BR", "Optional", "Opcional");
+injectString("sk-SK", "Optional", "Volite\u013En\xE9");
+injectString("sv", "Optional", "Frivilligt");
+injectString("th", "Optional", "\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E07\u0E04\u0E31\u0E1A");
+injectString("tr", "Optional", "\u0130ste\u011Fe ba\u011Fl\u0131");
+injectString("zh-Hans", "Optional", "\u53EF\u9009");
+injectString("zh-TW", "Optional", "\u9078\u586B");
 const MAX_STEPS = 7;
 export const STEPPER_LAST_STEP = "lastStep";
-export const FormStepper = ({ steps, onStepClicked, className = "", current, errors, setCurrent, mode = "default" }) => {
-    var _a, _b, _c;
-    const activeStepIndex = useMemo(() => {
-        if (current === STEPPER_LAST_STEP) {
-            return steps.length;
-        }
-        return steps.findIndex(step => step.id === current) || 0;
-    }, [steps, current]);
-    const isMobile = useMobile();
-    const { translate } = useLanguage();
-    const isStepperNonClickable = onStepClicked === false;
-    const adjustedSteps = useMemo(() => {
-        if (steps.length > MAX_STEPS) {
-            return steps.slice(0, MAX_STEPS);
-        }
-        return steps;
-    }, [steps]);
-    const onStepClickedHandler = useCallback((id) => {
-        if (!isStepperNonClickable) {
-            const res = onStepClicked === null || onStepClicked === void 0 ? void 0 : onStepClicked(id);
-            if (res === false) {
-                return;
-            }
-        }
-        setCurrent(id);
-    }, [setCurrent, isStepperNonClickable, onStepClicked]);
-    const isCompactMode = mode === "compact" || isMobile;
-    const isOptionalStep = isCompactMode && ((_a = adjustedSteps[activeStepIndex]) === null || _a === void 0 ? void 0 : _a.optional);
-    const stepNumber = current === STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
-    const stepLabel = current === STEPPER_LAST_STEP ? (_b = adjustedSteps[activeStepIndex - 1]) === null || _b === void 0 ? void 0 : _b.label : (_c = adjustedSteps[activeStepIndex]) === null || _c === void 0 ? void 0 : _c.label;
-    return _jsxs("div", { className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`, role: "tablist", children: [_jsx("div", { className: "zen-form-stepper__steps", children: adjustedSteps.map((step, indx) => (_jsx(FormStep, { id: step.id, label: step.label, isFirst: step.id === steps[0].id, value: indx + 1, onClick: isStepperNonClickable ? false : () => onStepClickedHandler(step.id), isError: errors === null || errors === void 0 ? void 0 : errors.includes(step.id), isCurrent: current === step.id, isComplete: indx < activeStepIndex, optional: step.optional, compact: isCompactMode }, step.id))) }), isCompactMode && _jsxs("label", { className: "zen-form-stepper__mobile-labels", children: [_jsx("span", { className: "zen-form-stepper__mobile-counter", children: translate("Step {0} of {1}").replace("{0}", String(stepNumber)).replace("{1}", String(adjustedSteps.length)) }), _jsx("span", { title: stepLabel, className: "zen-form-stepper__mobile-label", children: stepLabel }), _jsx("span", { title: translate("Optional"), className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`, children: translate("Optional") })] })] });
-};
+export const FormStepper = ({
+  steps,
+  onStepClicked,
+  className = "",
+  current,
+  errors,
+  setCurrent,
+  mode = "default"
+}) => {
+  var _a, _b, _c;
+  const activeStepIndex = useMemo(() => {
+    if (current === STEPPER_LAST_STEP) {
+      return steps.length;
+    }
+    return steps.findIndex(step => step.id === current) || 0;
+  }, [steps, current]);
+  const isMobile = useMobile();
+  const {
+    translate
+  } = useLanguage();
+  const isStepperNonClickable = onStepClicked === false;
+  const adjustedSteps = useMemo(() => {
+    if (steps.length > MAX_STEPS) {
+      return steps.slice(0, MAX_STEPS);
+    }
+    return steps;
+  }, [steps]);
+  const onStepClickedHandler = useCallback(id => {
+    if (!isStepperNonClickable) {
+      const res = onStepClicked === null || onStepClicked === void 0 ? void 0 : onStepClicked(id);
+      if (res === false) {
+        return;
+      }
+    }
+    setCurrent(id);
+  }, [setCurrent, isStepperNonClickable, onStepClicked]);
+  const isCompactMode = mode === "compact" || isMobile;
+  const isOptionalStep = isCompactMode && ((_a = adjustedSteps[activeStepIndex]) === null || _a === void 0 ? void 0 : _a.optional);
+  const stepNumber = current === STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
+  const stepLabel = current === STEPPER_LAST_STEP ? (_b = adjustedSteps[activeStepIndex - 1]) === null || _b === void 0 ? void 0 : _b.label : (_c = adjustedSteps[activeStepIndex]) === null || _c === void 0 ? void 0 : _c.label;
+  return _jsxs("div", {
+    className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`,
+    role: "tablist",
+    children: [_jsx("div", {
+      className: "zen-form-stepper__steps",
+      children: adjustedSteps.map((step, indx) => _jsx(FormStep, {
+        id: step.id,
+        label: step.label,
+        isFirst: step.id === steps[0].id,
+        value: indx + 1,
+        onClick: isStepperNonClickable ? false : () => onStepClickedHandler(step.id),
+        isError: errors === null || errors === void 0 ? void 0 : errors.includes(step.id),
+        isCurrent: current === step.id,
+        isComplete: indx < activeStepIndex,
+        optional: step.optional,
+        compact: isCompactMode
+      }, step.id))
+    }), isCompactMode && _jsxs("label", {
+      className: "zen-form-stepper__mobile-labels",
+      children: [_jsx("span", {
+        className: "zen-form-stepper__mobile-counter",
+        children: translate("Step {0} of {1}").replace("{0}", String(stepNumber)).replace("{1}", String(adjustedSteps.length))
+      }), _jsx("span", {
+        title: stepLabel,
+        className: "zen-form-stepper__mobile-label",
+        children: stepLabel
+      }), _jsx("span", {
+        title: translate("Optional"),
+        className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`,
+        children: translate("Optional")
+      })]
+    })]
+  });
+};

package/esm/formStepperButtons/formStepperButtons.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Button } from "../button/button";
@@ -7,40 +8,180 @@ import { useLanguage } from "../utils/localization/useLanguage";
 import { STEPPER_LAST_STEP } from "../formStepper/formStepper";
 import { getCurrentIndex } from "./utils/getCurrentIndex";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
-export const FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, current, setCurrent, steps, isNextDisabled, className = "" }) => {
-    const { translate } = useLanguage();
-    const isMobile = useMobile();
-    const onPreviousHandler = useCallback(() => {
-        const currIndex = getCurrentIndex(steps, current);
-        const prevStep = currIndex > 0 ? steps[currIndex - 1].id : null;
-        const res = onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious(prevStep);
-        if (res === false) {
-            return;
-        }
-        setCurrent((curr) => {
-            const currentIndex = getCurrentIndex(steps, curr);
-            if (currentIndex === -1) {
-                return curr;
-            }
-            return steps[currentIndex - 1].id;
-        });
-    }, [onPrevious, setCurrent, steps, current]);
-    const onContinueHandler = useCallback(() => {
-        const currIndex = getCurrentIndex(steps, current);
-        const nextStep = currIndex < steps.length - 1 ? steps[currIndex + 1].id : null;
-        const res = onContinue === null || onContinue === void 0 ? void 0 : onContinue(nextStep);
-        if (res === false) {
-            return;
-        }
-        setCurrent((curr) => {
-            const currentIndex = getCurrentIndex(steps, curr);
-            if (currentIndex === -1) {
-                return curr;
-            }
-            return steps[currentIndex + 1].id;
-        });
-    }, [current, onContinue, setCurrent, steps]);
-    const isFirstStep = steps[0].id === current;
-    const isLastStep = steps[steps.length - 1].id === current || current === STEPPER_LAST_STEP;
-    return (_jsxs("div", { className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`, children: [_jsx("div", { className: "zen-form-step-buttons__left", children: !isFirstStep && _jsx(TextIconButton, { className: "zen-form-step-buttons__previous", icon: IconChevronLeft, type: "tertiary-black", onClick: onPreviousHandler, children: translate("Previous step") }) }), _jsxs("div", { className: "zen-form-step-buttons__right", children: [_jsx(Button, { className: "zen-form-step-buttons__cancel", type: "secondary", onClick: onCancel, children: translate("Cancel") }), isLastStep ? (_jsx(Button, { disabled: isNextDisabled, className: "zen-form-step-buttons__submit", type: "primary", onClick: onSubmit, children: translate("Submit") })) : (_jsx(Button, { disabled: isNextDisabled, className: "zen-form-step-buttons__continue", type: "primary", onClick: onContinueHandler, children: translate("Continue") }))] })] }));
-};
+injectString("cs", "Previous step", "P\u0159edchoz\xED krok");
+injectString("da-DK", "Previous step", "Forrige trin");
+injectString("de", "Previous step", "Vorheriger Schritt");
+injectString("en", "Previous step", "Previous step");
+injectString("es", "Previous step", "Paso anterior");
+injectString("fi-FI", "Previous step", "Edellinen vaihe");
+injectString("fr", "Previous step", "\xC9tape pr\xE9c\xE9dente");
+injectString("fr-FR", "Previous step", "\xC9tape pr\xE9c\xE9dente");
+injectString("hu-HU", "Previous step", "El\u0151z\u0151 l\xE9p\xE9s");
+injectString("id", "Previous step", "Langkah sebelumnya");
+injectString("it", "Previous step", "Passaggio precedente");
+injectString("ja", "Previous step", "\u524D\u306E\u624B\u9806");
+injectString("ko-KR", "Previous step", "\uC774\uC804 \uB2E8\uACC4");
+injectString("ms", "Previous step", "Langkah sebelumnya");
+injectString("nb-NO", "Previous step", "Forrige trinn");
+injectString("nl", "Previous step", "Vorige stap");
+injectString("pl", "Previous step", "Poprzedni krok");
+injectString("pt-BR", "Previous step", "Etapa anterior");
+injectString("sk-SK", "Previous step", "Predch\xE1dzaj\xFAci krok");
+injectString("sv", "Previous step", "F\xF6reg\xE5ende steg");
+injectString("th", "Previous step", "\u0E02\u0E31\u0E49\u0E19\u0E15\u0E2D\u0E19\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32");
+injectString("tr", "Previous step", "\xD6nceki ad\u0131m");
+injectString("zh-Hans", "Previous step", "\u524D\u4E00\u6B65");
+injectString("zh-TW", "Previous step", "\u4E0A\u4E00\u6B65");
+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", "Submit", "Odeslat");
+injectString("da-DK", "Submit", "Indsend");
+injectString("de", "Submit", "Absenden");
+injectString("en", "Submit", "Submit");
+injectString("es", "Submit", "Enviar");
+injectString("fi-FI", "Submit", "L\xE4het\xE4");
+injectString("fr", "Submit", "Soumettre");
+injectString("fr-FR", "Submit", "Envoyer");
+injectString("hu-HU", "Submit", "K\xFCldd el.");
+injectString("id", "Submit", "Kirimkan");
+injectString("it", "Submit", "Inviare");
+injectString("ja", "Submit", "\u9001\u4FE1");
+injectString("ko-KR", "Submit", "\uC81C\uCD9C");
+injectString("ms", "Submit", "Serah");
+injectString("nb-NO", "Submit", "Send");
+injectString("nl", "Submit", "Verzenden");
+injectString("pl", "Submit", "Wy\u015Blij");
+injectString("pt-BR", "Submit", "Enviar");
+injectString("sk-SK", "Submit", "Odosla\u0165");
+injectString("sv", "Submit", "Skicka");
+injectString("th", "Submit", "\u0E2A\u0E48\u0E07");
+injectString("tr", "Submit", "G\xF6nder");
+injectString("zh-Hans", "Submit", "\u63D0\u4EA4");
+injectString("zh-TW", "Submit", "\u63D0\u4EA4");
+injectString("cs", "Continue", "Pokra\u010Dovat");
+injectString("da-DK", "Continue", "Forts\xE6t");
+injectString("de", "Continue", "Fortsetzen");
+injectString("en", "Continue", "Continue");
+injectString("es", "Continue", "Continuar");
+injectString("fi-FI", "Continue", "Jatka");
+injectString("fr", "Continue", "Continuer");
+injectString("fr-FR", "Continue", "Continuer");
+injectString("hu-HU", "Continue", "Folytasd.");
+injectString("id", "Continue", "Lanjutkan");
+injectString("it", "Continue", "Continua");
+injectString("ja", "Continue", "\u7D9A\u3051\u308B");
+injectString("ko-KR", "Continue", "\uACC4\uC18D");
+injectString("ms", "Continue", "Teruskan");
+injectString("nb-NO", "Continue", "Fortsett");
+injectString("nl", "Continue", "Doorgaan");
+injectString("pl", "Continue", "Kontynuuj");
+injectString("pt-BR", "Continue", "Continuar");
+injectString("sk-SK", "Continue", "Pokra\u010Dova\u0165");
+injectString("sv", "Continue", "Forts\xE4tt");
+injectString("th", "Continue", "\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E15\u0E48\u0E2D");
+injectString("tr", "Continue", "Devam");
+injectString("zh-Hans", "Continue", "\u7EE7\u7EED");
+injectString("zh-TW", "Continue", "\u7E7C\u7E8C");
+export const FormStepperButtons = ({
+  onPrevious,
+  onCancel,
+  onContinue,
+  onSubmit,
+  current,
+  setCurrent,
+  steps,
+  isNextDisabled,
+  className = ""
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const isMobile = useMobile();
+  const onPreviousHandler = useCallback(() => {
+    const currIndex = getCurrentIndex(steps, current);
+    const prevStep = currIndex > 0 ? steps[currIndex - 1].id : null;
+    const res = onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious(prevStep);
+    if (res === false) {
+      return;
+    }
+    setCurrent(curr => {
+      const currentIndex = getCurrentIndex(steps, curr);
+      if (currentIndex === -1) {
+        return curr;
+      }
+      return steps[currentIndex - 1].id;
+    });
+  }, [onPrevious, setCurrent, steps, current]);
+  const onContinueHandler = useCallback(() => {
+    const currIndex = getCurrentIndex(steps, current);
+    const nextStep = currIndex < steps.length - 1 ? steps[currIndex + 1].id : null;
+    const res = onContinue === null || onContinue === void 0 ? void 0 : onContinue(nextStep);
+    if (res === false) {
+      return;
+    }
+    setCurrent(curr => {
+      const currentIndex = getCurrentIndex(steps, curr);
+      if (currentIndex === -1) {
+        return curr;
+      }
+      return steps[currentIndex + 1].id;
+    });
+  }, [current, onContinue, setCurrent, steps]);
+  const isFirstStep = steps[0].id === current;
+  const isLastStep = steps[steps.length - 1].id === current || current === STEPPER_LAST_STEP;
+  return _jsxs("div", {
+    className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`,
+    children: [_jsx("div", {
+      className: "zen-form-step-buttons__left",
+      children: !isFirstStep && _jsx(TextIconButton, {
+        className: "zen-form-step-buttons__previous",
+        icon: IconChevronLeft,
+        type: "tertiary-black",
+        onClick: onPreviousHandler,
+        children: translate("Previous step")
+      })
+    }), _jsxs("div", {
+      className: "zen-form-step-buttons__right",
+      children: [_jsx(Button, {
+        className: "zen-form-step-buttons__cancel",
+        type: "secondary",
+        onClick: onCancel,
+        children: translate("Cancel")
+      }), isLastStep ? _jsx(Button, {
+        disabled: isNextDisabled,
+        className: "zen-form-step-buttons__submit",
+        type: "primary",
+        onClick: onSubmit,
+        children: translate("Submit")
+      }) : _jsx(Button, {
+        disabled: isNextDisabled,
+        className: "zen-form-step-buttons__continue",
+        type: "primary",
+        onClick: onContinueHandler,
+        children: translate("Continue")
+      })]
+    })]
+  });
+};

package/esm/groupsFilter/groupsHelper.d.ts

@@ -1,5 +1,5 @@
 import { makeBoolHash as makeBoolHashRaw, createLinkedTree as createLinkedTreeRaw, isEntireOrganization as isEntireOrganizationRaw } from "../groupsFilterRaw/groupsHelper";
-import { RelationOperator } from "./groupsFilterInterfaces";
+import { RelationOperator } from "../groupsFilterRaw/groupsFilterInterfaces";
 export declare const ENTIRE_ORGANIZATION_GROUP_ID = "GroupCompanyId";
 export declare const DEFAULT_RELATION_OPERATOR: RelationOperator;
 export declare const getDefaultFilterState: <T extends import("..").IEntityWithId = import("..").IEntityWithId>() => import("../groupsFilterRaw/groupsFilterInterfaces").ILeafStateItem<T>;

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