@geotab/zenith 1.22.0-beta.ssr.0 → 1.22.0

package/dist/absolute/absolute.js

@@ -33,14 +33,12 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
     }, [role, ariaLabelledby, ariaLabel]);
     const darkClassName = dark ? "zen-dark" : "";
     const renderPopup = () => {
-        var _a, _b;
         if (isOpen) {
             const result = (0, jsx_runtime_1.jsx)("div", Object.assign({}, accessableAttr, { ref: popupRef, id: id, onScroll: shouldHoldScroll ? onScrollHandler : undefined, className: (0, classNames_1.classNames)(["zen-absolute", darkClassName, className || ""]), children: children }));
             if (inline) {
                 return result;
             }
-            // eslint-disable-next-line
-            return (0, react_dom_1.createPortal)(result, ((_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) || ((_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.body));
+            return (0, react_dom_1.createPortal)(result, document.fullscreenElement || document.body);
         }
         return "";
     };
@@ -71,7 +69,7 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
     (0, useEscape_1.useEscape)(popupRef, handleEscape, isOpen);
     (0, useArrowKey_1.useArrowKey)(popupRef, handleEscape, isOpen);
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
+        var _a, _b;
         const closeOnClickOutside = (e) => {
             if (!popupRef.current) {
                 return;
@@ -87,21 +85,18 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
             onOpenChange(false);
         };
         if (isOpen) {
-            // eslint-disable-next-line
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.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(focusableSelector_1.FOCUSABLE_SELECTOR);
+            document.body.addEventListener("click", closeOnClickOutside, true);
+            const firstFocusable = (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR);
             if (useTrapFocusWithTrigger !== "withTrigger") {
                 if (firstFocusable) {
                     firstFocusable.focus();
                 }
                 else {
-                    (_c = popupRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+                    (_b = popupRef.current) === null || _b === void 0 ? void 0 : _b.focus();
                 }
             }
             return () => {
-                var _a;
-                // eslint-disable-next-line
-                (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.removeEventListener("click", closeOnClickOutside, true);
+                document.body.removeEventListener("click", closeOnClickOutside, true);
             };
         }
         return () => { };

package/dist/accordion/accordion.js

@@ -5,13 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const accordionItem_1 = require("./accordionItem/accordionItem");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
 const Accordion = ({ data = [], className = "", activeIds = [], onItemClick }) => {
     const fullClassName = (0, classNames_1.classNames)(["zen-accordion", className]);
-    const isClientReady = (0, useClientReady_1.useClientReady)();
-    if (!isClientReady) {
-        return null;
-    }
     return (0, jsx_runtime_1.jsx)("div", { className: fullClassName, children: data.map((item) => (0, react_1.createElement)(accordionItem_1.AccordionItem, Object.assign({}, item, { key: item.id, isActive: activeIds.indexOf(item.id) !== -1, onClick: () => onItemClick && onItemClick(item.id) }))) });
 };
 exports.Accordion = Accordion;

package/dist/banner/banner.js

@@ -5,14 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const bannerSingleLine_1 = require("./bannerSingleLine");
 const bannerMultipLine_1 = require("./bannerMultipLine");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
-const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
 const Banner = ({ children, header, type = "warning", icon, action, size, onClose, multiline, role = "status", ariaAtomic = "true", ariaLive = "polite", className }) => {
     const isMobile = (0, useMobile_1.useMobile)();
     const isMultiline = multiline === undefined ? isMobile : multiline;
-    const isClientReady = (0, useClientReady_1.useClientReady)();
-    if (!isClientReady) {
-        return null;
-    }
     return isMultiline ? (0, jsx_runtime_1.jsx)(bannerMultipLine_1.BannerMultiline, { children,
         header,
         type,

package/dist/betaPill/betaPill.js

@@ -10,7 +10,6 @@ const pill_1 = require("../pill/pill");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const pillExpandable_1 = require("../pillExpandable/pillExpandable");
 const betaPillContext_1 = require("./betaPillContext");
-const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
 const BetaPill = ({ className, feedbackAction, betaOptionAction }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     const isMobile = (0, useMobile_1.useMobile)();
@@ -20,18 +19,14 @@ const BetaPill = ({ className, feedbackAction, betaOptionAction }) => {
         isMobile ? "zen-beta-pill--mobile" : "",
         className !== null && className !== void 0 ? className : ""
     ]), [isMobile, className]);
-    const isClientReady = (0, useClientReady_1.useClientReady)();
     const contextActions = (0, betaPillContext_1.useBetaPillActions)();
     let resolvedMainAction = feedbackAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.feedbackAction);
     let resolvedSecondaryAction = betaOptionAction || (contextActions === null || contextActions === void 0 ? void 0 : contextActions.betaOptionAction);
-    if ((resolvedMainAction || resolvedSecondaryAction) && isClientReady) {
+    if (resolvedMainAction || resolvedSecondaryAction) {
         resolvedMainAction = Object.assign(Object.assign({}, resolvedMainAction), { text: (resolvedMainAction === null || resolvedMainAction === void 0 ? void 0 : resolvedMainAction.text) || translate("Send feedback") });
         resolvedSecondaryAction = Object.assign(Object.assign({}, resolvedSecondaryAction), { text: (resolvedSecondaryAction === null || resolvedSecondaryAction === void 0 ? void 0 : resolvedSecondaryAction.text) || translate("Manage beta option") });
         return ((0, jsx_runtime_1.jsx)(pillExpandable_1.PillExpandable, { isBeta: true, icon: iconLab_1.IconLab, description: translate("This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements."), text: translate("Beta"), type: "info", className: pillClasses, mainAction: resolvedMainAction, secondaryAction: resolvedSecondaryAction }));
     }
-    if (!isClientReady) {
-        return null;
-    }
     return ((0, jsx_runtime_1.jsx)(pill_1.Pill, { icon: iconLab_1.IconLab, className: pillClasses, type: "info", children: !isMobile && ((0, jsx_runtime_1.jsx)("span", { className: "zen-caption__content", children: translate("Beta") })) }));
 };
 exports.BetaPill = BetaPill;

package/dist/calendar/calendar.js

@@ -30,14 +30,12 @@ const Calendar = ({ id, value, onChange, disableFutureDates = false, disablePast
     const [hoverDate, setHoverDate] = (0, react_1.useState)(fromDate);
     const [focusDate, setFocusDate] = (0, react_1.useState)(fromDate || new Date().toISOString());
     const changeView = (0, react_1.useCallback)((date) => {
-        var _a, _b, _c, _d;
-        // eslint-disable-next-line
-        focusRef.current = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.activeElement;
+        var _a, _b;
+        focusRef.current = document.activeElement;
         const dateLike = new Date(date);
         dateLike.setDate(15);
-        // eslint-disable-next-line
-        if ((_c = (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.activeElement) === null || _c === void 0 ? void 0 : _c.classList.contains("zen-parallel-selection__select")) {
-            (_d = parallelSelectionTriggerRef.current) === null || _d === void 0 ? void 0 : _d.focus();
+        if ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.classList.contains("zen-parallel-selection__select")) {
+            (_b = parallelSelectionTriggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         setViewDate(dateLike.toISOString());
     }, [setViewDate]);

package/dist/chart/barChart/getDefaultDatasetStyle.d.ts

@@ -8,7 +8,7 @@ export declare const getDefaultDatasetStyle: (dataSet: IBarChartDataset, dsIndex
     barThickness?: number | "flex" | undefined;
     maxBarThickness?: number | undefined;
     minBarLength?: number | undefined;
-    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | undefined;
+    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | undefined;
     grouped?: boolean | undefined;
     indexAxis?: "x" | "y" | undefined;
     clip?: number | false | import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").ChartArea> | undefined;

package/dist/chart/barChart.js

@@ -21,6 +21,7 @@ const utils_1 = require("../commonHelpers/utils");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const themeContext_1 = require("../utils/theme/themeContext");
+const generateId_1 = require("../commonHelpers/generateId");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const legendPlugin_1 = require("./plugins/legend/legendPlugin");
 const chartSummary_1 = require("./chartSummary/chartSummary");
@@ -52,8 +53,8 @@ const BarChart = (_a) => {
         };
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [fontSize, dark]);
-    const legendId = (0, react_1.useId)();
-    const tooltipId = (0, react_1.useId)();
+    const legendId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
+    const tooltipId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
     const { toLocalDateTime } = (0, react_1.useContext)(userFormatContext_1.userFormatContext);
     const isTimedData = (0, react_1.useMemo)(() => (0, isDateRange_1.isDateRange)(data, false), [data]);
     const yAxisMeta = (0, react_1.useMemo)(() => (0, getYAxisMeta_1.getYAxisMeta)(data), [data]);

package/dist/chart/lineChart/getDefaultDatasetStyle.d.ts

@@ -21,7 +21,7 @@ export declare const getDefaultDatasetStyle: (dataSet: ILineChartNativeDataset,
     pointHitRadius?: number | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointRadius?: number | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
     pointRotation?: number | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;
-    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js").PointStyle | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | readonly (false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | undefined)[] | undefined;
+    pointStyle?: false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js").PointStyle | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | readonly (false | "circle" | "line" | "rect" | "triangle" | "cross" | "crossRot" | "dash" | "rectRounded" | "rectRot" | "star" | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLCanvasElement> | import("chart.js/dist/types/utils")._DeepPartialObject<HTMLImageElement> | undefined)[] | undefined;
     pointHoverBackgroundColor?: string | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     pointHoverBorderColor?: string | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js").Color | undefined) | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | readonly (string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | undefined)[] | undefined;
     pointHoverBorderWidth?: number | ((ctx: import("chart.js").ScriptableContext<"line">, options: import("chart.js/dist/types/basic").AnyObject) => number | undefined) | readonly (number | undefined)[] | undefined;

package/dist/chart/lineChart/useChartTicks.js

@@ -20,9 +20,9 @@ const useChartTicks = () => {
         const handleResize = () => {
             applyWidth();
         };
-        globalThis.addEventListener("resize", handleResize);
+        window.addEventListener("resize", handleResize);
         return () => {
-            globalThis.removeEventListener("resize", handleResize);
+            window.removeEventListener("resize", handleResize);
         };
     }, []);
     const ticks = (0, react_1.useMemo)(() => {

package/dist/chart/lineChart.js

@@ -22,6 +22,7 @@ const getDefaultDatasetStyle_1 = require("./lineChart/getDefaultDatasetStyle");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const themeContext_1 = require("../utils/theme/themeContext");
+const generateId_1 = require("../commonHelpers/generateId");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const legendPlugin_1 = require("./plugins/legend/legendPlugin");
 const chartAxis_1 = require("./chartAxis/chartAxis");
@@ -54,8 +55,8 @@ const LineChart = (_a) => {
         };
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [fontSize, dark]);
-    const legendId = (0, react_1.useId)();
-    const tooltipId = (0, react_1.useId)();
+    const legendId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
+    const tooltipId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
     const { isHidden, toggleHidden } = (0, useHidden_1.useHidden)();
     const { toLocalDateTime } = (0, react_1.useContext)(userFormatContext_1.userFormatContext);
     const isTimedData = (0, react_1.useMemo)(() => (0, isDateRange_1.isDateRange)(data, true), [data]);

package/dist/chart/pieChart.js

@@ -21,6 +21,7 @@ const utils_1 = require("../commonHelpers/utils");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const themeContext_1 = require("../utils/theme/themeContext");
+const generateId_1 = require("../commonHelpers/generateId");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const legendPlugin_1 = require("./plugins/legend/legendPlugin");
 const chartSummary_1 = require("./chartSummary/chartSummary");
@@ -37,8 +38,6 @@ const PieChart = (_a) => {
     const isMobile = (0, useMobile_1.useMobile)();
     const fontSize = (0, react_1.useMemo)(() => isDrive ? (isMobile ? 14 : 16) : 12, [isDrive, isMobile]);
     const { dark } = (0, react_1.useContext)(themeContext_1.themeContext);
-    const legendId = (0, react_1.useId)();
-    const tooltipId = (0, react_1.useId)();
     (0, react_1.useEffect)(() => {
         auto_1.Chart.defaults.font = {
             family: "Roboto",
@@ -46,6 +45,8 @@ const PieChart = (_a) => {
         };
         auto_1.Chart.defaults.color = dark ? "#FFFFFF" : "#1F2833";
     }, [fontSize, dark]);
+    const legendId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
+    const tooltipId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
     const defOptions = (0, react_1.useMemo)(() => (0, getDefaultOptions_1.getDefaultOptions)(), []);
     const chartOptions = (0, utils_1.deepMerge)(defOptions, options);
     const { isHidden, toggleHidden } = (0, useHidden_1.useHidden)();

package/dist/chart/plugins/legend/legendPlugin.js

@@ -10,9 +10,7 @@ const legendPlugin = (containerId, options, isDrive, isHidden, toggleHidden) =>
     id: exports.LEGEND_PLUGIN_ID,
     isDrive: isDrive,
     afterUpdate(chart) {
-        var _a;
-        // eslint-disable-next-line
-        const container = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.getElementById(containerId);
+        const container = document.getElementById(containerId);
         if (!container) {
             return;
         }

package/dist/chart/plugins/tooltip/renderTooltip.js

@@ -5,24 +5,19 @@ const escapeHtml_1 = require("../../../utils/escapeHtml");
 const calculatePositions_1 = require("./calculatePositions");
 const isOutOfViewport_1 = require("./isOutOfViewport");
 const getOrCreateTooltip = (id, isDark) => {
-    var _a, _b, _c;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    let tooltipEl = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.getElementById(id);
+    let tooltipEl = document.body.querySelector(`#${id}`);
     if (!tooltipEl) {
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        tooltipEl = (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.createElement("div");
+        tooltipEl = document.createElement("div");
         tooltipEl.id = id;
         tooltipEl.className = "zen-chart-tooltip";
         tooltipEl.setAttribute("role", "tooltip");
         tooltipEl.setAttribute("aria-hidden", "true");
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        (_c = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _c === void 0 ? void 0 : _c.body.appendChild(tooltipEl);
+        document.body.appendChild(tooltipEl);
     }
     tooltipEl.classList.toggle("zen-dark", isDark);
     return tooltipEl;
 };
 const renderTooltip = (tooltipId, x, y, position, items, title, subtitle, isDark) => {
-    var _a, _b;
     const element = getOrCreateTooltip(tooltipId, isDark);
     element.style.display = "block";
     const titleHtml = title ? `<div class="zen-chart-tooltip__header">${(0, escapeHtml_1.htmlEscape)(title)}</div>` : "";
@@ -34,14 +29,12 @@ const renderTooltip = (tooltipId, x, y, position, items, title, subtitle, isDark
         </div>`);
     const itemsHtml = `<div class="zen-chart-tooltip__items">${itemsList.join("")}</div>`;
     element.innerHTML = `${titleHtml}${subtitleHtml}${itemsHtml}`;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const arrow = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.createElement("div");
+    const arrow = document.createElement("div");
     arrow.className = "zen-chart-tooltip__arrow";
     element.appendChild(arrow);
     const tooltipRect = element.getBoundingClientRect();
     const positionsOrder = [position, ...calculatePositions_1.positionOrder[position]];
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const bodyRect = (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.body.getBoundingClientRect();
+    const bodyRect = document.body.getBoundingClientRect();
     let finalPosition = undefined;
     for (let i = 0; i < positionsOrder.length; i++) {
         const pos = positionsOrder[i];
@@ -69,21 +62,16 @@ const renderTooltip = (tooltipId, x, y, position, items, title, subtitle, isDark
 };
 exports.renderTooltip = renderTooltip;
 const hideTooltip = (tooltipId) => {
-    var _a;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const element = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.getElementById(tooltipId);
+    const element = document.body.querySelector(`#${tooltipId}`);
     if (element) {
         element.style.display = "none";
     }
 };
 exports.hideTooltip = hideTooltip;
 const destroyTooltip = (tooltipId) => {
-    var _a, _b;
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    const element = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.getElementById(tooltipId);
+    const element = document.body.querySelector(`#${tooltipId}`);
     if (element) {
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.body.removeChild(element);
+        document.body.removeChild(element);
     }
 };
 exports.destroyTooltip = destroyTooltip;

package/dist/chart/plugins/tooltip/tooltipPlugin.js

@@ -75,7 +75,6 @@ const TooltipPlugin = (containerId, options, alignment = "top", isHidden, isDark
         });
     },
     afterDraw: (chart) => {
-        var _a;
         if (options === false) {
             return;
         }
@@ -98,8 +97,7 @@ const TooltipPlugin = (containerId, options, alignment = "top", isHidden, isDark
                 values = (0, getPieTooltipItems_1.getPieTooltipItems)(chart.data, datasetIndex, index, options);
             }
             const chartRect = chart.canvas.getBoundingClientRect();
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.getBoundingClientRect();
+            document.body.getBoundingClientRect();
             const scrollableParent = (0, getScrollableParent_1.getScrollableParent)(chart.canvas);
             const scrollTop = scrollableParent ? scrollableParent.scrollTop : 0;
             const scrollLeft = scrollableParent ? scrollableParent.scrollLeft : 0;

package/dist/combobox/comboboxNavigation.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClickOutside = exports.useComboboxNavigation = void 0;
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 const react_1 = require("react");
 const useKeydown_1 = require("../commonHelpers/hooks/useKeydown");
 const useComboboxNavigation = (callback, subscriptionTrigger, condition) => {
@@ -13,16 +12,14 @@ const useComboboxNavigation = (callback, subscriptionTrigger, condition) => {
 exports.useComboboxNavigation = useComboboxNavigation;
 const useClickOutside = (ref, callback) => {
     (0, react_1.useEffect)(() => {
-        var _a;
         const handleClick = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
                 callback();
             }
         };
-        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.addEventListener("click", handleClick, true);
+        document.body.addEventListener("click", handleClick, true);
         return () => {
-            var _a;
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.removeEventListener("click", handleClick, true);
+            document.body.removeEventListener("click", handleClick, true);
         };
     }, [ref, callback]);
 };

package/dist/commonHelpers/arrowNavigation/hooks/useHoldOnScroll.js

@@ -18,7 +18,7 @@ const useHoldOnScroll = () => {
             return;
         }
         setAction(actionName);
-        timerRef.current = globalThis.setTimeout(() => {
+        timerRef.current = window.setTimeout(() => {
             action && setAction(actionName);
         }, 500);
     };

package/dist/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js

@@ -8,7 +8,7 @@ const useScrollWhileHolding = ({ action, container, intervalTimer }) => {
         if (!container || !action) {
             return;
         }
-        intervalTimer.current = globalThis.setInterval(() => {
+        intervalTimer.current = window.setInterval(() => {
             const { left, top } = (0, arrowNavigationHelper_1.getScrollOptions)(action, container);
             (0, arrowNavigationHelper_1.scrollElement)(container, { left, top });
             if ((left === container.scrollWidth && action === "right") || (left === 0 && action === "left")) {

package/dist/commonHelpers/hooks/useDeviceType.d.ts

@@ -1,3 +1,3 @@
 import { DeviceType } from "./deviceType";
-export declare const getDeviceType: (width?: number) => DeviceType;
+export declare const getDeviceType: (width: number) => DeviceType;
 export declare const useDeviceType: (callback: (deviceType: DeviceType) => void) => void;

package/dist/commonHelpers/hooks/useDeviceType.js

@@ -8,8 +8,7 @@ const topWindowContext_1 = require("../../utils/topWindow/topWindowContext");
 const getParentWindow_1 = require("../../utils/getParentWindow");
 const MobileMaxWidth = 640;
 const getDeviceType = (width) => {
-    // TODO: think about better solution - could be issue if app opens in mobile with SSR
-    if (width === undefined || width > MobileMaxWidth) {
+    if (width > MobileMaxWidth) {
         return deviceType_1.DeviceType.Desktop;
     }
     return deviceType_1.DeviceType.Mobile;
@@ -17,7 +16,7 @@ const getDeviceType = (width) => {
 exports.getDeviceType = getDeviceType;
 const useDeviceType = (callback) => {
     const { topWindow } = (0, react_1.useContext)(topWindowContext_1.topWindowContext);
-    const win = (0, react_1.useMemo)(() => topWindow || (0, getParentWindow_1.getParentWindow)(globalThis), [topWindow]);
+    const win = (0, react_1.useMemo)(() => topWindow || (0, getParentWindow_1.getParentWindow)(window), [topWindow]);
     const [deviceType, setDeviceType] = (0, react_1.useState)((0, exports.getDeviceType)(win.innerWidth));
     (0, useResize_1.useResize)(() => {
         setDeviceType((0, exports.getDeviceType)(win.innerWidth));

package/dist/commonHelpers/hooks/useKeydown.js

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeydown = void 0;
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 const react_1 = require("react");
 const useKeydown = (callback, subscriptionTrigger, condition) => {
     (0, react_1.useEffect)(() => {
-        var _a;
         if (condition ? condition(subscriptionTrigger) : subscriptionTrigger) {
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.addEventListener("keydown", callback);
+            document.body.addEventListener("keydown", callback);
         }
         return () => {
-            var _a;
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body.removeEventListener("keydown", callback);
+            document.body.removeEventListener("keydown", callback);
         };
     }, [callback, condition, subscriptionTrigger]);
 };

package/dist/commonHelpers/hooks/useMobile.js

@@ -5,7 +5,7 @@ const react_1 = require("react");
 const deviceType_1 = require("./deviceType");
 const useDeviceType_1 = require("./useDeviceType");
 const getParentWindow_1 = require("../../utils/getParentWindow");
-const initialParent = (0, getParentWindow_1.getParentWindow)(globalThis);
+const initialParent = (0, getParentWindow_1.getParentWindow)(window);
 exports.initialValue = (0, useDeviceType_1.getDeviceType)(initialParent.innerWidth);
 const useMobile = () => {
     const [deviceType, setDeviceType] = (0, react_1.useState)(exports.initialValue);

package/dist/commonHelpers/hooks/useResize.js

@@ -7,10 +7,10 @@ const useResize = (callback, active) => {
         if (!active) {
             return;
         }
-        globalThis.addEventListener("resize", callback);
+        window.addEventListener("resize", callback);
         // eslint-disable-next-line consistent-return
         return () => {
-            globalThis.removeEventListener("resize", callback);
+            window.removeEventListener("resize", callback);
         };
     }, [callback, active]);
 };

package/dist/commonHelpers/hooks/useResizeObserver.js

@@ -10,21 +10,17 @@ const getTarget = (target) => {
 const useResizeObserver = ({ target }) => {
     const [result, setResult] = (0, react_1.useState)(null);
     const timeoutRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line
-    const ResizeObserverFn = globalThis === null || globalThis === void 0 ? void 0 : globalThis.ResizeObserver;
-    // eslint-disable-next-line
-    const observerCallback = ResizeObserverFn ? new ResizeObserverFn((entities) => {
+    const observer = (0, react_1.useRef)(new ResizeObserver((entities) => {
         timeoutRef.current && cancelAnimationFrame(timeoutRef.current);
         timeoutRef.current = requestAnimationFrame(() => setResult(entities[0]));
-    }) : undefined;
-    const observer = (0, react_1.useRef)(observerCallback);
+    }));
     (0, react_1.useLayoutEffect)(() => {
         const targetObj = getTarget(target);
         const observerObj = observer.current;
-        targetObj && (observerObj === null || observerObj === void 0 ? void 0 : observerObj.observe(targetObj));
+        targetObj && observerObj.observe(targetObj);
         return () => {
             timeoutRef.current && cancelAnimationFrame(timeoutRef.current);
-            observerObj === null || observerObj === void 0 ? void 0 : observerObj.disconnect();
+            observerObj.disconnect();
         };
     }, [target]);
     return { result };

package/dist/commonHelpers/hooks/useScroll.js

@@ -2,10 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScroll = void 0;
 const react_1 = require("react");
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-const useScroll = (callback, active, triggerRef) => {
-    var _a;
-    if (triggerRef === void 0) { triggerRef = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body; }
+const useScroll = (callback, active, triggerRef = document.body) => {
     (0, react_1.useEffect)(() => {
         if (!active || triggerRef === null) {
             return;

package/dist/commonHelpers/hooks/useTrapFocus.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTrapFocus = void 0;
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 const react_1 = require("react");
 const dialogHelpers_1 = require("../../dialog/dialogHelpers");
 const focusableSelector_1 = require("../../utils/focusableSelector");
@@ -11,14 +10,10 @@ const isElementHidden_1 = require("../../utils/isElementHidden");
 const findFirstVisible = (elems, isElementVisible) => elems.find(elem => isElementVisible(elem));
 const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition, isElementVisible) => {
     const handleKeyDown = (0, react_1.useCallback)((e) => {
-        var _a, _b, _c, _d, _e;
-        const getChildCondition = () => {
-            var _a, _b;
-            return triggerRef
-                ? !(0, isChildOf_1.isChildOf)(e.target, containerRef.current)
-                    && e.target !== ((_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.body) && !(0, isChildOf_1.isChildOf)(e.target, triggerRef.current)
-                : !(0, isChildOf_1.isChildOf)(e.target, containerRef.current) && e.target !== ((_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.body);
-        };
+        var _a;
+        const getChildCondition = () => triggerRef
+            ? !(0, isChildOf_1.isChildOf)(e.target, containerRef.current) && e.target !== document.body && !(0, isChildOf_1.isChildOf)(e.target, triggerRef.current)
+            : !(0, isChildOf_1.isChildOf)(e.target, containerRef.current) && e.target !== document.body;
         if (!containerRef.current || getChildCondition()) {
             return;
         }
@@ -43,22 +38,22 @@ const useTrapFocus = (containerRef, triggerRef, subscriptionTrigger, condition,
                 return;
             }
             if (e.shiftKey) {
-                if (((_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.activeElement) === first) {
+                if (document.activeElement === first) {
                     e.preventDefault();
                     last === null || last === void 0 ? void 0 : last.focus();
                     return;
                 }
-                if (firstContainerFocusable && ((_c = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _c === void 0 ? void 0 : _c.activeElement) === firstContainerFocusable) {
+                if (firstContainerFocusable && document.activeElement === firstContainerFocusable) {
                     e.preventDefault();
                     lastTriggerFocusable === null || lastTriggerFocusable === void 0 ? void 0 : lastTriggerFocusable.focus();
                 }
                 return;
             }
-            if (((_d = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _d === void 0 ? void 0 : _d.activeElement) === last) {
+            if (document.activeElement === last) {
                 e.preventDefault();
                 first === null || first === void 0 ? void 0 : first.focus();
             }
-            if (lastTriggerFocusable && ((_e = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _e === void 0 ? void 0 : _e.activeElement) === lastTriggerFocusable) {
+            if (lastTriggerFocusable && document.activeElement === lastTriggerFocusable) {
                 e.preventDefault();
                 firstContainerFocusable === null || firstContainerFocusable === void 0 ? void 0 : firstContainerFocusable.focus();
             }

package/dist/commonHelpers/utils.js

@@ -47,8 +47,8 @@ const deepCloneFallback = (candidateToCopy) => {
     }, {});
 };
 const deepClone = (candidateToCopy) => {
-    if (typeof globalThis.structuredClone === "function") {
-        return globalThis.structuredClone(candidateToCopy);
+    if (typeof window.structuredClone === "function") {
+        return window.structuredClone(candidateToCopy);
     }
     return (candidateToCopy === undefined ? undefined : deepCloneFallback(candidateToCopy));
 };