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

package/dist/favoriteButton/favoriteButton.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.FavoriteButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -7,15 +13,58 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconStar_1 = require("../icons/iconStar");
 const iconStarFilled_1 = require("../icons/iconStarFilled");
 const useLanguage_1 = require("../utils/localization/useLanguage");
+injectString("cs", "Favorite", "Obl\xEDben\xE9");
+injectString("da-DK", "Favorite", "Favorit");
+injectString("de", "Favorite", "Favorit");
+injectString("en", "Favorite", "Favorite");
+injectString("es", "Favorite", "Favorito");
+injectString("fi-FI", "Favorite", "Suosikki");
+injectString("fr", "Favorite", "Favori");
+injectString("fr-FR", "Favorite", "Favori");
+injectString("hu-HU", "Favorite", "Kedvenc");
+injectString("id", "Favorite", "Favorit");
+injectString("it", "Favorite", "Preferito");
+injectString("ja", "Favorite", "\u304A\u6C17\u306B\u5165\u308A");
+injectString("ko-KR", "Favorite", "\uC990\uACA8\uCC3E\uAE30");
+injectString("ms", "Favorite", "Kegemaran");
+injectString("nb-NO", "Favorite", "Favoritt");
+injectString("nl", "Favorite", "Favoriet");
+injectString("pl", "Favorite", "Ulubione");
+injectString("pt-BR", "Favorite", "Favorito");
+injectString("sk-SK", "Favorite", "Ob\u013E\xFAben\xE9");
+injectString("sv", "Favorite", "Favorit");
+injectString("th", "Favorite", "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E42\u0E1B\u0E23\u0E14");
+injectString("tr", "Favorite", "Favori");
+injectString("zh-Hans", "Favorite", "\u6536\u85CF");
+injectString("zh-TW", "Favorite", "\u6211\u7684\u6700\u611B");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const useDrive_1 = require("../utils/theme/useDrive");
-const FavoriteButton = ({ isFavorite, onChange, className }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-favorite-button");
-    const isDrive = (0, useDrive_1.useDrive)();
-    const iconSize = (0, react_1.useMemo)(() => isDrive ? "huge" : "large", [isDrive]);
-    const filledClassName = isFavorite ? "zen-favorite-button--filled" : "";
-    const onClick = (0, react_1.useCallback)(() => onChange(!isFavorite), [isFavorite, onChange]);
-    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, className: (0, classNames_1.classNames)(["zen-favorite-button", driveClassName || "", filledClassName, className || ""]), title: translate("Favorite"), "aria-label": translate("Favorite"), "aria-pressed": isFavorite, children: [(0, jsx_runtime_1.jsx)(iconStar_1.IconStar, { size: iconSize, className: "zen-favorite-button__empty" }), (0, jsx_runtime_1.jsx)(iconStarFilled_1.IconStarFilled, { size: iconSize, className: "zen-favorite-button__filled" })] }));
+const FavoriteButton = ({
+  isFavorite,
+  onChange,
+  className
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-favorite-button");
+  const isDrive = (0, useDrive_1.useDrive)();
+  const iconSize = (0, react_1.useMemo)(() => isDrive ? "huge" : "large", [isDrive]);
+  const filledClassName = isFavorite ? "zen-favorite-button--filled" : "";
+  const onClick = (0, react_1.useCallback)(() => onChange(!isFavorite), [isFavorite, onChange]);
+  return (0, jsx_runtime_1.jsxs)("button", {
+    onClick: onClick,
+    className: (0, classNames_1.classNames)(["zen-favorite-button", driveClassName || "", filledClassName, className || ""]),
+    title: translate("Favorite"),
+    "aria-label": translate("Favorite"),
+    "aria-pressed": isFavorite,
+    children: [(0, jsx_runtime_1.jsx)(iconStar_1.IconStar, {
+      size: iconSize,
+      className: "zen-favorite-button__empty"
+    }), (0, jsx_runtime_1.jsx)(iconStarFilled_1.IconStarFilled, {
+      size: iconSize,
+      className: "zen-favorite-button__filled"
+    })]
+  });
 };
-exports.FavoriteButton = FavoriteButton;
+exports.FavoriteButton = FavoriteButton;

package/dist/filters/components/filtersContainer.js

@@ -1,13 +1,69 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FiltersContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const chip_1 = require("../../chip/chip");
+injectString("cs", "All Filters", "V\u0161echny filtry");
+injectString("da-DK", "All Filters", "Alle filtre");
+injectString("de", "All Filters", "Alle Filter");
+injectString("en", "All Filters", "All Filters");
+injectString("es", "All Filters", "Todos los filtros");
+injectString("fi-FI", "All Filters", "Kaikki suodattimet");
+injectString("fr", "All Filters", "Tous les filtres");
+injectString("fr-FR", "All Filters", "Tous les filtres");
+injectString("hu-HU", "All Filters", "Minden sz\u0171r\u0151");
+injectString("id", "All Filters", "Semua Filter");
+injectString("it", "All Filters", "Tutti i filtri");
+injectString("ja", "All Filters", "\u3059\u3079\u3066\u306E\u30D5\u30A3\u30EB\u30BF\u30FC");
+injectString("ko-KR", "All Filters", "\uBAA8\uB4E0 \uD544\uD130");
+injectString("ms", "All Filters", "Semua Penyaring");
+injectString("nb-NO", "All Filters", "Alle filtre");
+injectString("nl", "All Filters", "Alle filters");
+injectString("pl", "All Filters", "Wszystkie filtry");
+injectString("pt-BR", "All Filters", "Todos os filtros");
+injectString("sk-SK", "All Filters", "V\u0161etky filtre");
+injectString("sv", "All Filters", "Alla filter");
+injectString("th", "All Filters", "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "All Filters", "T\xFCm Filtreler");
+injectString("zh-Hans", "All Filters", "\u6240\u6709\u7B5B\u9009\u5668");
+injectString("zh-TW", "All Filters", "\u6240\u6709\u7BE9\u9078\u5668");
+injectString("cs", "Clear", "Vymazat");
+injectString("da-DK", "Clear", "Ryd");
+injectString("de", "Clear", "L\xF6schen");
+injectString("en", "Clear", "Clear");
+injectString("es", "Clear", "Borrar");
+injectString("fi-FI", "Clear", "Tyhjenn\xE4");
+injectString("fr", "Clear", "Effacer");
+injectString("fr-FR", "Clear", "Effacer");
+injectString("hu-HU", "Clear", "T\xF6r\xF6ld.");
+injectString("id", "Clear", "Hapus");
+injectString("it", "Clear", "Cancella");
+injectString("ja", "Clear", "\u30AF\u30EA\u30A2");
+injectString("ko-KR", "Clear", "\uC9C0\uC6B0\uAE30");
+injectString("ms", "Clear", "Kosongkan");
+injectString("nb-NO", "Clear", "T\xF8m");
+injectString("nl", "Clear", "Wissen");
+injectString("pl", "Clear", "Wyczy\u015B\u0107");
+injectString("pt-BR", "Clear", "Limpar");
+injectString("sk-SK", "Clear", "Vyma\u017E");
+injectString("sv", "Clear", "Rensa");
+injectString("th", "Clear", "\u0E25\u0E49\u0E32\u0E07");
+injectString("tr", "Clear", "Temizle");
+injectString("zh-Hans", "Clear", "\u6E05\u9664");
+injectString("zh-TW", "Clear", "\u6E05\u9664");
 const react_2 = __importDefault(require("react"));
 const iconFilter_1 = require("../../icons/iconFilter");
 const filtersHelper_1 = require("../filtersHelper");
@@ -16,65 +72,96 @@ const iconClose_1 = require("../../icons/iconClose");
 const chipStatusProvider_1 = require("../../chip/chipStatusProvider");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
-const FiltersContainer = ({ className, isPinned = false, onPinChange, filtersClickHandler, hasSavedFilters, filtersForCalculation, children, filtersChipRef }) => {
-    const chipStatus = (0, chipStatusProvider_1.useChipStatus)();
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const isMobile = (0, useMobile_1.useMobile)();
-    const numberOfChangedFilters = (0, react_1.useMemo)(() => {
-        const suppressedFilters = new Set();
-        filtersForCalculation.forEach(filter => {
-            const filterProps = filter.props;
-            const inhibited = filterProps.inhibit;
-            if (inhibited) {
-                inhibited.forEach((id) => suppressedFilters.add(id));
-            }
-        });
-        const filteredState = (0, filtersHelper_1.getFiltersState)(filtersForCalculation.filter(f => !suppressedFilters.has(f.props.id)));
-        return (0, filtersHelper_1.getNumberOfChangedFilters)(filteredState);
-    }, [filtersForCalculation]);
-    const filtersChipComponent = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(chip_1.Chip, { quantity: numberOfChangedFilters, isOpen: false, status: numberOfChangedFilters > 0 ? chipStatus || "active" : undefined, onClick: filtersClickHandler, icon: iconFilter_1.IconFilter, title: translate("All Filters"), triggerRef: filtersChipRef, children: "+" }), [numberOfChangedFilters, chipStatus, filtersClickHandler, translate, filtersChipRef]);
-    const childrenSignature = (0, react_1.useMemo)(() => {
-        const childrenArray = react_2.default.Children.toArray(children).filter(Boolean);
-        return childrenArray
-            .map(child => {
-            if (!react_2.default.isValidElement(child)) {
-                return "invalid";
-            }
-            const childId = child.props.id || "no-id";
-            const state = child.props.state;
-            const defaultState = child.props.defaultState;
-            const childPropsQuery = JSON.stringify(child.props.fetchState || {});
-            const childPropsDataItems = JSON.stringify(child.props.dataItems || "no-data-items");
-            const stateHash = (0, filtersHelper_1.createStateHash)(state);
-            const defaultStateHash = (0, filtersHelper_1.createStateHash)(defaultState);
-            const propsHash = (0, filtersHelper_1.createPropsHash)(child.props);
-            return `${childId}|${stateHash}|${defaultStateHash}|${propsHash}|${childPropsQuery}|${childPropsDataItems}`;
-        })
-            .join("||");
-    }, [children]);
-    const memoizedChildren = (0, react_1.useMemo)(() => (0, filtersHelper_1.stabilizeChildrenWithId)(children).filter(Boolean), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [childrenSignature]);
-    const handleRemovalClick = (0, react_1.useCallback)(() => {
-        const defaultState = (0, filtersHelper_1.createStateObject)(filtersForCalculation, "defaultState");
-        filtersForCalculation.forEach((child) => {
-            var _a;
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            if (child) {
-                const childProps = child.props;
-                if (childProps.id) {
-                    const childDefaultState = defaultState[childProps.id];
-                    (_a = childProps.onChange) === null || _a === void 0 ? void 0 : _a.call(childProps, childDefaultState);
-                }
-            }
-        });
-        onPinChange === null || onPinChange === void 0 ? void 0 : onPinChange(false);
-        filtersChipRef.current.focus();
-    }, [filtersChipRef, filtersForCalculation, onPinChange]);
-    const chipRemovalComponent = (0, react_1.useMemo)(() => numberOfChangedFilters ?
-        (0, jsx_runtime_1.jsx)(chip_1.Chip, { title: translate("Clear"), className: "zen-filters-container__removal-chip", active: false, status: isPinned ? "accent" : undefined, onChange: handleRemovalClick, icon: iconClose_1.IconClose })
-        : null, [isPinned, handleRemovalClick, translate, numberOfChangedFilters]);
-    const memoizedFiltersElements = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [memoizedChildren, hasSavedFilters ? (0, jsx_runtime_1.jsx)(filtersSavedChipComponent_1.FiltersSavedChipComponent, {}) : null, filtersChipComponent, chipRemovalComponent] }), [chipRemovalComponent, filtersChipComponent, hasSavedFilters, memoizedChildren]);
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-filters-container", isMobile ? "zen-filters-container--mobile" : "", className || ""]), children: isMobile ? (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-container__mobile-scroll-wrapper", children: memoizedFiltersElements }) : memoizedFiltersElements });
+const FiltersContainer = ({
+  className,
+  isPinned = false,
+  onPinChange,
+  filtersClickHandler,
+  hasSavedFilters,
+  filtersForCalculation,
+  children,
+  filtersChipRef
+}) => {
+  const chipStatus = (0, chipStatusProvider_1.useChipStatus)();
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isMobile = (0, useMobile_1.useMobile)();
+  const numberOfChangedFilters = (0, react_1.useMemo)(() => {
+    const suppressedFilters = new Set();
+    filtersForCalculation.forEach(filter => {
+      const filterProps = filter.props;
+      const inhibited = filterProps.inhibit;
+      if (inhibited) {
+        inhibited.forEach(id => suppressedFilters.add(id));
+      }
+    });
+    const filteredState = (0, filtersHelper_1.getFiltersState)(filtersForCalculation.filter(f => !suppressedFilters.has(f.props.id)));
+    return (0, filtersHelper_1.getNumberOfChangedFilters)(filteredState);
+  }, [filtersForCalculation]);
+  const filtersChipComponent = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(chip_1.Chip, {
+    quantity: numberOfChangedFilters,
+    isOpen: false,
+    status: numberOfChangedFilters > 0 ? chipStatus || "active" : undefined,
+    onClick: filtersClickHandler,
+    icon: iconFilter_1.IconFilter,
+    title: translate("All Filters"),
+    triggerRef: filtersChipRef,
+    children: "+"
+  }), [numberOfChangedFilters, chipStatus, filtersClickHandler, translate, filtersChipRef]);
+  const childrenSignature = (0, react_1.useMemo)(() => {
+    const childrenArray = react_2.default.Children.toArray(children).filter(Boolean);
+    return childrenArray.map(child => {
+      if (!react_2.default.isValidElement(child)) {
+        return "invalid";
+      }
+      const childId = child.props.id || "no-id";
+      const state = child.props.state;
+      const defaultState = child.props.defaultState;
+      const childPropsQuery = JSON.stringify(child.props.fetchState || {});
+      const childPropsDataItems = JSON.stringify(child.props.dataItems || "no-data-items");
+      const stateHash = (0, filtersHelper_1.createStateHash)(state);
+      const defaultStateHash = (0, filtersHelper_1.createStateHash)(defaultState);
+      const propsHash = (0, filtersHelper_1.createPropsHash)(child.props);
+      return `${childId}|${stateHash}|${defaultStateHash}|${propsHash}|${childPropsQuery}|${childPropsDataItems}`;
+    }).join("||");
+  }, [children]);
+  const memoizedChildren = (0, react_1.useMemo)(() => (0, filtersHelper_1.stabilizeChildrenWithId)(children).filter(Boolean),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [childrenSignature]);
+  const handleRemovalClick = (0, react_1.useCallback)(() => {
+    const defaultState = (0, filtersHelper_1.createStateObject)(filtersForCalculation, "defaultState");
+    filtersForCalculation.forEach(child => {
+      var _a;
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      if (child) {
+        const childProps = child.props;
+        if (childProps.id) {
+          const childDefaultState = defaultState[childProps.id];
+          (_a = childProps.onChange) === null || _a === void 0 ? void 0 : _a.call(childProps, childDefaultState);
+        }
+      }
+    });
+    onPinChange === null || onPinChange === void 0 ? void 0 : onPinChange(false);
+    filtersChipRef.current.focus();
+  }, [filtersChipRef, filtersForCalculation, onPinChange]);
+  const chipRemovalComponent = (0, react_1.useMemo)(() => numberOfChangedFilters ? (0, jsx_runtime_1.jsx)(chip_1.Chip, {
+    title: translate("Clear"),
+    className: "zen-filters-container__removal-chip",
+    active: false,
+    status: isPinned ? "accent" : undefined,
+    onChange: handleRemovalClick,
+    icon: iconClose_1.IconClose
+  }) : null, [isPinned, handleRemovalClick, translate, numberOfChangedFilters]);
+  const memoizedFiltersElements = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+    children: [memoizedChildren, hasSavedFilters ? (0, jsx_runtime_1.jsx)(filtersSavedChipComponent_1.FiltersSavedChipComponent, {}) : null, filtersChipComponent, chipRemovalComponent]
+  }), [chipRemovalComponent, filtersChipComponent, hasSavedFilters, memoizedChildren]);
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: (0, classNames_1.classNames)(["zen-filters-container", isMobile ? "zen-filters-container--mobile" : "", className || ""]),
+    children: isMobile ? (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-filters-container__mobile-scroll-wrapper",
+      children: memoizedFiltersElements
+    }) : memoizedFiltersElements
+  });
 };
