@geotab/zenith 3.5.0 → 3.6.0-beta.0

package/esm/toast/toast.js

@@ -1,7 +1,7 @@
 import { useContext, useEffect, useId } from "react";
 import { FeedbackContext } from "../feedbackContainer/feedbackContext";
 import { useWarning } from "../feedbackProvider/hooks/useWarning";
-export const Toast = ({ isOpen, header, type, onClose, hasIcon, action, id }) => {
+export const Toast = ({ isOpen, header, type, onClose, hasIcon, action, id, showSeconds, className }) => {
     const { addToast, removeToast, toasts, toastsAnimation, toastsQueue, removedToastId, apiToastActions, setApiToastActions, mode } = useContext(FeedbackContext);
     const generatedId = useId();
     const localId = id || generatedId;
@@ -15,9 +15,9 @@ export const Toast = ({ isOpen, header, type, onClose, hasIcon, action, id }) =>
     useEffect(() => {
         if (isApi) {
             if (isOpen && !isInApiToasts) {
-                addToast({ header, id: localId, type, onClose: () => {
+                addToast({ showSeconds, header, id: localId, type, onClose: () => {
                         onClose();
-                    }, hasIcon, action });
+                    }, hasIcon, action, className });
                 return;
             }
             if (!isOpen && isInApiToasts) {
@@ -31,9 +31,9 @@ export const Toast = ({ isOpen, header, type, onClose, hasIcon, action, id }) =>
             return;
         }
         if (isOpen && (!isInQueue && !isRendered)) {
-            addToast({ header, id: localId, type, onClose: () => {
+            addToast({ showSeconds, header, id: localId, type, onClose: () => {
                     onClose();
-                }, hasIcon, action });
+                }, hasIcon, action, className });
         }
         if (!isOpen && isRendered && !isInQueue && !isAnimating) {
             if (toastIndex !== -1) {
@@ -60,7 +60,9 @@ export const Toast = ({ isOpen, header, type, onClose, hasIcon, action, id }) =>
         isApi,
         apiToastActions,
         setApiToastActions,
-        isInApiToasts
+        isInApiToasts,
+        className,
+        showSeconds
     ]);
     return null;
 };

package/esm/toast/utils/isToastTarget.d.ts

@@ -0,0 +1 @@
+export declare const isToastTarget: (e: Event) => boolean;

package/esm/toast/utils/isToastTarget.js

@@ -0,0 +1,7 @@
+export const isToastTarget = (e) => {
+    if (!e.target) {
+        return false;
+    }
+    const target = e.target;
+    return !!target.closest(".zen-toast");
+};

package/esm/toastRaw/hooks/useProgress.js

@@ -1,26 +1,29 @@
 import { useEffect, useRef, useState } from "react";
+import { zen } from "../../utils/zen";
 export const MIN_SECONDS_TO_SHOW = 7;
 export const useProgress = ({ isOpen, onClose, showSeconds = MIN_SECONDS_TO_SHOW }) => {
     const [progress, setProgress] = useState(100);
     const isFinishedRef = useRef(false);
     const seconds = showSeconds <= 0 ? MIN_SECONDS_TO_SHOW : showSeconds;
     useEffect(() => {
+        var _a;
         if (isOpen && !isFinishedRef.current) {
-            const interval = setInterval(() => {
+            const interval = (_a = zen.setInterval) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
                 setProgress((prev) => {
+                    var _a, _b;
                     if (isFinishedRef.current) {
                         return prev;
                     }
                     if (prev < 0) {
-                        clearInterval(interval);
+                        (_a = zen.clearInterval) === null || _a === void 0 ? void 0 : _a.call(zen, interval);
                         isFinishedRef.current = true;
-                        setTimeout(onClose);
+                        (_b = zen.setTimeout) === null || _b === void 0 ? void 0 : _b.call(zen, onClose);
                         return 0;
                     }
                     return prev - 1;
                 });
             }, seconds * 10);
-            return () => clearInterval(interval);
+            return () => { var _a; return (_a = zen.clearInterval) === null || _a === void 0 ? void 0 : _a.call(zen, interval); };
         }
         return undefined;
     }, [isOpen, onClose, seconds, showSeconds]);

package/esm/toastRaw/toastRaw.d.ts

@@ -25,4 +25,5 @@ export interface IToastRaw extends IZenComponentProps {
     action?: IAction;
     ref?: RefObject<HTMLDivElement | null>;
 }
-export declare const ToastRaw: ({ isOpen, onClose, animation, type, hasIcon, header, id, action, showSeconds, ref }: IToastRaw) => import("react/jsx-runtime").JSX.Element;
+export declare const TOAST_CLASSNAME = "zen-toast";
+export declare const ToastRaw: ({ className, isOpen, onClose, animation, type, hasIcon, header, id, action, showSeconds, ref }: IToastRaw) => import("react/jsx-runtime").JSX.Element;

package/esm/toastRaw/toastRaw.js

@@ -44,7 +44,9 @@ const typedIcons = {
   info: IconInfoCircle
 };
 const getIcon = t => typedIcons[t];
+export const TOAST_CLASSNAME = "zen-toast";
 export const ToastRaw = ({
+  className,
   isOpen,
   onClose,
   animation,
@@ -71,9 +73,9 @@ export const ToastRaw = ({
     onClose,
     showSeconds
   });
-  const toastClasses = classNames(["zen-toast", `zen-toast--${type || "info"}`, isMobile ? "zen-toast--mobile" : "", isDrive ? "zen-toast--drive" : "", dark ? "zen-dark" : ""]);
-  const contentStartClasses = useMemo(() => classNames(["zen-toast__content-start", hasIcon ? "zen-toast__content-start--icon" : ""]), [hasIcon]);
-  const contentEndClasses = classNames(["zen-toast__content-end", action ? "zen-toast__content-end--action" : ""]);
+  const toastClasses = classNames([TOAST_CLASSNAME, `${TOAST_CLASSNAME}--${type || "info"}`, isMobile ? `${TOAST_CLASSNAME}--mobile` : "", isDrive ? `${TOAST_CLASSNAME}--drive` : "", dark ? "zen-dark" : "", className || ""]);
+  const contentStartClasses = useMemo(() => classNames([`${TOAST_CLASSNAME}__content-start`, hasIcon ? `${TOAST_CLASSNAME}__content-start--icon` : ""]), [hasIcon]);
+  const contentEndClasses = classNames([`${TOAST_CLASSNAME}__content-end`, action ? `${TOAST_CLASSNAME}__content-end--action` : ""]);
   const onActionClick = useCallback(() => {
     var _a;
     (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
@@ -85,7 +87,7 @@ export const ToastRaw = ({
     }
     if (action.icon) {
       return _jsx(TextIconButton, {
-        className: "zen-toast__action",
+        className: `${TOAST_CLASSNAME}__action`,
         type: "tertiary",
         icon: action.icon,
         iconPosition: action.iconPosition || ButtonIconPosition.Start,
@@ -96,7 +98,7 @@ export const ToastRaw = ({
       });
     }
     return _jsx(Button, {
-      className: "zen-toast__action",
+      className: `${TOAST_CLASSNAME}__action`,
       type: "tertiary",
       link: action.link,
       onClick: onActionClick,
@@ -119,23 +121,23 @@ export const ToastRaw = ({
         style: {
           width: `${progress}%`
         },
-        className: classNames(["zen-toast__progress", "progress", `zen-toast__progress--${type || "info"}`, progress !== 100 ? "zen-toast__progress--active" : ""])
+        className: classNames([`${TOAST_CLASSNAME}__progress`, "progress", `${TOAST_CLASSNAME}__progress--${type || "info"}`, progress !== 100 ? `${TOAST_CLASSNAME}__progress--active` : ""])
       }), _jsxs("div", {
-        className: "zen-toast__content",
+        className: `${TOAST_CLASSNAME}__content`,
         children: [_jsxs("div", {
           className: contentStartClasses,
           children: [hasIcon && createElement(getIcon(type || "info"), {
             size: isDrive ? "huge" : "large",
-            className: `zen-toast__icon--${type || "info"}`
+            className: `${TOAST_CLASSNAME}__icon--${type || "info"}`
           }), _jsx("div", {
-            className: classNames(["zen-toast__header", `zen-toast__header--${type || "info"}`]),
+            className: classNames([`${TOAST_CLASSNAME}__header`, `${TOAST_CLASSNAME}__header--${type || "info"}`]),
             children: header
           })]
         }), _jsxs("div", {
           className: contentEndClasses,
           children: [actionButton, _jsx("button", {
             type: "button",
-            className: classNames(["zen-toast__close-button", `zen-toast__close-button--${type || "info"}`]),
+            className: classNames([`${TOAST_CLASSNAME}__close-button`, `${TOAST_CLASSNAME}__close-button--${type || "info"}`]),
             onClick: onClose,
             title: translate("Close"),
             "aria-label": translate("Close"),

package/esm/toolbar/helpers/getWidthWithMargin.js

@@ -1,5 +1,7 @@
+import { zen } from "../../utils/zen";
 export const getWidthWithMargin = (elem) => {
-    const style = window.getComputedStyle(elem);
+    var _a;
+    const style = ((_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, elem)) || { marginLeft: "0", marginRight: "0" };
     const margin = (parseFloat(style.marginLeft) + parseFloat(style.marginRight)) || 0;
     const width = elem.getBoundingClientRect().width;
     return width + margin;

package/esm/toolbar/helpers/getWidthWithoutPadding.js

@@ -1,6 +1,8 @@
+import { zen } from "../../utils/zen";
 export const getWidthWithoutPadding = (elem) => {
-    const style = window.getComputedStyle(elem);
-    const padding = (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight)) || 0;
+    var _a;
+    const style = (_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, elem);
+    const padding = (parseFloat((style === null || style === void 0 ? void 0 : style.paddingLeft) || "0") + parseFloat((style === null || style === void 0 ? void 0 : style.paddingRight) || "0")) || 0;
     const width = elem.getBoundingClientRect().width;
     return width - padding;
 };

package/esm/tooltip/tooltip.js

@@ -16,6 +16,7 @@ import { useLanguage } from "../utils/localization/useLanguage";
 import { IconInfoCircle } from "../icons/iconInfoCircle";
 import { useDrive } from "../utils/theme/useDrive";
 import { Shield } from "../shield/shield";
+import { zen } from "../utils/zen";
 injectString("cs", "Information", "Informace");
 injectString("da-DK", "Information", "Information");
 injectString("de", "Information", "Information");
@@ -84,8 +85,8 @@ const arrowClasses = {
   "left-bottom": "zen-tooltip__arrow--left"
 };
 const getInitialDeviceType = () => {
-  if (typeof window !== "undefined") {
-    return getDeviceType(window.innerWidth);
+  if (typeof zen.window !== "undefined") {
+    return getDeviceType(zen.window.innerWidth);
   }
   return DeviceType.Desktop;
 };
@@ -110,11 +111,13 @@ const EventWrapper = ({
   }, [originalOnClick, handleUniversalClick]);
   const desktopEvents = {
     onMouseOver: () => {
+      var _a;
       setTooltipVisible(true);
-      timerMouseOutRef.current && clearTimeout(timerMouseOutRef.current);
+      timerMouseOutRef.current && ((_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timerMouseOutRef.current));
     },
     onMouseLeave: () => {
-      timerRef.current = setTimeout(() => {
+      var _a;
+      timerRef.current = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
         setTooltipVisible(false);
       }, TOOLTIP_VISIBILITY_DELAY);
     },
@@ -243,8 +246,9 @@ export const Tooltip = ({
     }
   };
   const checkNaturalFit = useCallback((rawPosition, popupRect) => {
-    const docWidth = window.innerWidth + window.scrollX;
-    const docHeight = window.innerHeight + window.scrollY;
+    var _a, _b, _c, _d;
+    const docWidth = (((_a = zen.window) === null || _a === void 0 ? void 0 : _a.innerWidth) || 0) + (((_b = zen.window) === null || _b === void 0 ? void 0 : _b.scrollX) || 0);
+    const docHeight = (((_c = zen.window) === null || _c === void 0 ? void 0 : _c.innerHeight) || 0) + (((_d = zen.window) === null || _d === void 0 ? void 0 : _d.scrollY) || 0);
     // Check horizontal fit
     if (rawPosition.left !== undefined) {
       if (rawPosition.left < 0 || rawPosition.left + popupRect.width > docWidth) {
@@ -268,6 +272,7 @@ export const Tooltip = ({
     return true;
   }, []);
   const getEffectiveAlignment = useCallback(preferredAlignment => {
+    var _a, _b, _c, _d;
     if (isMobile) {
       return preferredAlignment;
     }
@@ -281,10 +286,10 @@ export const Tooltip = ({
     const parentRect = {
       top: 0,
       left: 0,
-      right: window.innerWidth,
-      bottom: window.innerHeight,
-      width: window.innerWidth,
-      height: window.innerHeight
+      right: ((_a = zen.window) === null || _a === void 0 ? void 0 : _a.innerWidth) || 0,
+      bottom: ((_b = zen.window) === null || _b === void 0 ? void 0 : _b.innerHeight) || 0,
+      width: ((_c = zen.window) === null || _c === void 0 ? void 0 : _c.innerWidth) || 0,
+      height: ((_d = zen.window) === null || _d === void 0 ? void 0 : _d.innerHeight) || 0
     };
     const [mainAlignment, subAlignment] = preferredAlignment.split("-");
     const oppositeMain = getOppositeAlignment(mainAlignment);
@@ -301,7 +306,9 @@ export const Tooltip = ({
     }
     return preferredAlignment;
   }, [isMobile, TOOLTIP_ARROW_HEIGHT, triggerRef, checkNaturalFit]);
+  // eslint-disable-next-line complexity
   const renderTooltip = () => {
+    var _a, _b;
     if (!isTooltipVisible) {
       return "";
     }
@@ -314,11 +321,13 @@ export const Tooltip = ({
         ref: tooltipRef,
         className: classNames(["zen-tooltip", dark ? "zen-dark" : "", `zen-tooltip--auto`, isMobile ? "zen-tooltip--mobile" : "", isDrive ? "zen-tooltip--drive" : "", className]),
         onMouseOver: () => {
-          timerRef.current && clearTimeout(timerRef.current);
-          timerMouseOutRef.current && clearTimeout(timerMouseOutRef.current);
+          var _a, _b;
+          timerRef.current && ((_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timerRef.current));
+          timerMouseOutRef.current && ((_b = zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen, timerMouseOutRef.current));
         },
         onMouseOut: () => {
-          timerMouseOutRef.current = setTimeout(() => {
+          var _a;
+          timerMouseOutRef.current = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
             if (!isMobile && !isDrive) {
               setTooltipVisible(false);
             }
@@ -350,7 +359,7 @@ export const Tooltip = ({
         })]
       })]
     });
-    return createPortal(content, document.fullscreenElement || document.body, tooltipId);
+    return createPortal(content, ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) || ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body), tooltipId);
   };
   const calculatePosition = useCallback(() => {
     const eAlignment = getEffectiveAlignment(tooltipAlignmentRef.current);
@@ -368,6 +377,7 @@ export const Tooltip = ({
   useResize(calculatePosition, isTooltipVisible);
   useLayoutEffect(calculatePosition, [isTooltipVisible, calculatePosition]);
   useEffect(() => {
+    var _a, _b;
     const finalClickHandler = event => {
       var _a, _b;
       if (!isTooltipVisible) {
@@ -387,20 +397,22 @@ export const Tooltip = ({
         setTooltipVisible(false);
       }
     };
-    document.addEventListener("click", finalClickHandler);
-    document.addEventListener("keydown", escapeHandler);
+    (_a = zen.document) === null || _a === void 0 ? void 0 : _a.addEventListener("click", finalClickHandler);
+    (_b = zen.document) === null || _b === void 0 ? void 0 : _b.addEventListener("keydown", escapeHandler);
     return () => {
-      document.removeEventListener("click", finalClickHandler);
-      document.removeEventListener("keydown", escapeHandler);
+      var _a, _b;
+      (_a = zen.document) === null || _a === void 0 ? void 0 : _a.removeEventListener("click", finalClickHandler);
+      (_b = zen.document) === null || _b === void 0 ? void 0 : _b.removeEventListener("keydown", escapeHandler);
     };
   }, [isTooltipVisible, deviceType, triggerRef, tooltipRef]);
   // Cleanup timers and event listeners on unmount to prevent memory leaks and test issues
   useEffect(() => () => {
+    var _a, _b;
     if (timerRef.current) {
-      clearTimeout(timerRef.current);
+      (_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timerRef.current);
     }
     if (timerMouseOutRef.current) {
-      clearTimeout(timerMouseOutRef.current);
+      (_b = zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen, timerMouseOutRef.current);
     }
   }, []);
   return _jsxs(_Fragment, {

package/esm/utils/getParentWithHiddenOverflow.js

@@ -1,7 +1,9 @@
+import { zen } from "./zen";
 export const getParentWithHiddenOverflow = function (element) {
+    var _a;
     let el = element.parentElement;
     while (el && el instanceof Element) {
-        const overflow = window.getComputedStyle(el).overflow || "";
+        const overflow = ((_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, el).overflow) || "";
         if (overflow === "hidden") {
             return el;
         }

package/esm/utils/getRelativeParent.js

@@ -1,7 +1,9 @@
+import { zen } from "./zen";
 export const getRelativeParent = function (element) {
+    var _a;
     let el = element.parentElement;
     while (el && el instanceof Element) {
-        const pos = window.getComputedStyle(el).position || "";
+        const pos = ((_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, el).position) || "";
         if (pos === "relative" || pos === "absolute") {
             return el;
         }

package/esm/utils/globalThisPolyfill.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Polyfill for globalThis to ensure compatibility with older browsers and Node.js versions.
+ * This provides a consistent way to access the global object across different environments.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis
+ */
+/**
+ * Ensures globalThis polyfill is applied.
+ * Import this file to guarantee globalThis is available.
+ */
+export declare const ensureGlobalThis: () => typeof globalThis;

package/esm/utils/globalThisPolyfill.js

@@ -0,0 +1,29 @@
+/**
+ * Polyfill for globalThis to ensure compatibility with older browsers and Node.js versions.
+ * This provides a consistent way to access the global object across different environments.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis
+ */
+(function () {
+    if (typeof globalThis === "object") {
+        return;
+    }
+    Object.defineProperty(Object.prototype, "__temp__", {
+        get: function () {
+            return this;
+        },
+        configurable: true
+    });
+    // eslint-disable-next-line
+    // @ts-ignore
+    __temp__.globalThis = __temp__;
+    // eslint-disable-next-line
+    // @ts-ignore
+    // eslint-disable-next-line
+    delete Object.prototype.__temp__;
+}());
+/**
+ * Ensures globalThis polyfill is applied.
+ * Import this file to guarantee globalThis is available.
+ */
+export const ensureGlobalThis = () => globalThis;

package/esm/utils/keyboardHelpers.js

@@ -1,10 +1,12 @@
 import { FOCUSABLE_SELECTOR } from "./focusableSelector";
+import { zen } from "./zen";
 export const getNewFocusableItem = (step, container, specificSelector) => {
+    var _a;
     if (!container) {
         return undefined;
     }
     const allFocusables = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
-    const currentElement = document.activeElement;
+    const currentElement = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.activeElement;
     if (allFocusables.length === 0) {
         return undefined;
     }

package/esm/utils/localization/languageContext.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const languageContext: import("react").Context<"th" | "tr" | "ms" | "id" | "en" | "es" | "de" | "cs" | "fr-FR" | "fr" | "it" | "ja" | "nl" | "pl" | "pt-BR" | "sv" | "zh-Hans" | "ko-KR" | "zh-TW" | "da-DK" | "fi-FI" | "hu-HU" | "nb-NO" | "sk-SK" | "pt-PT" | "ro-RO">;
+export declare const languageContext: import("react").Context<"it" | "th" | "tr" | "ms" | "id" | "en" | "es" | "de" | "cs" | "fr-FR" | "fr" | "ja" | "nl" | "pl" | "pt-BR" | "sv" | "zh-Hans" | "ko-KR" | "zh-TW" | "da-DK" | "fi-FI" | "hu-HU" | "nb-NO" | "sk-SK" | "pt-PT" | "ro-RO">;

package/esm/utils/localization/translations/cs.json

@@ -250,5 +250,7 @@
     "Reload": "Načíst znovu",
     "View details": "Zobrazit podrobnosti",
     "Year to date": "Od začátku roku",
-    "Time": "Čas"
+    "Time": "Čas",
+    "Apply filter": "Použít filtr",
+    "Remove filter": "Odebrat filtr"
 }

package/esm/utils/localization/translations/da-DK.json

@@ -260,5 +260,7 @@
     "Reload": "Genindlæs",
     "View details": "Se detaljer",
     "Year to date": "År til dato",
-    "Time": "Tid"
+    "Time": "Tid",
+    "Apply filter": "Anvend filter",
+    "Remove filter": "Fjern filter"
 }

package/esm/utils/localization/translations/de.json

@@ -250,5 +250,7 @@
     "Reload": "Neu laden",
     "View details": "Details anzeigen",
     "Year to date": "Seit Jahresbeginn",
-    "Time": "Zeit"
+    "Time": "Zeit",
+    "Apply filter": "Filter anwenden",
+    "Remove filter": "Filter entfernen"
 }

package/esm/utils/localization/translations/en.json

@@ -310,5 +310,9 @@
     "Selection panel": "Selection panel",
     "Bulk select": "Bulk select",
     "Year to date": "Year to date",
-    "Time": "Time"
+    "Time": "Time",
+    "Filters and search": "Filters and search",
+    "Apply filter": "Apply filter",
+    "This filter is currently applied.": "This filter is currently applied.",
+    "Remove filter": "Remove filter"
 }

package/esm/utils/localization/translations/es.json

@@ -250,5 +250,7 @@
     "Reload": "Volver a cargar",
     "View details": "Ver detalles",
     "Year to date": "Año a la fecha",
-    "Time": "Hora"
+    "Time": "Hora",
+    "Apply filter": "Aplicar filtro",
+    "Remove filter": "Eliminar filtro"
 }

package/esm/utils/localization/translations/fi-FI.json

@@ -260,5 +260,7 @@
     "Reload": "Ladata uudelleen",
     "View details": "Näytä tiedot",
     "Year to date": "Vuoden alusta",
-    "Time": "Aika"
+    "Time": "Aika",
+    "Apply filter": "Käytä suodatinta",
+    "Remove filter": "Poista suodatin"
 }

package/esm/utils/localization/translations/fr-FR.json

@@ -250,5 +250,7 @@
     "Reload": "Actualiser",
     "View details": "Voir les détails",
     "Year to date": "L’année passée",
-    "Time": "Heure"
+    "Time": "Heure",
+    "Apply filter": "Appliquer filtre",
+    "Remove filter": "Supprimer filtre"
 }

package/esm/utils/localization/translations/fr.json

@@ -250,5 +250,7 @@
     "Reload": "Recharger",
     "View details": "Afficher les détails",
     "Year to date": "Cumul jusqu’à ce jour",
-    "Time": "Heure"
+    "Time": "Heure",
+    "Apply filter": "Appliquer les filtres",
+    "Remove filter": "Supprimer le filtre"
 }

package/esm/utils/localization/translations/hu-HU.json

@@ -260,5 +260,7 @@
     "Reload": "Újratöltés",
     "View details": "Részletek megtekintése",
     "Year to date": "Év a mai napig",
-    "Time": "Idő"
+    "Time": "Idő",
+    "Apply filter": "Szűrő alkalmazása",
+    "Remove filter": "Szűrő eltávolítása"
 }

package/esm/utils/localization/translations/id.json

@@ -250,5 +250,7 @@
     "Reload": "Muat ulang",
     "View details": "Lihat detail",
     "Year to date": "Tahun hingga saat ini",
-    "Time": "Waktu"
+    "Time": "Waktu",
+    "Apply filter": "Terapkan filter",
+    "Remove filter": "Hapus filter"
 }

package/esm/utils/localization/translations/it.json

@@ -250,5 +250,7 @@
     "Reload": "Ricarica",
     "View details": "Visualizzare dettagli",
     "Year to date": "Dall'inizio dell'anno",
-    "Time": "Tempo"
+    "Time": "Tempo",
+    "Apply filter": "Applicare filtro",
+    "Remove filter": "Rimuovere filtro"
 }

package/esm/utils/localization/translations/ja.json

@@ -250,5 +250,7 @@
     "Reload": "再読込",
     "View details": "詳細を表示する",
     "Year to date": "累計",
-    "Time": "時間"
+    "Time": "時間",
+    "Apply filter": "フィルターを適用",
+    "Remove filter": "フィルターを削除"
 }

package/esm/utils/localization/translations/ko-KR.json

@@ -259,5 +259,7 @@
     "Reload": "다시 불러오기",
     "View details": "세부 정보 보기",
     "Year to date": "올해 현재까지",
-    "Time": "시간"
+    "Time": "시간",
+    "Apply filter": "필터 적용",
+    "Remove filter": "필터 제거"
 }

package/esm/utils/localization/translations/ms.json

@@ -250,5 +250,7 @@
     "Reload": "Muatkan semula",
     "View details": "Lihat butiran",
     "Year to date": "Tahun ini hingga tarikh ini",
-    "Time": "Masa"
+    "Time": "Masa",
+    "Apply filter": "Gunakan penyaring",
+    "Remove filter": "Keluarkan penyaring"
 }

package/esm/utils/localization/translations/nb-NO.json

@@ -260,5 +260,7 @@
     "Reload": "Last inn på nytt",
     "View details": "Se detaljer",
     "Year to date": "År til dato",
-    "Time": "Tid"
+    "Time": "Tid",
+    "Apply filter": "Bruk filter",
+    "Remove filter": "Fjern filter"
 }

package/esm/utils/localization/translations/nl.json

@@ -250,5 +250,7 @@
     "Reload": "Herladen",
     "View details": "Details weergeven",
     "Year to date": "Jaar tot heden",
-    "Time": "Tijd"
+    "Time": "Tijd",
+    "Apply filter": "Filter toepassen",
+    "Remove filter": "Filter verwijderen"
 }

package/esm/utils/localization/translations/pl.json

@@ -250,5 +250,7 @@
     "Reload": "Odśwież",
     "View details": "Wyświetl szczegóły",
     "Year to date": "Od początku roku",
-    "Time": "Czas"
+    "Time": "Czas",
+    "Apply filter": "Zastosuj filtr",
+    "Remove filter": "Usuń filtr"
 }

package/esm/utils/localization/translations/pt-BR.json

@@ -250,5 +250,7 @@
     "Reload": "Recarregar",
     "View details": "Exibir detalhes",
     "Year to date": "Acumulado no ano",
-    "Time": "Hora"
+    "Time": "Hora",
+    "Apply filter": "Aplicar filtros",
+    "Remove filter": "Remover filtro"
 }

package/esm/utils/localization/translations/sk-SK.json

@@ -259,5 +259,7 @@
     "Reload": "Obnoviť",
     "View details": "Zobraziť podrobnosti",
     "Year to date": "Rok od začiatku",
-    "Time": "Čas"
+    "Time": "Čas",
+    "Apply filter": "Použiť filter",
+    "Remove filter": "Odstrániť filter"
 }

package/esm/utils/localization/translations/sv.json

@@ -250,5 +250,7 @@
     "Reload": "Ladda igen",
     "View details": "Visa detaljer",
     "Year to date": "År till dagens datum",
-    "Time": "Tid"
+    "Time": "Tid",
+    "Apply filter": "Tillämpa filter",
+    "Remove filter": "Ta bort filter"
 }

package/esm/utils/localization/translations/th.json

@@ -250,5 +250,7 @@
     "Reload": "โหลดอีกครั้ง",
     "View details": "ดูรายละเอียด",
     "Year to date": "ต้นปีถึงปัจจุบัน",
-    "Time": "เวลา"
+    "Time": "เวลา",
+    "Apply filter": "ใช้ตัวกรอง",
+    "Remove filter": "ลบตัวกรอง"
 }