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

package/dist/utils/localization/translationsDictionary.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectString = exports.dictionaries = void 0;
+class TranslationsDictionary {
+    constructor() {
+        Object.defineProperty(this, "dictionaries", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.dictionaries = new Map([
+            ["en", {}],
+            ["cs", {}],
+            ["de", {}],
+            ["da-DK", {}],
+            ["es", {}],
+            ["fi-FI", {}],
+            ["fr-FR", {}],
+            ["fr", {}],
+            ["hu-HU", {}],
+            ["id", {}],
+            ["it", {}],
+            ["ja", {}],
+            ["ms", {}],
+            ["nb-NO", {}],
+            ["nl", {}],
+            ["pl", {}],
+            ["pt-BR", {}],
+            ["sk-SK", {}],
+            ["sv", {}],
+            ["th", {}],
+            ["tr", {}],
+            ["zh-Hans", {}],
+            ["ko-KR", {}],
+            ["zh-TW", {}]
+        ]);
+    }
+    getDictionaries() {
+        return this.dictionaries;
+    }
+    injectString(language, key, value) {
+        const dictionary = this.dictionaries.get(language);
+        if (dictionary) {
+            dictionary[key] = value;
+        }
+        else {
+            this.dictionaries.set(language, { [key]: value });
+        }
+    }
+    static getInstance() {
+        if (!TranslationsDictionary.instance) {
+            TranslationsDictionary.instance = new TranslationsDictionary();
+        }
+        return TranslationsDictionary.instance;
+    }
+}
+const dictionaryInstance = TranslationsDictionary.getInstance();
+exports.dictionaries = dictionaryInstance.getDictionaries();
+const injectString = (language, key, value) => {
+    dictionaryInstance.injectString(language, key, value);
+};
+exports.injectString = injectString;

package/dist/utils/localization/useLanguage.js

@@ -1,85 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLanguage = void 0;
 const react_1 = require("react");
 const languageContext_1 = require("./languageContext");
-const fr = __importStar(require("./translations/fr-json"));
-const es = __importStar(require("./translations/es-json"));
-const ja = __importStar(require("./translations/ja-json"));
-const de = __importStar(require("./translations/de-json"));
-const pl = __importStar(require("./translations/pl-json"));
-const ptBR = __importStar(require("./translations/pt-BR-json"));
-const nl = __importStar(require("./translations/nl-json"));
-const it = __importStar(require("./translations/it-json"));
-const zhHans = __importStar(require("./translations/zh-Hans-json"));
-const th = __importStar(require("./translations/th-json"));
-const id = __importStar(require("./translations/id-json"));
-const cs = __importStar(require("./translations/cs-json"));
-const sv = __importStar(require("./translations/sv-json"));
-const tr = __importStar(require("./translations/tr-json"));
-const ms = __importStar(require("./translations/ms-json"));
-const frFR = __importStar(require("./translations/fr-FR-json"));
-const en = __importStar(require("./translations/en-json"));
-const koKR = __importStar(require("./translations/ko-KR-json"));
-const zhTW = __importStar(require("./translations/zh-TW-json"));
-const daDK = __importStar(require("./translations/da-DK-json"));
-const fiFI = __importStar(require("./translations/fi-FI-json"));
-const huHU = __importStar(require("./translations/hu-HU-json"));
-const nbNO = __importStar(require("./translations/nb-NO-json"));
-const skSK = __importStar(require("./translations/sk-SK-json"));
-const dictionaries = new Map([
-    ["en", en.translations],
-    ["cs", cs.translations],
-    ["de", de.translations],
-    ["da-DK", daDK.translations],
-    ["es", es.translations],
-    ["fi-FI", fiFI.translations],
-    ["fr-FR", frFR.translations],
-    ["fr", fr.translations],
-    ["hu-HU", huHU.translations],
-    ["id", id.translations],
-    ["it", it.translations],
-    ["ja", ja.translations],
-    ["ms", ms.translations],
-    ["nb-NO", nbNO.translations],
-    ["nl", nl.translations],
-    ["pl", pl.translations],
-    ["pt-BR", ptBR.translations],
-    ["sk-SK", skSK.translations],
-    ["sv", sv.translations],
-    ["th", th.translations],
-    ["tr", tr.translations],
-    ["zh-Hans", zhHans.translations],
-    ["ko-KR", koKR.translations],
-    ["zh-TW", zhTW.translations]
-]);
+const translationsDictionary_1 = require("./translationsDictionary");
 const useLanguage = () => {
     const selectedLanguage = (0, react_1.useContext)(languageContext_1.languageContext);
     const translate = (0, react_1.useCallback)((phrase) => {
-        const dictionary = dictionaries.get(selectedLanguage) || {};
+        const dictionary = translationsDictionary_1.dictionaries.get(selectedLanguage) || {};
         return dictionary[phrase] || `**${phrase}`;
     }, [selectedLanguage]);
     return { translate };

package/esm/advancedGroupsFilter/advancedGroupsFilter.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { prepareCurrentFilterState, prepareToFilterState } from "./advancedGroupsFilterFormHelper";
@@ -5,34 +6,134 @@ import { AdvancedGroupsFilterForm, TRANSLATIONS as AdvancedGroupsFilterFormTrans
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { Modal } from "../modal/modal";
-export const AdvancedGroupsFilter = ({ isOpen, onClose, onApply, state, className, getData, errorHandler, dataItems, tooltipText, isMobile }) => {
-    //const dropdownFocusedListClasses = ["zen-dropdown-searchable-trigger__input", "zen-dropdown-searchable-trigger__popup-trigger"];
-    const [currentState, setCurrentState] = useState(prepareCurrentFilterState(state));
-    const [dataItemsValue, setDataItemsValue] = useState(dataItems || []);
-    const { translate } = useLanguage();
-    const handleClose = () => {
-        onClose();
-    };
-    useEffect(() => {
-        const timeoutId = setTimeout(() => {
-            if (!dataItemsValue.length) {
-                getData().then((data) => {
-                    setDataItemsValue(data);
-                }).catch((e) => {
-                    errorHandler(e);
-                });
-            }
+injectString("cs", "Advanced groups filter", "Roz\u0161\xED\u0159en\xFD filtr skupin");
+injectString("da-DK", "Advanced groups filter", "Avanceret grupperfilter");
+injectString("de", "Advanced groups filter", "Erweiterte Gruppenfilter");
+injectString("en", "Advanced groups filter", "Advanced groups filter");
+injectString("es", "Advanced groups filter", "Filtro de grupos avanzado");
+injectString("fi-FI", "Advanced groups filter", "Kehittynyt ryhm\xE4suodatin");
+injectString("fr", "Advanced groups filter", "Filtre de groupes avanc\xE9");
+injectString("fr-FR", "Advanced groups filter", "Filtre avanc\xE9 des groupes");
+injectString("hu-HU", "Advanced groups filter", "Halad\xF3 csoportsz\u0171r\xE9s");
+injectString("id", "Advanced groups filter", "Filter grup lanjutan");
+injectString("it", "Advanced groups filter", "Filtro gruppi avanzato");
+injectString("ja", "Advanced groups filter", "\u9AD8\u5EA6\u306A\u30B0\u30EB\u30FC\u30D7\u30D5\u30A3\u30EB\u30BF\u30FC");
+injectString("ko-KR", "Advanced groups filter", "\uACE0\uAE09 \uADF8\uB8F9 \uD544\uD130");
+injectString("ms", "Advanced groups filter", "Penyaring kumpulan lanjutan");
+injectString("nb-NO", "Advanced groups filter", "Avanserte grupperfilter.");
+injectString("nl", "Advanced groups filter", "Geavanceerde groepenfilter");
+injectString("pl", "Advanced groups filter", "Zaawansowane filtry dla grup");
+injectString("pt-BR", "Advanced groups filter", "Filtro avan\xE7ado de grupos");
+injectString("sk-SK", "Advanced groups filter", "Pokro\u010Dil\xFD filter skup\xEDn.");
+injectString("sv", "Advanced groups filter", "Avancerade gruppfilter");
+injectString("th", "Advanced groups filter", "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E02\u0E31\u0E49\u0E19\u0E2A\u0E39\u0E07");
+injectString("tr", "Advanced groups filter", "Geli\u015Fmi\u015F grup filtresi");
+injectString("zh-Hans", "Advanced groups filter", "\u9AD8\u7EA7\u7EC4\u7B5B\u9009\u5668");
+injectString("zh-TW", "Advanced groups filter", "\u9032\u968E\u7FA4\u7D44\u7BE9\u9078");
+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", "Apply", "Pou\u017E\xEDt");
+injectString("da-DK", "Apply", "Anvend");
+injectString("de", "Apply", "Anwenden");
+injectString("en", "Apply", "Apply");
+injectString("es", "Apply", "Aplicar");
+injectString("fi-FI", "Apply", "K\xE4yt\xE4");
+injectString("fr", "Apply", "Appliquer");
+injectString("fr-FR", "Apply", "Appliquer");
+injectString("hu-HU", "Apply", "Alkalmazd.");
+injectString("id", "Apply", "Terapkan");
+injectString("it", "Apply", "Applicare");
+injectString("ja", "Apply", "\u9069\u7528");
+injectString("ko-KR", "Apply", "\uC801\uC6A9");
+injectString("ms", "Apply", "Gunakan");
+injectString("nb-NO", "Apply", "Bruk");
+injectString("nl", "Apply", "Toepassen");
+injectString("pl", "Apply", "Zastosuj");
+injectString("pt-BR", "Apply", "Aplicar");
+injectString("sk-SK", "Apply", "Pou\u017Ei");
+injectString("sv", "Apply", "Ans\xF6k");
+injectString("th", "Apply", "\u0E43\u0E0A\u0E49");
+injectString("tr", "Apply", "Uygula");
+injectString("zh-Hans", "Apply", "\u5E94\u7528");
+injectString("zh-TW", "Apply", "\u5957\u7528");
+export const AdvancedGroupsFilter = ({
+  isOpen,
+  onClose,
+  onApply,
+  state,
+  className,
+  getData,
+  errorHandler,
+  dataItems,
+  tooltipText,
+  isMobile
+}) => {
+  //const dropdownFocusedListClasses = ["zen-dropdown-searchable-trigger__input", "zen-dropdown-searchable-trigger__popup-trigger"];
+  const [currentState, setCurrentState] = useState(prepareCurrentFilterState(state));
+  const [dataItemsValue, setDataItemsValue] = useState(dataItems || []);
+  const {
+    translate
+  } = useLanguage();
+  const handleClose = () => {
+    onClose();
+  };
+  useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      if (!dataItemsValue.length) {
+        getData().then(data => {
+          setDataItemsValue(data);
+        }).catch(e => {
+          errorHandler(e);
         });
-        return () => clearTimeout(timeoutId);
-    }, [getData, errorHandler, dataItemsValue.length]);
-    const handleApply = () => {
-        onApply(prepareToFilterState(currentState));
-    };
-    return _jsxs(Modal, { title: translate("Advanced groups filter"), className: classNames(["zen-advanced-groups-filter", className || ""]), isOpen: isOpen, modalContainerClassName: isMobile ? "zen-advanced-groups-filter-prioritized-modal" : undefined, onClose: handleClose, children: [_jsx(AdvancedGroupsFilterForm, { dataItems: dataItemsValue, getData: getData, errorHandler: errorHandler, state: currentState, onStateChange: setCurrentState, tooltipText: tooltipText }), _jsx(Modal.SecondaryButton, { onClick: onClose, children: translate("Cancel") }), _jsx(Modal.PrimaryButton, { onClick: handleApply, children: translate("Apply") })] });
+      }
+    });
+    return () => clearTimeout(timeoutId);
+  }, [getData, errorHandler, dataItemsValue.length]);
+  const handleApply = () => {
+    onApply(prepareToFilterState(currentState));
+  };
+  return _jsxs(Modal, {
+    title: translate("Advanced groups filter"),
+    className: classNames(["zen-advanced-groups-filter", className || ""]),
+    isOpen: isOpen,
+    modalContainerClassName: isMobile ? "zen-advanced-groups-filter-prioritized-modal" : undefined,
+    onClose: handleClose,
+    children: [_jsx(AdvancedGroupsFilterForm, {
+      dataItems: dataItemsValue,
+      getData: getData,
+      errorHandler: errorHandler,
+      state: currentState,
+      onStateChange: setCurrentState,
+      tooltipText: tooltipText
+    }), _jsx(Modal.SecondaryButton, {
+      onClick: onClose,
+      children: translate("Cancel")
+    }), _jsx(Modal.PrimaryButton, {
+      onClick: handleApply,
+      children: translate("Apply")
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    ...AdvancedGroupsFilterFormTranslations,
-    "Cancel",
-    "Apply",
-    "Advanced groups filter"
-];
+export const TRANSLATIONS = [...AdvancedGroupsFilterFormTranslations, "Cancel", "Apply", "Advanced groups filter"];

package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
 import { AdvancedGroupsFilterFormSection, TRANSLATIONS as AdvancedGroupsFilterFormSectionTranslations } from "./advancedGroupsFilterFormSection";
@@ -5,37 +6,136 @@ import { getDefaultFilterState } from "../groupsFilterRaw/groupsHelper";
 import { RelationOperator } from "../groupsFilterRaw/groupsFilterInterfaces";
 import { IconPlus } from "../icons/iconPlus";
 import { useLanguage } from "../utils/localization/useLanguage";
-export const AdvancedGroupsFilterForm = ({ state, onStateChange, getData, errorHandler, dataItems, tooltipText }) => {
-    const { translate } = useLanguage();
-    const handleAddNewCondition = () => {
-        onStateChange([...state, { sectionState: getDefaultFilterState(), interSectionRelation: RelationOperator.OR }]);
-    };
-    const handleInterSectionRelationChange = (idx) => {
-        const newState = [...state.slice(0, idx), Object.assign(Object.assign({}, state[idx]), { interSectionRelation: state[idx].interSectionRelation === RelationOperator.OR ? RelationOperator.AND : RelationOperator.OR }), ...state.slice(idx + 1, state.length)];
-        onStateChange(newState);
-    };
-    const handleRelationChange = (ind) => {
-        const newState = [...state.slice(0, ind), Object.assign(Object.assign({}, state[ind]), { sectionState: Object.assign(Object.assign({}, state[ind].sectionState), { relation: state[ind].sectionState.relation === RelationOperator.OR ? RelationOperator.AND : RelationOperator.OR }) }), ...state.slice(ind + 1, state.length)];
-        onStateChange(newState);
-    };
-    const handleStateChange = (ind, value) => {
-        const newState = [...state.slice(0, ind), Object.assign(Object.assign({}, state[ind]), { sectionState: Object.assign(Object.assign({}, state[ind].sectionState), { items: value.map(el => ({ id: el })) }) }), ...state.slice(ind + 1, state.length)];
-        onStateChange(newState);
-    };
-    const handleRemoveCondition = (e) => {
-        if (state.length === 1) {
-            return;
-        }
-        const ind = e.target.dataset.item ? Number(e.target.dataset.item) : undefined;
-        const newState = ind !== undefined ? [...state.slice(0, ind),
-            ...state.slice(ind + 1, state.length)
-        ] : state;
-        onStateChange(newState);
-    };
-    return _jsxs("div", { className: "zen-advanced-groups-filter-form", children: [_jsx("div", { className: "zen-advanced-groups-filter-form__description", children: translate("Create conditions below to filter the entire system.") }), _jsx("ul", { className: "zen-advanced-groups-filter-form__sections", children: state.map((el, ind) => _jsx(AdvancedGroupsFilterFormSection, { state: el.sectionState, itemId: ind, interSectionRelation: ind === 0 || state.length === 1 ? undefined : state[ind].interSectionRelation, onInterSectionChange: handleInterSectionRelationChange, onRelationChange: handleRelationChange, onRemoveCondition: handleRemoveCondition, onStateChange: handleStateChange, isHasRemoveConditionButton: state.length > 1, isHasTooltip: ind === 0, tooltipText: tooltipText, getData: getData, errorHandler: errorHandler, dataItems: dataItems }, `form-section_ind-${ind}_${state.length}`)) }), _jsx("div", { className: "zen-form__add-section", children: _jsx(TextIconButton, { className: "zen-advanced-groups-filter-form__add-button", onClick: handleAddNewCondition, iconPosition: ButtonIconPosition.Start, iconSize: "large", icon: IconPlus, children: translate("Add new condition") }) })] });
+injectString("cs", "Create conditions below to filter the entire system.", "N\xED\u017Ee vytvo\u0159te podm\xEDnky pro filtrov\xE1n\xED cel\xE9ho syst\xE9mu.");
+injectString("da-DK", "Create conditions below to filter the entire system.", "Lav de nedenst\xE5ende betingelser for at filtrere hele systemet.");
+injectString("de", "Create conditions below to filter the entire system.", "Erstellen Sie unten Bedingungen, um das gesamte System zu filtern.");
+injectString("en", "Create conditions below to filter the entire system.", "Create conditions below to filter the entire system.");
+injectString("es", "Create conditions below to filter the entire system.", "Cree condiciones a continuaci\xF3n para filtrar todo el sistema.");
+injectString("fi-FI", "Create conditions below to filter the entire system.", "Luo alla olevat ehdot suodattaaksesi koko j\xE4rjestelm\xE4n.");
+injectString("fr", "Create conditions below to filter the entire system.", "Cr\xE9er les conditions ci-dessous pour filtrer l\u2019ensemble du syst\xE8me.");
+injectString("fr-FR", "Create conditions below to filter the entire system.", "Cr\xE9er des conditions ci-dessous pour filtrer tout le syst\xE8me.");
+injectString("hu-HU", "Create conditions below to filter the entire system.", "Add meg az al\xE1bbi felt\xE9teleket, hogy az eg\xE9sz rendszert sz\u0171rd.");
+injectString("id", "Create conditions below to filter the entire system.", "Buat kondisi di bawah ini untuk memfilter seluruh sistem.");
+injectString("it", "Create conditions below to filter the entire system.", "Creare le seguenti condizioni per filtrare l'intero sistema.");
+injectString("ja", "Create conditions below to filter the entire system.", "\u30B7\u30B9\u30C6\u30E0\u5168\u4F53\u3092\u30D5\u30A3\u30EB\u30BF\u30EA\u30F3\u30B0\u3059\u308B\u306B\u306F\u3001\u4EE5\u4E0B\u306E\u6761\u4EF6\u3092\u4F5C\u6210\u3057\u307E\u3059\u3002");
+injectString("ko-KR", "Create conditions below to filter the entire system.", "\uC804\uCCB4 \uC2DC\uC2A4\uD15C\uC744 \uD544\uD130\uB9C1\uD558\uB824\uBA74 \uC544\uB798\uC5D0 \uC870\uAC74\uC744 \uB9CC\uB4ED\uB2C8\uB2E4.");
+injectString("ms", "Create conditions below to filter the entire system.", "Cipta syarat di bawah untuk menyaring keseluruhan sistem.");
+injectString("nb-NO", "Create conditions below to filter the entire system.", "Opprett betingelser nedenfor for \xE5 filtrere hele systemet.");
+injectString("nl", "Create conditions below to filter the entire system.", "Maak hieronder voorwaarden om het hele systeem te filteren.");
+injectString("pl", "Create conditions below to filter the entire system.", "Utw\xF3rz warunki poni\u017Cej, aby zastosowa\u0107 filtry do ca\u0142ego systemu.");
+injectString("pt-BR", "Create conditions below to filter the entire system.", "Defina as condi\xE7\xF5es abaixo para filtrar todo o sistema.");
+injectString("sk-SK", "Create conditions below to filter the entire system.", "Vytvor ni\u017E\u0161ie podmienky na filtrovanie cel\xE9ho syst\xE9mu.");
+injectString("sv", "Create conditions below to filter the entire system.", "Skapa villkor nedan f\xF6r att filtrera hela systemet.");
+injectString("th", "Create conditions below to filter the entire system.", "\u0E2A\u0E23\u0E49\u0E32\u0E07\u0E40\u0E07\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E02\u0E14\u0E49\u0E32\u0E19\u0E25\u0E48\u0E32\u0E07\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E01\u0E23\u0E2D\u0E07\u0E17\u0E31\u0E49\u0E07\u0E23\u0E30\u0E1A\u0E1A");
+injectString("tr", "Create conditions below to filter the entire system.", "T\xFCm sistemi filtrelemek i\xE7in a\u015Fa\u011F\u0131daki ko\u015Fullar\u0131 olu\u015Fturun.");
+injectString("zh-Hans", "Create conditions below to filter the entire system.", "\u5728\u4E0B\u9762\u521B\u5EFA\u6761\u4EF6\u4EE5\u7B5B\u9009\u6574\u4E2A\u7CFB\u7EDF\u3002");
+injectString("zh-TW", "Create conditions below to filter the entire system.", "\u5728\u4E0B\u65B9\u5EFA\u7ACB\u689D\u4EF6\u4EE5\u7BE9\u9078\u6574\u500B\u7CFB\u7D71\u3002");
+injectString("cs", "Add new condition", "P\u0159idat novou podm\xEDnku");
+injectString("da-DK", "Add new condition", "Tilf\xF8j ny betingelse");
+injectString("de", "Add new condition", "Neue Bedingung hinzuf\xFCgen");
+injectString("en", "Add new condition", "Add new condition");
+injectString("es", "Add new condition", "A\xF1adir condici\xF3n nueva");
+injectString("fi-FI", "Add new condition", "Lis\xE4\xE4 uusi ehto");
+injectString("fr", "Add new condition", "Ajouter une nouvelle condition");
+injectString("fr-FR", "Add new condition", "Ajouter nouvelle condition");
+injectString("hu-HU", "Add new condition", "Adj hozz\xE1 egy \xFAj felt\xE9telt.");
+injectString("id", "Add new condition", "Tambah kondisi baru");
+injectString("it", "Add new condition", "Aggiungere nuova condizione");
+injectString("ja", "Add new condition", "\u65B0\u3057\u3044\u6761\u4EF6\u3092\u8FFD\u52A0");
+injectString("ko-KR", "Add new condition", "\uC0C8 \uC870\uAC74 \uCD94\uAC00");
+injectString("ms", "Add new condition", "Tambah syarat baharu");
+injectString("nb-NO", "Add new condition", "Legg til ny betingelse");
+injectString("nl", "Add new condition", "Nieuwe voorwaarde toevoegen");
+injectString("pl", "Add new condition", "Dodaj nowy warunek");
+injectString("pt-BR", "Add new condition", "Adicionar nova condi\xE7\xE3o");
+injectString("sk-SK", "Add new condition", "Pridaj nov\xFA podmienku.");
+injectString("sv", "Add new condition", "L\xE4gg till nytt villkor");
+injectString("th", "Add new condition", "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E07\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E02\u0E43\u0E2B\u0E21\u0E48");
+injectString("tr", "Add new condition", "Yeni ko\u015Ful ekle");
+injectString("zh-Hans", "Add new condition", "\u6DFB\u52A0\u65B0\u6761\u4EF6");
+injectString("zh-TW", "Add new condition", "\u65B0\u589E\u689D\u4EF6");
+export const AdvancedGroupsFilterForm = ({
+  state,
+  onStateChange,
+  getData,
+  errorHandler,
+  dataItems,
+  tooltipText
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const handleAddNewCondition = () => {
+    onStateChange([...state, {
+      sectionState: getDefaultFilterState(),
+      interSectionRelation: RelationOperator.OR
+    }]);
+  };
+  const handleInterSectionRelationChange = idx => {
+    const newState = [...state.slice(0, idx), Object.assign(Object.assign({}, state[idx]), {
+      interSectionRelation: state[idx].interSectionRelation === RelationOperator.OR ? RelationOperator.AND : RelationOperator.OR
+    }), ...state.slice(idx + 1, state.length)];
+    onStateChange(newState);
+  };
+  const handleRelationChange = ind => {
+    const newState = [...state.slice(0, ind), Object.assign(Object.assign({}, state[ind]), {
+      sectionState: Object.assign(Object.assign({}, state[ind].sectionState), {
+        relation: state[ind].sectionState.relation === RelationOperator.OR ? RelationOperator.AND : RelationOperator.OR
+      })
+    }), ...state.slice(ind + 1, state.length)];
+    onStateChange(newState);
+  };
+  const handleStateChange = (ind, value) => {
+    const newState = [...state.slice(0, ind), Object.assign(Object.assign({}, state[ind]), {
+      sectionState: Object.assign(Object.assign({}, state[ind].sectionState), {
+        items: value.map(el => ({
+          id: el
+        }))
+      })
+    }), ...state.slice(ind + 1, state.length)];
+    onStateChange(newState);
+  };
+  const handleRemoveCondition = e => {
+    if (state.length === 1) {
+      return;
+    }
+    const ind = e.target.dataset.item ? Number(e.target.dataset.item) : undefined;
+    const newState = ind !== undefined ? [...state.slice(0, ind), ...state.slice(ind + 1, state.length)] : state;
+    onStateChange(newState);
+  };
+  return _jsxs("div", {
+    className: "zen-advanced-groups-filter-form",
+    children: [_jsx("div", {
+      className: "zen-advanced-groups-filter-form__description",
+      children: translate("Create conditions below to filter the entire system.")
+    }), _jsx("ul", {
+      className: "zen-advanced-groups-filter-form__sections",
+      children: state.map((el, ind) => _jsx(AdvancedGroupsFilterFormSection, {
+        state: el.sectionState,
+        itemId: ind,
+        interSectionRelation: ind === 0 || state.length === 1 ? undefined : state[ind].interSectionRelation,
+        onInterSectionChange: handleInterSectionRelationChange,
+        onRelationChange: handleRelationChange,
+        onRemoveCondition: handleRemoveCondition,
+        onStateChange: handleStateChange,
+        isHasRemoveConditionButton: state.length > 1,
+        isHasTooltip: ind === 0,
+        tooltipText: tooltipText,
+        getData: getData,
+        errorHandler: errorHandler,
+        dataItems: dataItems
+      }, `form-section_ind-${ind}_${state.length}`))
+    }), _jsx("div", {
+      className: "zen-form__add-section",
+      children: _jsx(TextIconButton, {
+        className: "zen-advanced-groups-filter-form__add-button",
+        onClick: handleAddNewCondition,
+        iconPosition: ButtonIconPosition.Start,
+        iconSize: "large",
+        icon: IconPlus,
+        children: translate("Add new condition")
+      })
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    ...AdvancedGroupsFilterFormSectionTranslations,
-    "Create conditions below to filter the entire system.",
-    "Add new condition"
-];
+export const TRANSLATIONS = [...AdvancedGroupsFilterFormSectionTranslations, "Create conditions below to filter the entire system.", "Add new condition"];