-exports.FiltersContainer = FiltersContainer;
+exports.FiltersContainer = FiltersContainer;

package/dist/filters/components/filtersEmptySelectedList.js

@@ -1,11 +1,37 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FiltersEmptySelectedList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
+injectString("en", "No Filters Selected", "No Filters Selected");
+injectString("en", "Selected filters will appear here.", "Selected filters will appear here.");
 const imageLooking_1 = require("../../images/imageLooking");
 const FiltersEmptySelectedList = () => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-filters-empty-selected-list", children: [(0, jsx_runtime_1.jsx)(imageLooking_1.ImageLooking, { className: "zen-filters-empty-selected-list__image", title: translate("No Filters Selected"), description: translate("Selected filters will appear here.") }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-filters-empty-selected-list__text", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-filters-empty-selected-list__header", children: translate("No Filters Selected") }), (0, jsx_runtime_1.jsx)("div", { className: "zen-filters-empty-selected-list__description", children: translate("Selected filters will appear here.") })] })] });
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-filters-empty-selected-list",
+    children: [(0, jsx_runtime_1.jsx)(imageLooking_1.ImageLooking, {
+      className: "zen-filters-empty-selected-list__image",
+      title: translate("No Filters Selected"),
+      description: translate("Selected filters will appear here.")
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-filters-empty-selected-list__text",
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: "zen-filters-empty-selected-list__header",
+        children: translate("No Filters Selected")
+      }), (0, jsx_runtime_1.jsx)("div", {
+        className: "zen-filters-empty-selected-list__description",
+        children: translate("Selected filters will appear here.")
+      })]
+    })]
+  });
 };
