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

package/dist/formSection/hooks/useError.js

@@ -1,32 +1,80 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useError = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const banner_1 = require("../../banner/banner");
 const card_1 = require("../../card/card");
 const loading_1 = require("../../commonHelpers/loading");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
-const useError = (props) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    if (!(0, loading_1.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: (0, jsx_runtime_1.jsx)(card_1.Card.Content, { children: (0, jsx_runtime_1.jsx)(banner_1.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.");
+const useError = props => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  if (!(0, loading_1.hasErrorProps)(props)) {
     return {
-        // TODO: add translations
-        // TODO: should be support it for non-card?
-        error: (0, jsx_runtime_1.jsx)(banner_1.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: (0, jsx_runtime_1.jsx)(card_1.Card.Content, {
+        children: (0, jsx_runtime_1.jsx)(banner_1.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: (0, jsx_runtime_1.jsx)(banner_1.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.")
+    })
+  };
 };
-exports.useError = useError;
+exports.useError = useError;

package/dist/formStepper/components/formStep.js

@@ -1,18 +1,73 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FormStep = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const iconCheck_1 = require("../../icons/iconCheck");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const formStepRaw_1 = require("./formStepRaw");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
-const FormStep = ({ isFirst, value, isError = false, isCurrent = false, isComplete = false, label, onClick, optional, id, compact }) => {
-    const isMobile = (0, useMobile_1.useMobile)();
-    const isCompactMode = compact || isMobile;
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const type = isCurrent ? "current" : isError ? "error" : isComplete ? "complete" : "incomplete";
-    const content = isCurrent ? value : isError ? "!" : isComplete ? (0, jsx_runtime_1.jsx)(iconCheck_1.IconCheck, {}) : value;
-    const labelSecondary = optional ? translate("Optional") : undefined;
-    return ((0, jsx_runtime_1.jsx)("div", { className: `zen-form-step ${isFirst ? "zen-form-step--first" : ""} ${isCompactMode ? "zen-form-step--mobile" : ""} zen-form-step--${type}`, children: (0, jsx_runtime_1.jsx)(formStepRaw_1.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");
+const FormStep = ({
+  isFirst,
+  value,
+  isError = false,
+  isCurrent = false,
+  isComplete = false,
+  label,
+  onClick,
+  optional,
+  id,
+  compact
+}) => {
+  const isMobile = (0, useMobile_1.useMobile)();
+  const isCompactMode = compact || isMobile;
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const type = isCurrent ? "current" : isError ? "error" : isComplete ? "complete" : "incomplete";
+  const content = isCurrent ? value : isError ? "!" : isComplete ? (0, jsx_runtime_1.jsx)(iconCheck_1.IconCheck, {}) : value;
+  const labelSecondary = optional ? translate("Optional") : undefined;
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: `zen-form-step ${isFirst ? "zen-form-step--first" : ""} ${isCompactMode ? "zen-form-step--mobile" : ""} zen-form-step--${type}`,
+    children: (0, jsx_runtime_1.jsx)(formStepRaw_1.FormStepRaw, {
+      id: id,
+      type: type,
+      isFirst: isFirst,
+      isCompact: isCompactMode,
+      onClick: onClick,
+      content: content,
+      label: label,
+      labelSecondary: labelSecondary
+    })
+  });
 };
-exports.FormStep = FormStep;
+exports.FormStep = FormStep;

package/dist/formStepper/formStepper.js

@@ -1,43 +1,139 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FormStepper = exports.STEPPER_LAST_STEP = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const formStep_1 = require("./components/formStep");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const useLanguage_1 = require("../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;
 exports.STEPPER_LAST_STEP = "lastStep";
-const FormStepper = ({ steps, onStepClicked, className = "", current, errors, setCurrent, mode = "default" }) => {
-    var _a, _b, _c;
-    const activeStepIndex = (0, react_1.useMemo)(() => {
-        if (current === exports.STEPPER_LAST_STEP) {
-            return steps.length;
-        }
-        return steps.findIndex(step => step.id === current) || 0;
-    }, [steps, current]);
-    const isMobile = (0, useMobile_1.useMobile)();
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isStepperNonClickable = onStepClicked === false;
-    const adjustedSteps = (0, react_1.useMemo)(() => {
-        if (steps.length > MAX_STEPS) {
-            return steps.slice(0, MAX_STEPS);
-        }
-        return steps;
-    }, [steps]);
-    const onStepClickedHandler = (0, react_1.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 === exports.STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
-    const stepLabel = current === exports.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 (0, jsx_runtime_1.jsxs)("div", { className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`, role: "tablist", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-stepper__steps", children: adjustedSteps.map((step, indx) => ((0, jsx_runtime_1.jsx)(formStep_1.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 && (0, jsx_runtime_1.jsxs)("label", { className: "zen-form-stepper__mobile-labels", children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-form-stepper__mobile-counter", children: translate("Step {0} of {1}").replace("{0}", String(stepNumber)).replace("{1}", String(adjustedSteps.length)) }), (0, jsx_runtime_1.jsx)("span", { title: stepLabel, className: "zen-form-stepper__mobile-label", children: stepLabel }), (0, jsx_runtime_1.jsx)("span", { title: translate("Optional"), className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`, children: translate("Optional") })] })] });
+const FormStepper = ({
+  steps,
+  onStepClicked,
+  className = "",
+  current,
+  errors,
+  setCurrent,
+  mode = "default"
+}) => {
+  var _a, _b, _c;
+  const activeStepIndex = (0, react_1.useMemo)(() => {
+    if (current === exports.STEPPER_LAST_STEP) {
+      return steps.length;
+    }
+    return steps.findIndex(step => step.id === current) || 0;
+  }, [steps, current]);
+  const isMobile = (0, useMobile_1.useMobile)();
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isStepperNonClickable = onStepClicked === false;
+  const adjustedSteps = (0, react_1.useMemo)(() => {
+    if (steps.length > MAX_STEPS) {
+      return steps.slice(0, MAX_STEPS);
+    }
+    return steps;
+  }, [steps]);
+  const onStepClickedHandler = (0, react_1.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 === exports.STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
+  const stepLabel = current === exports.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 (0, jsx_runtime_1.jsxs)("div", {
+    className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`,
+    role: "tablist",
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-form-stepper__steps",
+      children: adjustedSteps.map((step, indx) => (0, jsx_runtime_1.jsx)(formStep_1.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 && (0, jsx_runtime_1.jsxs)("label", {
+      className: "zen-form-stepper__mobile-labels",
+      children: [(0, jsx_runtime_1.jsx)("span", {
+        className: "zen-form-stepper__mobile-counter",
+        children: translate("Step {0} of {1}").replace("{0}", String(stepNumber)).replace("{1}", String(adjustedSteps.length))
+      }), (0, jsx_runtime_1.jsx)("span", {
+        title: stepLabel,
+        className: "zen-form-stepper__mobile-label",
+        children: stepLabel
+      }), (0, jsx_runtime_1.jsx)("span", {
+        title: translate("Optional"),
+        className: `zen-form-stepper__mobile-secondary-label ${isOptionalStep ? "zen-form-stepper__mobile-secondary-label--visible" : ""}`,
+        children: translate("Optional")
+      })]
+    })]
+  });
 };
-exports.FormStepper = FormStepper;
+exports.FormStepper = FormStepper;

package/dist/formStepperButtons/formStepperButtons.js

@@ -1,5 +1,11 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FormStepperButtons = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -10,41 +16,181 @@ const useLanguage_1 = require("../utils/localization/useLanguage");
 const formStepper_1 = require("../formStepper/formStepper");
 const getCurrentIndex_1 = require("./utils/getCurrentIndex");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
-const FormStepperButtons = ({ onPrevious, onCancel, onContinue, onSubmit, current, setCurrent, steps, isNextDisabled, className = "" }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isMobile = (0, useMobile_1.useMobile)();
-    const onPreviousHandler = (0, react_1.useCallback)(() => {
-        const currIndex = (0, getCurrentIndex_1.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 = (0, getCurrentIndex_1.getCurrentIndex)(steps, curr);
-            if (currentIndex === -1) {
-                return curr;
-            }
-            return steps[currentIndex - 1].id;
-        });
-    }, [onPrevious, setCurrent, steps, current]);
-    const onContinueHandler = (0, react_1.useCallback)(() => {
-        const currIndex = (0, getCurrentIndex_1.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 = (0, getCurrentIndex_1.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 === formStepper_1.STEPPER_LAST_STEP;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-form-step-buttons__left", children: !isFirstStep && (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-form-step-buttons__previous", icon: iconChevronLeft_1.IconChevronLeft, type: "tertiary-black", onClick: onPreviousHandler, children: translate("Previous step") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-form-step-buttons__right", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-form-step-buttons__cancel", type: "secondary", onClick: onCancel, children: translate("Cancel") }), isLastStep ? ((0, jsx_runtime_1.jsx)(button_1.Button, { disabled: isNextDisabled, className: "zen-form-step-buttons__submit", type: "primary", onClick: onSubmit, children: translate("Submit") })) : ((0, jsx_runtime_1.jsx)(button_1.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");
+const FormStepperButtons = ({
+  onPrevious,
+  onCancel,
+  onContinue,
+  onSubmit,
+  current,
+  setCurrent,
+  steps,
+  isNextDisabled,
+  className = ""
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isMobile = (0, useMobile_1.useMobile)();
+  const onPreviousHandler = (0, react_1.useCallback)(() => {
+    const currIndex = (0, getCurrentIndex_1.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 = (0, getCurrentIndex_1.getCurrentIndex)(steps, curr);
+      if (currentIndex === -1) {
+        return curr;
+      }
+      return steps[currentIndex - 1].id;
+    });
+  }, [onPrevious, setCurrent, steps, current]);
+  const onContinueHandler = (0, react_1.useCallback)(() => {
+    const currIndex = (0, getCurrentIndex_1.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 = (0, getCurrentIndex_1.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 === formStepper_1.STEPPER_LAST_STEP;
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`,
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-form-step-buttons__left",
+      children: !isFirstStep && (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
+        className: "zen-form-step-buttons__previous",
+        icon: iconChevronLeft_1.IconChevronLeft,
+        type: "tertiary-black",
+        onClick: onPreviousHandler,
+        children: translate("Previous step")
+      })
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-form-step-buttons__right",
+      children: [(0, jsx_runtime_1.jsx)(button_1.Button, {
+        className: "zen-form-step-buttons__cancel",
+        type: "secondary",
+        onClick: onCancel,
+        children: translate("Cancel")
+      }), isLastStep ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+        disabled: isNextDisabled,
+        className: "zen-form-step-buttons__submit",
+        type: "primary",
+        onClick: onSubmit,
+        children: translate("Submit")
+      }) : (0, jsx_runtime_1.jsx)(button_1.Button, {
+        disabled: isNextDisabled,
+        className: "zen-form-step-buttons__continue",
+        type: "primary",
+        onClick: onContinueHandler,
+        children: translate("Continue")
+      })]
+    })]
+  });
 };
-exports.FormStepperButtons = FormStepperButtons;
+exports.FormStepperButtons = FormStepperButtons;

package/dist/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>;