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

package/esm/formSection/hooks/useError.js

@@ -1,28 +1,71 @@
+import { injectString } from "../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Banner } from "../../banner/banner";
 import { Card } from "../../card/card";
 import { hasErrorProps } from "../../commonHelpers/loading";
 import { useLanguage } from "../../utils/localization/useLanguage";
-export const useError = (props) => {
-    const { translate } = useLanguage();
-    if (!hasErrorProps(props)) {
-        return {
-            error: null
-        };
-    }
-    const action = props.retry ? {
-        text: translate("Reload"),
-        onClick: props.retry
-    } : undefined;
-    if (props.type === "card") {
-        return {
-            // TODO: add translations
-            error: _jsx(Card.Content, { children: _jsx(Banner, { className: "zen-form-section-error-banner", action: action, multiline: true, header: translate("Failed to load section"), type: "error", children: translate("Please reload this section to try again. If the issue persists, contact Support.") }) })
-        };
-    }
+injectString("cs", "Reload", "Na\u010D\xEDst znovu");
+injectString("da-DK", "Reload", "Genindl\xE6s");
+injectString("de", "Reload", "Neu laden");
+injectString("en", "Reload", "Reload");
+injectString("es", "Reload", "Volver a cargar");
+injectString("fi-FI", "Reload", "Ladata uudelleen");
+injectString("fr", "Reload", "Recharger");
+injectString("fr-FR", "Reload", "Actualiser");
+injectString("hu-HU", "Reload", "\xDAjrat\xF6lt\xE9s");
+injectString("id", "Reload", "Muat ulang");
+injectString("it", "Reload", "Ricarica");
+injectString("ja", "Reload", "\u518D\u8AAD\u8FBC");
+injectString("ko-KR", "Reload", "\uB2E4\uC2DC \uBD88\uB7EC\uC624\uAE30");
+injectString("ms", "Reload", "Muatkan semula");
+injectString("nb-NO", "Reload", "Last inn p\xE5 nytt");
+injectString("nl", "Reload", "Herladen");
+injectString("pl", "Reload", "Od\u015Bwie\u017C");
+injectString("pt-BR", "Reload", "Recarregar");
+injectString("sk-SK", "Reload", "Obnovi\u0165");
+injectString("sv", "Reload", "Ladda igen");
+injectString("th", "Reload", "\u0E42\u0E2B\u0E25\u0E14\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07");
+injectString("tr", "Reload", "Yeniden y\xFCkle");
+injectString("zh-Hans", "Reload", "\u91CD\u65B0\u52A0\u8F7D");
+injectString("zh-TW", "Reload", "\u91CD\u65B0\u8F09\u5165");
+injectString("en", "Failed to load section", "Failed to load section");
+injectString("en", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
+export const useError = props => {
+  const {
+    translate
+  } = useLanguage();
+  if (!hasErrorProps(props)) {
     return {
-        // TODO: add translations
-        // TODO: should be support it for non-card?
-        error: _jsx(Banner, { multiline: true, header: translate("Failed to load section"), type: "error", children: translate("Please reload this section to try again. If the issue persists, contact Support.") })
+      error: null
     };
-};
+  }
+  const action = props.retry ? {
+    text: translate("Reload"),
+    onClick: props.retry
+  } : undefined;
+  if (props.type === "card") {
+    return {
+      // TODO: add translations
+      error: _jsx(Card.Content, {
+        children: _jsx(Banner, {
+          className: "zen-form-section-error-banner",
+          action: action,
+          multiline: true,
+          header: translate("Failed to load section"),
+          type: "error",
+          children: translate("Please reload this section to try again. If the issue persists, contact Support.")
+        })
+      })
+    };
+  }
+  return {
+    // TODO: add translations
+    // TODO: should be support it for non-card?
+    error: _jsx(Banner, {
+      multiline: true,
+      header: translate("Failed to load section"),
+      type: "error",
+      children: translate("Please reload this section to try again. If the issue persists, contact Support.")
+    })
+  };
+};

package/esm/formStepper/components/formStep.js

@@ -1,14 +1,64 @@
+import { injectString } from "../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconCheck } from "../../icons/iconCheck";
 import { useMobile } from "../../commonHelpers/hooks/useMobile";
 import { FormStepRaw } from "./formStepRaw";
 import { useLanguage } from "../../utils/localization/useLanguage";
-export const FormStep = ({ isFirst, value, isError = false, isCurrent = false, isComplete = false, label, onClick, optional, id, compact }) => {
-    const isMobile = useMobile();
-    const isCompactMode = compact || isMobile;
-    const { translate } = useLanguage();
-    const type = isCurrent ? "current" : isError ? "error" : isComplete ? "complete" : "incomplete";
-    const content = isCurrent ? value : isError ? "!" : isComplete ? _jsx(IconCheck, {}) : value;
-    const labelSecondary = optional ? translate("Optional") : undefined;
-    return (_jsx("div", { className: `zen-form-step ${isFirst ? "zen-form-step--first" : ""} ${isCompactMode ? "zen-form-step--mobile" : ""} zen-form-step--${type}`, children: _jsx(FormStepRaw, { id: id, type: type, isFirst: isFirst, isCompact: isCompactMode, onClick: onClick, content: content, label: label, labelSecondary: labelSecondary }) }));
-};
+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");
+export const FormStep = ({
+  isFirst,
+  value,
+  isError = false,
+  isCurrent = false,
+  isComplete = false,
+  label,
+  onClick,
+  optional,
+  id,
+  compact
+}) => {
+  const isMobile = useMobile();
+  const isCompactMode = compact || isMobile;
+  const {
+    translate
+  } = useLanguage();
+  const type = isCurrent ? "current" : isError ? "error" : isComplete ? "complete" : "incomplete";
+  const content = isCurrent ? value : isError ? "!" : isComplete ? _jsx(IconCheck, {}) : value;
+  const labelSecondary = optional ? translate("Optional") : undefined;
+  return _jsx("div", {
+    className: `zen-form-step ${isFirst ? "zen-form-step--first" : ""} ${isCompactMode ? "zen-form-step--mobile" : ""} zen-form-step--${type}`,
+    children: _jsx(FormStepRaw, {
+      id: id,
+      type: type,
+      isFirst: isFirst,
+      isCompact: isCompactMode,
+      onClick: onClick,
+      content: content,
+      label: label,
+      labelSecondary: labelSecondary
+    })
+  });
+};

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/groupsFilterTestData.d.ts

@@ -0,0 +1,37 @@
+import { ITypedHash } from "./groupsFilterInterfaces";
+export declare const groupsArr: ({
+    id: string;
+    name: string;
+    children: {
+        id: string;
+    }[];
+    color: {
+        a: number;
+        b: number;
+        g: number;
+        r: number;
+    };
+} | {
+    id: string;
+    name: string;
+    children: undefined;
+    color: {
+        a: number;
+        b: number;
+        g: number;
+        r: number;
+    };
+})[];
+export declare const groupsArrAdvanced: ({
+    id: string;
+    name: string;
+    children: {
+        id: string;
+        name: string;
+    }[];
+} | {
+    id: string;
+    name: string;
+    children?: undefined;
+})[];
+export declare const groupsMap: ITypedHash<unknown>;

package/esm/groupsFilter/groupsFilterTestData.js

@@ -0,0 +1,4 @@
+import { groupsArr as groupsArrRaw, groupsArrAdvanced as groupsArrAdvancedRaw, groupsMap as groupsMapRaw } from "../groupsFilterRaw/groupsFilterTestData";
+export const groupsArr = groupsArrRaw;
+export const groupsArrAdvanced = groupsArrAdvancedRaw;
+export const groupsMap = groupsMapRaw;

package/esm/groupsFilter/groupsHelper.d.ts

@@ -1 +1,24 @@
-export * from "../groupsFilterRaw/groupsHelper";
+import { makeBoolHash as makeBoolHashRaw, createLinkedTree as createLinkedTreeRaw, isEntireOrganization as isEntireOrganizationRaw } from "../groupsFilterRaw/groupsHelper";
+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>;
+export declare const systemSecurityGroups: string[];
+export declare const rootSecurityGroups: string[];
+export declare const rootGroups: string[];
+export declare const rootDefectGroups: string[];
+export declare const defaultPrivateGroupId = "GroupPrivateUserId";
+export declare const allSystemGroups: string[];
+export declare const makeBoolHash: typeof makeBoolHashRaw;
+export declare const isSystemGroup: (groupId: string) => boolean;
+export declare const getGroupDescription: (group: import("..").IEntityWithId & Partial<import("../groupsFilterRaw/groupsFilterInterfaces").INamedEntity>, translate: (s: string) => string) => string;
+export declare const createLinkedTree: typeof createLinkedTreeRaw;
+export declare const isIdEntity: (entity: any) => entity is import("..").IEntityWithId;
+export declare const isEntireOrganization: typeof isEntireOrganizationRaw;
+export declare const isFilterState: <T, U>(item: U | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T>) => item is import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T>;
+export declare const mapFilterState: <TSource, TResult>(state: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>, mapFunc: (item: TSource) => TResult) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TResult>;
+export declare const getId: (entity: string | import("..").IEntityWithId) => string;
+export declare const mergeItems: <TSource extends string | import("..").IEntityWithId>(items: (TSource | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>)[][]) => (TSource | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>)[];
+export declare const simplifyFilterState: <TSource extends string | import("..").IEntityWithId>(state: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>;
+export declare const toFilterState: (state: unknown[] | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<string | import("..").IEntityWithId>) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<import("..").IEntityWithId>;
+export declare const compareFilters: <T extends string | import("..").IEntityWithId, U extends string | import("..").IEntityWithId>(filter1: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<T>, filter2: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<U>) => boolean;