-exports.FiltersEmptySelectedList = FiltersEmptySelectedList;
+exports.FiltersEmptySelectedList = FiltersEmptySelectedList;

package/dist/filters/components/filtersSaveModal.js

@@ -1,53 +1,151 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.FiltersSaveModal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const modal_1 = require("../../modal/modal");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
+injectString("en", "Title already in use", "Title already in use");
+injectString("cs", "Save", "Ulo\u017Eit");
+injectString("da-DK", "Save", "Spare");
+injectString("de", "Save", "Speichern");
+injectString("en", "Save", "Save");
+injectString("es", "Save", "Guardar");
+injectString("fi-FI", "Save", "S\xE4\xE4st\xE4\xE4");
+injectString("fr", "Save", "Enregistrer");
+injectString("fr-FR", "Save", "Enregistrer");
+injectString("hu-HU", "Save", "Ment\xE9s");
+injectString("id", "Save", "Simpan");
+injectString("it", "Save", "Salvare");
+injectString("ja", "Save", "\u4FDD\u5B58");
+injectString("ko-KR", "Save", "\uC800\uC7A5");
+injectString("ms", "Save", "Simpan");
+injectString("nb-NO", "Save", "Lagre");
+injectString("nl", "Save", "Opslaan");
+injectString("pl", "Save", "Zapisz");
+injectString("pt-BR", "Save", "Salvar");
+injectString("sk-SK", "Save", "Ulo\u017Ei\u0165");
+injectString("sv", "Save", "Spara");
+injectString("th", "Save", "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01");
+injectString("tr", "Save", "Kaydet");
+injectString("zh-Hans", "Save", "\u4FDD\u5B58");
+injectString("zh-TW", "Save", "\u5132\u5B58");
+injectString("en", "Save filters", "Save filters");
+injectString("en", "Filter title", "Filter title");
+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");
 const textInput_1 = require("../../textInput/textInput");
 const filtersSavedItemsProvider_1 = require("./filtersSavedItemsProvider");
 const iconDisk_1 = require("../../icons/iconDisk");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
