@geotab/zenith 3.5.0 → 3.6.0-beta.0

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

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

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

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/utils/localization/translations/th.json

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

package/dist/utils/localization/translations/tr.json

@@ -250,5 +250,7 @@
     "Reload": "Yeniden yükle",
     "View details": "Ayrıntıları görüntüle",
     "Year to date": "Yılbaşından bugüne kadar",
-    "Time": "Zaman"
+    "Time": "Zaman",
+    "Apply filter": "Filtreyi uygula",
+    "Remove filter": "Filtreyi kaldır"
 }

package/dist/utils/localization/translations/zh-Hans.json

@@ -250,5 +250,7 @@
     "Reload": "重新加载",
     "View details": "查看详细信息",
     "Year to date": "年初至今",
-    "Time": "时间"
+    "Time": "时间",
+    "Apply filter": "应用筛选器",
+    "Remove filter": "删除筛选器"
 }

package/dist/utils/localization/translations/zh-TW.json

@@ -259,5 +259,7 @@
     "Reload": "重新載入",
     "View details": "檢視詳細資訊",
     "Year to date": "年初至今",
-    "Time": "時間"
+    "Time": "時間",
+    "Apply filter": "套用篩選器",
+    "Remove filter": "移除篩選器"
 }

package/dist/utils/positioningUtils/adjustParentRect.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.adjustParentRect = void 0;
+const zen_1 = require("../zen");
 const adjustParentRect = (parentRect) => {
-    if (parentRect.height > window.innerHeight) {
-        parentRect.bottom = window.innerHeight - window.scrollY;
+    if (parentRect.height > (zen_1.zen.innerHeight || 0)) {
+        parentRect.bottom = (zen_1.zen.innerHeight || 0) - (zen_1.zen.scrollY || 0);
     }
 };
 exports.adjustParentRect = adjustParentRect;

package/dist/utils/positioningUtils/calculatePosition.js

@@ -7,27 +7,29 @@ const alignments_1 = require("./alignments");
 const getBorders_1 = require("./getBorders");
 const getMargins_1 = require("./getMargins");
 const normalizePosition_1 = require("./normalizePosition");
+const zen_1 = require("../zen");
 const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn = alignments_1.alignments, scrollParent, forceHorizontalCenter
 // eslint-disable-next-line complexity
 ) => {
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!triggerRef.current || !popupRef.current) {
         return;
     }
     const triggerElement = triggerRef.current;
     const popup = popupRef.current;
