@geotab/zenith 3.5.0 → 3.6.0-beta.1

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": "ลบตัวกรอง"
 }

package/esm/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/esm/utils/localization/translations/zh-Hans.json

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

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

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

package/esm/utils/positioningUtils/adjustParentRect.js

@@ -1,5 +1,6 @@
+import { zen } from "../zen";
 export const adjustParentRect = (parentRect) => {
-    if (parentRect.height > window.innerHeight) {
-        parentRect.bottom = window.innerHeight - window.scrollY;
+    if (parentRect.height > (zen.innerHeight || 0)) {
+        parentRect.bottom = (zen.innerHeight || 0) - (zen.scrollY || 0);
     }
 };

package/esm/utils/positioningUtils/calculatePosition.js

@@ -4,27 +4,29 @@ import { alignments } from "./alignments";
 import { getBorders } from "./getBorders";
 import { getMargins } from "./getMargins";
 import { normalizePosition } from "./normalizePosition";
+import { zen } from "../zen";
 export const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn = 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.pageYOffset || ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.documentElement.scrollTop) || ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body.scrollTop) || 0;
+    const scrollLeft = zen.pageXOffset || ((_c = zen.document) === null || _c === void 0 ? void 0 : _c.documentElement.scrollLeft) || ((_d = zen.document) === null || _d === void 0 ? void 0 : _d.body.scrollLeft) || 0;
     const triggerRect = triggerElement.getBoundingClientRect();
     let popupRect = popup.getBoundingClientRect();
-    const relativeParent = inline ? (getRelativeParent(triggerElement) || document.body) : document.body;
+    const relativeParent = inline ? (getRelativeParent(triggerElement) || ((_e = zen.document) === null || _e === void 0 ? void 0 : _e.body)) : (_f = 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 = getBorders(relativeParent);
-    const parentMargins = getMargins(relativeParent);
+    const parentBorders = getBorders(relativeParent || {});
+    const parentMargins = 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.document) === null || _g === void 0 ? void 0 : _g.body)) {
         parentTop = -scrollTop + parentBorders.top - parentMargins.top;
         parentLeft = -scrollLeft + parentBorders.left - parentMargins.left;
     }
@@ -33,15 +35,15 @@ export const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inli
         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.innerHeight || 0) - parentDomRect.y,
+        width: (zen.innerWidth || 0) - parentDomRect.x
     };
     adjustParentRect(parentRect);
     const alignmentFn = alignment ? alignmentsFn[alignment] : alignmentsFn["bottom-left"];
     let position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
     normalizePosition(position, popupRect, parentRect);
     if (forceHorizontalCenter) {
-        const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
+        const centeredLeftPosition = ((zen.innerWidth || 0) - popupRect.width) / 2 + (zen.scrollX || 0);
         position.left = centeredLeftPosition;
         position.right = undefined;
     }
@@ -55,7 +57,7 @@ export const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inli
     position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
     normalizePosition(position, popupRect, parentRect);
     if (forceHorizontalCenter) {
-        const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
+        const centeredLeftPosition = ((zen.innerWidth || 0) - popupRect.width) / 2 + (zen.scrollX || 0);
         position.left = centeredLeftPosition;
         position.right = undefined;
     }