-const FiltersSaveModal = ({ isOpen, onClose, onSave, className, prioritize }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const { items } = (0, filtersSavedItemsProvider_1.useFiltersSavedItems)();
-    const iconDriveClassName = (0, useDriveClassName_1.useDriveClassName)("icon");
-    const [filterName, setFilterName] = (0, react_1.useState)("");
-    const toggleSaveModal = (0, react_1.useCallback)(() => {
-        onClose(!isOpen);
-    }, [isOpen, onClose]);
-    const handleCancelSaveModal = (0, react_1.useCallback)(() => {
-        onClose(false);
-        setFilterName("");
-    }, [onClose]);
-    const isValidFilterName = (0, react_1.useCallback)((name, existingNames) => {
-        if (!name) {
-            return false;
-        }
-        return !existingNames.map((item) => item.toLowerCase().trim()).includes(name.toLowerCase().trim());
-    }, []);
-    const handleApplySaveModal = (0, react_1.useCallback)(() => {
-        if (!isValidFilterName(filterName, Array.from(items))) {
-            return;
-        }
-        onClose(false);
-        onSave(filterName);
-        setFilterName("");
-    }, [filterName, isValidFilterName, items, onClose, onSave]);
-    const handleSaveModalFieldChange = (0, react_1.useCallback)((e) => {
-        setFilterName(e.target.value);
-    }, []);
-    const errorText = (0, react_1.useMemo)(() => {
-        if (!filterName) {
-            return "";
-        }
-        if (!isValidFilterName(filterName, Array.from(items))) {
-            return translate("Title already in use");
-        }
-        return "";
-    }, [filterName, isValidFilterName, items, translate]);
-    const saveIcon = (0, react_1.useCallback)(() => (0, jsx_runtime_1.jsx)(iconDisk_1.IconDisk, { description: translate("Save"), className: "svgIcon", size: iconDriveClassName ? "huge" : "large" }), [iconDriveClassName, translate]);
-    return (0, jsx_runtime_1.jsxs)(modal_1.Modal, { focus: "content", modalContainerClassName: prioritize ? "zen-filters-prioritized-modal" : "", isOpen: isOpen, onClose: toggleSaveModal, title: translate("Save filters"), className: className || "", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-filters-modal__content", children: (0, jsx_runtime_1.jsx)(textInput_1.TextInput, { value: filterName, ariaLabel: translate("Filter title"), placeholder: translate("Filter title"), onChange: handleSaveModalFieldChange, maxLength: 100, error: errorText }) }), (0, jsx_runtime_1.jsx)(modal_1.Modal.SecondaryButton, { onClick: handleCancelSaveModal, title: translate("Cancel"), children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(modal_1.Modal.PrimaryButton, { onClick: handleApplySaveModal, icon: saveIcon, title: translate("Save"), children: translate("Save") })] });
+const FiltersSaveModal = ({
+  isOpen,
+  onClose,
+  onSave,
+  className,
+  prioritize
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const {
+    items
+  } = (0, filtersSavedItemsProvider_1.useFiltersSavedItems)();
+  const iconDriveClassName = (0, useDriveClassName_1.useDriveClassName)("icon");
+  const [filterName, setFilterName] = (0, react_1.useState)("");
+  const toggleSaveModal = (0, react_1.useCallback)(() => {
+    onClose(!isOpen);
+  }, [isOpen, onClose]);
+  const handleCancelSaveModal = (0, react_1.useCallback)(() => {
+    onClose(false);
+    setFilterName("");
+  }, [onClose]);
+  const isValidFilterName = (0, react_1.useCallback)((name, existingNames) => {
+    if (!name) {
+      return false;
+    }
+    return !existingNames.map(item => item.toLowerCase().trim()).includes(name.toLowerCase().trim());
+  }, []);
+  const handleApplySaveModal = (0, react_1.useCallback)(() => {
+    if (!isValidFilterName(filterName, Array.from(items))) {
+      return;
+    }
+    onClose(false);
+    onSave(filterName);
+    setFilterName("");
+  }, [filterName, isValidFilterName, items, onClose, onSave]);
+  const handleSaveModalFieldChange = (0, react_1.useCallback)(e => {
+    setFilterName(e.target.value);
+  }, []);
+  const errorText = (0, react_1.useMemo)(() => {
+    if (!filterName) {
+      return "";
+    }
+    if (!isValidFilterName(filterName, Array.from(items))) {
+      return translate("Title already in use");
+    }
+    return "";
+  }, [filterName, isValidFilterName, items, translate]);
+  const saveIcon = (0, react_1.useCallback)(() => (0, jsx_runtime_1.jsx)(iconDisk_1.IconDisk, {
+    description: translate("Save"),
+    className: "svgIcon",
+    size: iconDriveClassName ? "huge" : "large"
+  }), [iconDriveClassName, translate]);
+  return (0, jsx_runtime_1.jsxs)(modal_1.Modal, {
+    focus: "content",
+    modalContainerClassName: prioritize ? "zen-filters-prioritized-modal" : "",
+    isOpen: isOpen,
+    onClose: toggleSaveModal,
+    title: translate("Save filters"),
+    className: className || "",
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-filters-modal__content",
+      children: (0, jsx_runtime_1.jsx)(textInput_1.TextInput, {
+        value: filterName,
+        ariaLabel: translate("Filter title"),
+        placeholder: translate("Filter title"),
+        onChange: handleSaveModalFieldChange,
+        maxLength: 100,
+        error: errorText
+      })
+    }), (0, jsx_runtime_1.jsx)(modal_1.Modal.SecondaryButton, {
+      onClick: handleCancelSaveModal,
+      title: translate("Cancel"),
+      children: translate("Cancel")
+    }), (0, jsx_runtime_1.jsx)(modal_1.Modal.PrimaryButton, {
+      onClick: handleApplySaveModal,
+      icon: saveIcon,
+      title: translate("Save"),
+      children: translate("Save")
+    })]
+  });
 };
-exports.FiltersSaveModal = FiltersSaveModal;
+exports.FiltersSaveModal = FiltersSaveModal;