-    const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+    const scrollTop = zen_1.zen.pageYOffset || ((_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.documentElement.scrollTop) || ((_b = zen_1.zen.document) === null || _b === void 0 ? void 0 : _b.body.scrollTop) || 0;
+    const scrollLeft = zen_1.zen.pageXOffset || ((_c = zen_1.zen.document) === null || _c === void 0 ? void 0 : _c.documentElement.scrollLeft) || ((_d = zen_1.zen.document) === null || _d === void 0 ? void 0 : _d.body.scrollLeft) || 0;
     const triggerRect = triggerElement.getBoundingClientRect();
     let popupRect = popup.getBoundingClientRect();
-    const relativeParent = inline ? ((0, getRelativeParent_1.getRelativeParent)(triggerElement) || document.body) : document.body;
+    const relativeParent = inline ? ((0, getRelativeParent_1.getRelativeParent)(triggerElement) || ((_e = zen_1.zen.document) === null || _e === void 0 ? void 0 : _e.body)) : (_f = zen_1.zen.document) === null || _f === void 0 ? void 0 : _f.body;
     popup.classList.add("zen-calculate-position");
-    const parentDomRect = relativeParent.getBoundingClientRect();
+    const parentDomRect = (relativeParent === null || relativeParent === void 0 ? void 0 : relativeParent.getBoundingClientRect()) || { top: 0, left: 0, bottom: 0, right: 0, width: 0, height: 0, x: 0, y: 0 };
     popup.classList.remove("zen-calculate-position");
-    const parentBorders = (0, getBorders_1.getBorders)(relativeParent);
-    const parentMargins = (0, getMargins_1.getMargins)(relativeParent);
+    const parentBorders = (0, getBorders_1.getBorders)(relativeParent || {});
+    const parentMargins = (0, getMargins_1.getMargins)(relativeParent || {});
     let parentTop = parentDomRect.top + parentBorders.top - parentMargins.top;
     let parentLeft = parentDomRect.left + parentBorders.left - parentMargins.left;
-    if (!inline && relativeParent === document.body) {
+    if (!inline && relativeParent === ((_g = zen_1.zen.document) === null || _g === void 0 ? void 0 : _g.body)) {
         parentTop = -scrollTop + parentBorders.top - parentMargins.top;
         parentLeft = -scrollLeft + parentBorders.left - parentMargins.left;
     }
@@ -36,15 +38,15 @@ const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, ali
         bottom: parentDomRect.bottom - parentBorders.bottom - parentMargins.bottom,
         left: parentLeft,
         right: parentDomRect.right - parentBorders.right + parentMargins.right,
-        height: window.innerHeight - parentDomRect.y,
-        width: window.innerWidth - parentDomRect.x
+        height: (zen_1.zen.innerHeight || 0) - parentDomRect.y,
+        width: (zen_1.zen.innerWidth || 0) - parentDomRect.x
     };
     (0, adjustParentRect_1.adjustParentRect)(parentRect);
     const alignmentFn = alignment ? alignmentsFn[alignment] : alignmentsFn["bottom-left"];
     let position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
     (0, normalizePosition_1.normalizePosition)(position, popupRect, parentRect);
     if (forceHorizontalCenter) {
-        const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
+        const centeredLeftPosition = ((zen_1.zen.innerWidth || 0) - popupRect.width) / 2 + (zen_1.zen.scrollX || 0);
         position.left = centeredLeftPosition;
         position.right = undefined;
     }
@@ -58,7 +60,7 @@ const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, ali
     position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
     (0, normalizePosition_1.normalizePosition)(position, popupRect, parentRect);
     if (forceHorizontalCenter) {
-        const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
+        const centeredLeftPosition = ((zen_1.zen.innerWidth || 0) - popupRect.width) / 2 + (zen_1.zen.scrollX || 0);
         position.left = centeredLeftPosition;
         position.right = undefined;
     }
@@ -75,22 +77,22 @@ const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, ali
     else if (isTopsideAlignment && (triggerRect.top - popupRect.height) < 0) {
         position.top = scrollTop;
     }
-    const relativeParentHeight = relativeParent.getBoundingClientRect().height;
+    const relativeParentHeight = (relativeParent === null || relativeParent === void 0 ? void 0 : relativeParent.getBoundingClientRect().height) || 0;
     if ((position.top ? position.top > relativeParentHeight && scrollTop === 0 : true) && scrollParentRect && triggerRect.bottom > scrollParentRect.bottom) {
-        position.top = Math.min(scrollParentRect.bottom, window.innerHeight - popupRect.height);
+        position.top = Math.min(scrollParentRect.bottom, (zen_1.zen.innerHeight || 0) - popupRect.height);
     }
     else if ((isRightsideAlignment || isLeftsideAlignment) && position.top !== undefined) {
         const popupBottom = position.top + parentRect.top + popupRect.height;
-        if (popupBottom > window.innerHeight) {
-            const overflow = popupBottom - window.innerHeight;
+        if (popupBottom > (zen_1.zen.innerHeight || 0)) {
+            const overflow = popupBottom - (zen_1.zen.innerHeight || 0);
             position.top = position.top - overflow;
             if (position.top < 0) {
                 position.top = 0;
             }
         }
     }
-    else if (!isTopsideAlignment && triggerRect.y + triggerRect.height + popupRect.height > window.innerHeight) {
-        const newTopPosition = window.innerHeight + scrollTop - popupRect.height;
+    else if (!isTopsideAlignment && triggerRect.y + triggerRect.height + popupRect.height > (zen_1.zen.innerHeight || 0)) {
+        const newTopPosition = (zen_1.zen.innerHeight || 0) + scrollTop - popupRect.height;
         position.top = newTopPosition < 0 ? 0 : newTopPosition;
     }
     Object.keys(position).forEach((prop) => {

package/dist/utils/positioningUtils/getBorders.js

@@ -2,8 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBorders = void 0;
 const getNumericStyle_1 = require("../getNumericStyle");
+const zen_1 = require("../zen");
 const getBorders = (element) => {
-    const styles = getComputedStyle(element);
+    var _a;
+    const styles = (_a = zen_1.zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, element);
+    if (!styles) {
+        return {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
+        };
+    }
     return {
         top: (0, getNumericStyle_1.getNumericStyle)(styles, "border-top-width"),
         bottom: (0, getNumericStyle_1.getNumericStyle)(styles, "border-bottom-width"),

package/dist/utils/positioningUtils/getMargins.js

@@ -2,8 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMargins = void 0;
 const getNumericStyle_1 = require("../getNumericStyle");
+const zen_1 = require("../zen");
 const getMargins = (element) => {
-    const styles = getComputedStyle(element);
+    var _a;
+    const styles = (_a = zen_1.zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, element);
+    if (!styles) {
+        return {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
+        };
+    }
     return {
         top: (0, getNumericStyle_1.getNumericStyle)(styles, "margin-top"),
         bottom: (0, getNumericStyle_1.getNumericStyle)(styles, "margin-bottom"),

package/dist/utils/positioningUtils/isChildPopup.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isChildPopup = void 0;
 const getParentByClass_1 = require("../getParentByClass");
+const zen_1 = require("../zen");
 const isChildPopup = (target, popup) => {
+    var _a;
     const parent = (0, getParentByClass_1.getParentByClass)(target, "zen-absolute");
     if (!parent) {
         return false;
@@ -10,7 +12,7 @@ const isChildPopup = (target, popup) => {
     if (parent === popup) {
         return true;
     }
-    const trigger = document.querySelector(`[data-popup-id='${parent.id}']`);
+    const trigger = (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-popup-id='${parent.id}']`);
     if (!trigger) {
         return false;
     }

package/dist/utils/theme/useMobileClassName.d.ts

@@ -0,0 +1 @@
+export declare const useMobileClassName: (className: string) => string | undefined;

package/dist/utils/theme/useMobileClassName.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobileClassName = void 0;
+const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
+const useDrive_1 = require("./useDrive");
+const useMobileClassName = (className) => {
+    const isDrive = (0, useDrive_1.useDrive)();
+    const isMobile = (0, useMobile_1.useMobile)();
+    if (isDrive || !isMobile) {
+        return undefined;
+    }
+    return `${className}--mobile`;
+};
+exports.useMobileClassName = useMobileClassName;

package/dist/utils/topWindow/topWindowContext.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { zen } from "../zen";
 interface ITopWindow {
-    topWindow: Window | undefined;
+    topWindow: Window | typeof zen | undefined;
 }
 export declare const topWindowContext: import("react").Context<ITopWindow>;
 export {};

package/dist/utils/topWindow/topWindowProvider.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from "react";
+import { zen } from "../zen";
 interface ITopWindowProviderProps extends PropsWithChildren {
-    topWindow: Window;
+    topWindow: Window | typeof zen;
 }
 export declare const TopWindowProvider: ({ topWindow, children }: ITopWindowProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/utils/useBodyScroll.js

@@ -2,12 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBodyScroll = void 0;
 const react_1 = require("react");
+const zen_1 = require("./zen");
 const useBodyScroll = () => {
     const resetScroll = (0, react_1.useCallback)(() => {
-        document.body.classList.remove("zen-popup-body", "zen-popup-body--hidden");
+        var _a;
+        (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.body.classList.remove("zen-popup-body", "zen-popup-body--hidden");
     }, []);
     const setScrollHidden = (0, react_1.useCallback)(() => {
-        document.body.classList.add("zen-popup-body", "zen-popup-body--hidden");
+        var _a;
+        (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.body.classList.add("zen-popup-body", "zen-popup-body--hidden");
     }, []);
     return { setScrollHidden, resetScroll };
 };

package/dist/utils/useFadeComponent.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFadeComponent = void 0;
 const react_1 = require("react");
+const zen_1 = require("./zen");
 const useFadeComponent = (initialState, onTransitionEnd) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialState);
     const [renderComponent, setRenderComponent] = (0, react_1.useState)(initialState);
@@ -9,12 +10,14 @@ const useFadeComponent = (initialState, onTransitionEnd) => {
     const [readyForFocus, setReadyForFocus] = (0, react_1.useState)(false);
     const prevIsOpen = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
+        var _a;
         isOpen && setRenderComponent(true);
-        const timeoutId = setTimeout(() => {
+        const timeoutId = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
             setShowContent(isOpen);
         }, 100);
         return () => {
-            clearTimeout(timeoutId);
+            var _a;
+            (_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timeoutId);
         };
     }, [isOpen]);
     const handleTransitionEnd = (0, react_1.useCallback)(() => {

package/dist/utils/useScrollWithAndroidKeyboard.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollWithAndroidKeyboard = void 0;
 const react_1 = require("react");
 const generateId_1 = require("../commonHelpers/generateId");
+const zen_1 = require("./zen");
 const useScrollWithAndroidKeyboard = () => {
     const [uniqueKey] = (0, react_1.useState)(() => (0, generateId_1.generateId)());
     const wrapperClass = `zen-mobile-sheet-wrapper__${uniqueKey}`;
@@ -10,7 +11,8 @@ const useScrollWithAndroidKeyboard = () => {
     const additionalWrapperClass = "zen-side-panel--shown-keyboard";
     const additionalMobileSheetClass = "zen-mobile-sheet--mobile-android";
     const addKeyboardClasses = (0, react_1.useCallback)(() => {
-        const wrapperElem = document.body.querySelector(`.${wrapperClass}`);
+        var _a;
+        const wrapperElem = (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.body.querySelector(`.${wrapperClass}`);
         const mobileSheetElem = wrapperElem === null || wrapperElem === void 0 ? void 0 : wrapperElem.querySelector(`.${mobileSheetClass}`);
         if (!wrapperElem) {
             return;
@@ -19,16 +21,18 @@ const useScrollWithAndroidKeyboard = () => {
         mobileSheetElem === null || mobileSheetElem === void 0 ? void 0 : mobileSheetElem.classList.add(additionalMobileSheetClass);
     }, [wrapperClass]);
     const handleFocus = (0, react_1.useCallback)(() => {
-        var _a;
+        var _a, _b;
         const isAndroid = navigator.userAgent.toLowerCase().includes("android");
         if (!isAndroid) {
             return;
         }
-        (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener("resize", addKeyboardClasses, { once: true });
+        (_b = (_a = zen_1.zen.window) === null || _a === void 0 ? void 0 : _a.visualViewport) === null || _b === void 0 ? void 0 : _b.addEventListener("resize", addKeyboardClasses, { once: true });
     }, [addKeyboardClasses]);
     const handleBlur = (0, react_1.useCallback)(() => {
-        setTimeout(() => {
-            const wrapperElem = document.body.querySelector(`.${wrapperClass}`);
+        var _a;
+        (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
+            var _a;
+            const wrapperElem = (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.body.querySelector(`.${wrapperClass}`);
             const mobileSheetElem = wrapperElem === null || wrapperElem === void 0 ? void 0 : wrapperElem.querySelector(`.${mobileSheetClass}`);
             wrapperElem === null || wrapperElem === void 0 ? void 0 : wrapperElem.classList.remove(additionalWrapperClass);
             mobileSheetElem === null || mobileSheetElem === void 0 ? void 0 : mobileSheetElem.classList.remove(additionalMobileSheetClass);

package/dist/utils/zen.d.ts

@@ -0,0 +1,4 @@
+import "./globalThisPolyfill";
+type Zen = Partial<typeof globalThis>;
+export declare const zen: Zen;
+export {};

package/dist/utils/zen.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zen = void 0;
+require("./globalThisPolyfill");
+exports.zen = globalThis;

package/dist/waiting/waiting.js

@@ -5,18 +5,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+const zen_1 = require("../utils/zen");
 const Waiting = ({ isLoading = false, delay = 400, hideOverlay = false, className = "", description }) => {
     const [visible, setVisible] = (0, react_1.useState)(false);
     const spinnerDriveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-waiting__spinner");
     (0, react_1.useEffect)(() => {
+        var _a;
         let timer;
         if (isLoading) {
-            timer = window.setTimeout(() => setVisible(true), delay);
+            timer = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => setVisible(true), delay);
         }
         else {
             setVisible(false);
         }
-        return () => { timer && window.clearTimeout(timer); };
+        return () => { var _a; timer && ((_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timer)); };
     }, [isLoading, setVisible, delay]);
     return visible ?
         (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-waiting", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__spinner-container", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), (0, jsx_runtime_1.jsx)("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), (0, jsx_runtime_1.jsx)("path", { className: "zen-waiting__spinner-animation", stroke: "url(#spinnerGradient)", strokeWidth: "6", strokeLinecap: "round", d: "M 32 4 A 28 28 0 1 1 32 60 A 28 28 0 1 1 32 4 Z" })] }) }), description && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner-text"]), children: description })] })] })

package/esm/absolute/absolute.d.ts

@@ -3,7 +3,7 @@ import "./absolute.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IAlignment } from "../utils/positioningUtils/alignments";
 export type TAlignment = "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
-export type TTrapFocus = "on" | "off" | "withTrigger";
+export type TTrapFocus = "on" | "off" | "withTrigger" | "none";
 export interface IAbsolute extends IZenComponentProps {
     triggerRef: RefObject<HTMLElement | null>;
     alignment?: TAlignment;
@@ -24,4 +24,4 @@ export interface IAbsolute extends IZenComponentProps {
     recalculateOnScroll?: boolean;
     recalculateTrigger?: boolean;
 }
-export declare const Absolute: ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, recalculateTrigger }: IAbsolute) => import("react/jsx-runtime").JSX.Element | "";
+export declare const Absolute: ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, recalculateTrigger }: IAbsolute) => import("react/jsx-runtime").JSX.Element | "" | null;

package/esm/absolute/absolute.js

@@ -14,11 +14,14 @@ import { useArrowKey } from "../commonHelpers/hooks/useArrowKey";
 import { themeContext } from "../utils/theme/themeContext";
 import { useScroll } from "../commonHelpers/hooks/useScroll";
 import { getScrollableParent } from "../utils/getScrollableParent";
+import { useClientReady } from "../commonHelpers/hooks/useClientReady";
+import { zen } from "../utils/zen";
 export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger = "off", shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, recalculateTrigger = true }) => {
     const popupRef = useRef(null);
     const prevScroll = useRef(0);
     const { dark } = useContext(themeContext);
-    const onScrollHandler = (e) => {
+    const isClientReady = useClientReady();
+    const onScrollHandler = e => {
         var _a;
         prevScroll.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
     };
@@ -30,12 +33,13 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
     }, [role, ariaLabelledby, ariaLabel]);
     const darkClassName = dark ? "zen-dark" : "";
     const renderPopup = () => {
+        var _a, _b;
         if (isOpen) {
-            const result = _jsx("div", Object.assign({}, accessibleAttr, { ref: popupRef, id: id, onScroll: shouldHoldScroll ? onScrollHandler : undefined, className: classNames(["zen-absolute", darkClassName, className || ""]), children: children }));
+            const result = (_jsx("div", Object.assign({}, accessibleAttr, { ref: popupRef, id: id, onScroll: shouldHoldScroll ? onScrollHandler : undefined, className: classNames(["zen-absolute", darkClassName, className || ""]), children: children })));
             if (inline) {
                 return result;
             }
-            return createPortal(result, document.fullscreenElement || document.body);
+            return createPortal(result, ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) || ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body));
         }
         return "";
     };
@@ -61,12 +65,12 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
         const focusable = [...Array.from(triggerRef.current.querySelectorAll(FOCUSABLE_SELECTOR))];
         (focusable[0] || triggerRef.current).focus();
     }
-    const condition = useCallback(() => useTrapFocusWithTrigger === "off" ? false : true, [useTrapFocusWithTrigger]);
+    const condition = useCallback(() => (useTrapFocusWithTrigger === "off" ? false : true), [useTrapFocusWithTrigger]);
     useTrapFocus(popupRef, useTrapFocusWithTrigger === "withTrigger" ? triggerRef : undefined, isOpen, condition);
     useEscape(popupRef, handleEscape, isOpen);
     useArrowKey(popupRef, handleEscape, isOpen);
     useEffect(() => {
-        var _a, _b;
+        var _a, _b, _c;
         const closeOnClickOutside = (e) => {
             if (!popupRef.current) {
                 return;
@@ -82,18 +86,22 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
             onOpenChange(false);
         };
         if (isOpen) {
-            document.body.addEventListener("click", closeOnClickOutside, true);
-            const firstFocusable = (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR);
+            (_a = zen.document) === null || _a === void 0 ? void 0 : _a.body.addEventListener("click", closeOnClickOutside, true);
+            const firstFocusable = (_b = popupRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(FOCUSABLE_SELECTOR);
+            if (useTrapFocusWithTrigger === "none") {
+                return undefined;
+            }
             if (useTrapFocusWithTrigger !== "withTrigger") {
                 if (firstFocusable) {
                     firstFocusable.focus();
                 }
                 else {
-                    (_b = popupRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                    (_c = popupRef.current) === null || _c === void 0 ? void 0 : _c.focus();
                 }
             }
             return () => {
-                document.body.removeEventListener("click", closeOnClickOutside, true);
+                var _a;
+                (_a = zen.document) === null || _a === void 0 ? void 0 : _a.body.removeEventListener("click", closeOnClickOutside, true);
             };
         }
         return () => { };
@@ -116,5 +124,8 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
             prevScroll.current = 0;
         }
     }, [children, isOpen, shouldHoldScroll]);
+    if (!isClientReady) {
+        return null;
+    }
     return renderPopup();
 };

package/esm/advancedGroupsFilter/advancedGroupsFilter.js

@@ -6,6 +6,7 @@ import { AdvancedGroupsFilterForm, TRANSLATIONS as AdvancedGroupsFilterFormTrans
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { Modal } from "../modal/modal";
+import { zen } from "../utils/zen";
 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");
@@ -106,7 +107,8 @@ export const AdvancedGroupsFilter = ({
     onClose();
   };
   useEffect(() => {
-    const timeoutId = setTimeout(() => {
+    var _a;
+    const timeoutId = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
       if (!dataItemsValue.length) {
         getData().then(data => {
           setDataItemsValue(data);
@@ -115,7 +117,10 @@ export const AdvancedGroupsFilter = ({
         });
       }
     });
-    return () => clearTimeout(timeoutId);
+    return () => {
+      var _a;
+      return (_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timeoutId);
+    };
   }, [getData, errorHandler, dataItemsValue.length]);
   const handleApply = () => {
     onApply(prepareToFilterState(currentState));