@@ -72,22 +74,22 @@ export const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inli
     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.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.innerHeight || 0)) {
+            const overflow = popupBottom - (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.innerHeight || 0)) {
+        const newTopPosition = (zen.innerHeight || 0) + scrollTop - popupRect.height;
         position.top = newTopPosition < 0 ? 0 : newTopPosition;
     }
     Object.keys(position).forEach((prop) => {

package/esm/utils/positioningUtils/getBorders.js

@@ -1,6 +1,16 @@
 import { getNumericStyle } from "../getNumericStyle";
+import { zen } from "../zen";
 export const getBorders = (element) => {
-    const styles = getComputedStyle(element);
+    var _a;
+    const styles = (_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, element);
+    if (!styles) {
+        return {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
+        };
+    }
     return {
         top: getNumericStyle(styles, "border-top-width"),
         bottom: getNumericStyle(styles, "border-bottom-width"),

package/esm/utils/positioningUtils/getMargins.js

@@ -1,6 +1,16 @@
 import { getNumericStyle } from "../getNumericStyle";
+import { zen } from "../zen";
 export const getMargins = (element) => {
-    const styles = getComputedStyle(element);
+    var _a;
+    const styles = (_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, element);
+    if (!styles) {
+        return {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
+        };
+    }
     return {
         top: getNumericStyle(styles, "margin-top"),
         bottom: getNumericStyle(styles, "margin-bottom"),

package/esm/utils/positioningUtils/isChildPopup.js

@@ -1,5 +1,7 @@
 import { getParentByClass } from "../getParentByClass";
+import { zen } from "../zen";
 export const isChildPopup = (target, popup) => {
+    var _a;
     const parent = getParentByClass(target, "zen-absolute");
     if (!parent) {
         return false;
@@ -7,7 +9,7 @@ export const isChildPopup = (target, popup) => {
     if (parent === popup) {
         return true;
     }
-    const trigger = document.querySelector(`[data-popup-id='${parent.id}']`);
+    const trigger = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-popup-id='${parent.id}']`);
     if (!trigger) {
         return false;
     }

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

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

package/esm/utils/theme/useMobileClassName.js

@@ -0,0 +1,10 @@
+import { useMobile } from "../../commonHelpers/hooks/useMobile";
+import { useDrive } from "./useDrive";
+export const useMobileClassName = (className) => {
+    const isDrive = useDrive();
+    const isMobile = useMobile();
+    if (isDrive || !isMobile) {
+        return undefined;
+    }
+    return `${className}--mobile`;
+};

package/esm/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/esm/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/esm/utils/useBodyScroll.js

@@ -1,10 +1,13 @@
 import { useCallback } from "react";
+import { zen } from "./zen";
 export const useBodyScroll = () => {
     const resetScroll = useCallback(() => {
-        document.body.classList.remove("zen-popup-body", "zen-popup-body--hidden");
+        var _a;
+        (_a = zen.document) === null || _a === void 0 ? void 0 : _a.body.classList.remove("zen-popup-body", "zen-popup-body--hidden");
     }, []);
     const setScrollHidden = useCallback(() => {
-        document.body.classList.add("zen-popup-body", "zen-popup-body--hidden");
+        var _a;
+        (_a = zen.document) === null || _a === void 0 ? void 0 : _a.body.classList.add("zen-popup-body", "zen-popup-body--hidden");
     }, []);
     return { setScrollHidden, resetScroll };
 };

package/esm/utils/useFadeComponent.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+import { zen } from "./zen";
 export const useFadeComponent = (initialState, onTransitionEnd) => {
     const [isOpen, setIsOpen] = useState(initialState);
     const [renderComponent, setRenderComponent] = useState(initialState);
@@ -6,12 +7,14 @@ export const useFadeComponent = (initialState, onTransitionEnd) => {
     const [readyForFocus, setReadyForFocus] = useState(false);
     const prevIsOpen = useRef(false);
     useEffect(() => {
+        var _a;
         isOpen && setRenderComponent(true);
-        const timeoutId = setTimeout(() => {
+        const timeoutId = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
             setShowContent(isOpen);
         }, 100);
         return () => {
-            clearTimeout(timeoutId);
+            var _a;
+            (_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timeoutId);
         };
     }, [isOpen]);
     const handleTransitionEnd = useCallback(() => {

package/esm/utils/useScrollWithAndroidKeyboard.js

@@ -1,5 +1,6 @@
 import { useCallback, useState } from "react";
 import { generateId } from "../commonHelpers/generateId";
+import { zen } from "./zen";
 export const useScrollWithAndroidKeyboard = () => {
     const [uniqueKey] = useState(() => generateId());
     const wrapperClass = `zen-mobile-sheet-wrapper__${uniqueKey}`;
@@ -7,7 +8,8 @@ export const useScrollWithAndroidKeyboard = () => {
     const additionalWrapperClass = "zen-side-panel--shown-keyboard";
     const additionalMobileSheetClass = "zen-mobile-sheet--mobile-android";
     const addKeyboardClasses = useCallback(() => {
-        const wrapperElem = document.body.querySelector(`.${wrapperClass}`);
+        var _a;
+        const wrapperElem = (_a = 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;
@@ -16,16 +18,18 @@ export const useScrollWithAndroidKeyboard = () => {
         mobileSheetElem === null || mobileSheetElem === void 0 ? void 0 : mobileSheetElem.classList.add(additionalMobileSheetClass);
     }, [wrapperClass]);
     const handleFocus = 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.window) === null || _a === void 0 ? void 0 : _a.visualViewport) === null || _b === void 0 ? void 0 : _b.addEventListener("resize", addKeyboardClasses, { once: true });
     }, [addKeyboardClasses]);
     const handleBlur = useCallback(() => {
-        setTimeout(() => {
-            const wrapperElem = document.body.querySelector(`.${wrapperClass}`);
+        var _a;
+        (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
+            var _a;
+            const wrapperElem = (_a = 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/esm/utils/zen.d.ts

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

package/esm/utils/zen.js

@@ -0,0 +1,2 @@
+import "./globalThisPolyfill";
+export const zen = globalThis;

package/esm/waiting/waiting.js

@@ -2,18 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { useDriveClassName } from "../utils/theme/useDriveClassName";
+import { zen } from "../utils/zen";
 export const Waiting = ({ isLoading = false, delay = 400, hideOverlay = false, className = "", description }) => {
     const [visible, setVisible] = useState(false);
     const spinnerDriveClassName = useDriveClassName("zen-waiting__spinner");
     useEffect(() => {
+        var _a;
         let timer;
         if (isLoading) {
-            timer = window.setTimeout(() => setVisible(true), delay);
+            timer = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => setVisible(true), delay);
         }
         else {
             setVisible(false);
         }
-        return () => { timer && window.clearTimeout(timer); };
+        return () => { var _a; timer && ((_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timer)); };
     }, [isLoading, setVisible, delay]);
     return visible ?
         _jsxs("div", { className: classNames(["zen-waiting", className]), children: [_jsx("div", { className: classNames(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), _jsxs("div", { className: "zen-waiting__spinner-container", children: [_jsx("div", { className: classNames(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: _jsxs("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [_jsx("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), _jsx("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), _jsx("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), _jsx("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), _jsx("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), _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 && _jsx("div", { className: classNames(["zen-waiting__spinner-text"]), children: description })] })] })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.5.0",
+    "version": "3.6.0-beta.1",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",
@@ -39,7 +39,8 @@
         "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build && npm run build-ai-mdx",
-        "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage"
+        "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage",
+        "test-storybook": "test-storybook"
     },
     "author": "",
     "license": "SEE LICENSE IN LICENSE.txt",
@@ -56,6 +57,7 @@
         "@storybook/addon-links": "^10.1.11",
         "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
         "@storybook/react-webpack5": "^10.1.11",
+        "@storybook/test-runner": "^0.24.2",
         "@tanstack/react-query": "^5.85.5",
         "@testing-library/react": "^16.3.0",
         "@types/jest": "^29.5.12",
@@ -78,7 +80,7 @@
         "less-loader": "^12.2.0",
         "mini-css-extract-plugin": "^2.9.2",
         "prettier": "^3.8.1",
-        "storybook": "^10.1.11",
+        "storybook": "^10.2.8",
         "style-loader": "^4.0.0",
         "typescript": "^5.4.3",
         "typescript-eslint": "^8.20.0",
@@ -96,6 +98,12 @@
         "react": "^19.2.0",
         "react-dom": "^19.2.0"
     },
+    "overrides": {
+        "ajv": "^8.18.0",
+        "minimatch": "^10.2.2",
+        "glob": "^13.0.6",
+        "rimraf": "^6.1.3"
+    },
     "files": [
         "./dist/",
         "./esm"

package/dist/filters/components/filtersCustom.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { IFiltersItem } from "./filtersItem";
-import { IIcon } from "../../icons/icon";
-export interface IFiltersCustom<T> extends IFiltersItem<T> {
-    chipIcon?: React.FC<IIcon>;
-    chipName?: string;
-    children?: React.ReactNode;
-}
-export declare const FiltersCustomDisplayName = "FiltersCustom";
-export declare const FiltersCustom: {
-    <T = unknown>({ state, defaultState, name, chipIcon, chipName, id }: IFiltersCustom<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/filters/components/filtersCustom.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersCustom = exports.FiltersCustomDisplayName = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const iconFilter_1 = require("../../icons/iconFilter");
-const chip_1 = require("../../chip/chip");
-exports.FiltersCustomDisplayName = "FiltersCustom";
-const FiltersCustom = ({ state, defaultState, name, chipIcon, chipName, id }) => {
-    const triggerRef = (0, react_1.useRef)(null);
-    const chipComponent = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(chip_1.Chip, { status: state === defaultState ? undefined : "active", isOpen: false, disabled: false, onClick: () => { }, onClose: state === defaultState ? undefined : () => { }, triggerRef: triggerRef, icon: chipIcon || iconFilter_1.IconFilter, id: id, children: chipName || name }), [state, defaultState, chipIcon, id, chipName, name]);
-    return chipComponent;
-};
-exports.FiltersCustom = FiltersCustom;
-exports.FiltersCustom.displayName = exports.FiltersCustomDisplayName;

package/dist/filters/components/filtersEmptySelectedList.d.ts

@@ -1,2 +0,0 @@
-import "./filtersEmptySelectedList.less";
-export declare const FiltersEmptySelectedList: () => import("react/jsx-runtime").JSX.Element;

package/dist/list/utils/findListElement.d.ts

@@ -1 +0,0 @@
-export declare const findListElement: (element: HTMLElement) => HTMLElement | null;

package/dist/list/utils/findListElement.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findListElement = void 0;
-const findListElement = (element) => {
-    if (element.classList.contains("zen-list-item")) {
-        return element;
-    }
-    if (element.parentElement) {
-        return (0, exports.findListElement)(element.parentElement);
-    }
-    return null;
-};
-exports.findListElement = findListElement;

package/esm/filters/components/filtersCustom.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { IFiltersItem } from "./filtersItem";
-import { IIcon } from "../../icons/icon";
-export interface IFiltersCustom<T> extends IFiltersItem<T> {
-    chipIcon?: React.FC<IIcon>;
-    chipName?: string;
-    children?: React.ReactNode;
-}
-export declare const FiltersCustomDisplayName = "FiltersCustom";
-export declare const FiltersCustom: {
-    <T = unknown>({ state, defaultState, name, chipIcon, chipName, id }: IFiltersCustom<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/esm/filters/components/filtersCustom.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from "react";
-import { IconFilter } from "../../icons/iconFilter";
-import { Chip } from "../../chip/chip";
-export const FiltersCustomDisplayName = "FiltersCustom";
-export const FiltersCustom = ({ state, defaultState, name, chipIcon, chipName, id }) => {
-    const triggerRef = useRef(null);
-    const chipComponent = useMemo(() => _jsx(Chip, { status: state === defaultState ? undefined : "active", isOpen: false, disabled: false, onClick: () => { }, onClose: state === defaultState ? undefined : () => { }, triggerRef: triggerRef, icon: chipIcon || IconFilter, id: id, children: chipName || name }), [state, defaultState, chipIcon, id, chipName, name]);
-    return chipComponent;
-};
-FiltersCustom.displayName = FiltersCustomDisplayName;

package/esm/filters/components/filtersEmptySelectedList.d.ts

@@ -1,2 +0,0 @@
-import "./filtersEmptySelectedList.less";
-export declare const FiltersEmptySelectedList: () => import("react/jsx-runtime").JSX.Element;

package/esm/filters/components/filtersEmptySelectedList.js

@@ -1,32 +0,0 @@
-import { injectString } from "../../utils/localization/translationsDictionary";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLanguage } from "../../utils/localization/useLanguage";
-import { ImageLooking } from "../../images/imageLooking";
-injectString("en", "No Filters Selected", "No Filters Selected");
-injectString("pt-PT", "No Filters Selected", "Nenhum filtro selecionado");
-injectString("ro-RO", "No Filters Selected", "Nu exist\u0103 filtre selectate");
-injectString("en", "Selected filters will appear here.", "Selected filters will appear here.");
-injectString("pt-PT", "Selected filters will appear here.", "Os filtros selecionados aparecer\xE3o aqui.");
-injectString("ro-RO", "Selected filters will appear here.", "Filtrele selectate vor ap\u0103rea aici.");
-export const FiltersEmptySelectedList = () => {
-  const {
-    translate
-  } = useLanguage();
-  return _jsxs("div", {
-    className: "zen-filters-empty-selected-list",
-    children: [_jsx(ImageLooking, {
-      className: "zen-filters-empty-selected-list__image",
-      title: translate("No Filters Selected"),
-      description: translate("Selected filters will appear here.")
-    }), _jsxs("div", {
-      className: "zen-filters-empty-selected-list__text",
-      children: [_jsx("div", {
-        className: "zen-filters-empty-selected-list__header",
-        children: translate("No Filters Selected")
-      }), _jsx("div", {
-        className: "zen-filters-empty-selected-list__description",
-        children: translate("Selected filters will appear here.")
-      })]
-    })]
-  });
-};

package/esm/list/utils/findListElement.d.ts

@@ -1 +0,0 @@
-export declare const findListElement: (element: HTMLElement) => HTMLElement | null;

package/esm/list/utils/findListElement.js

@@ -1,9 +0,0 @@
-export const findListElement = (element) => {
-    if (element.classList.contains("zen-list-item")) {
-        return element;
-    }
-    if (element.parentElement) {
-        return findListElement(element.parentElement);
-    }
-    return null;
-};