@geotab/zenith 1.26.1 → 1.26.2

package/README.md

@@ -40,6 +40,19 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## Change log
 
+### 1.26.2
+
+ * Update the title of the dropdown trigger button
+ * Fix bar chart without tooltip
+ * Fix using tooltip with menu items
+ * Add note in the line chart tooltip
+ * Improve footer buttons in side panel for languages with long words
+ * Don't show changed filters in bar if they appear only in side panel
+ * Add full width Banner size XXL
+ * Add zenith translation files for new languages (da-DK, fi-FI, hu-HU, nb-NO, sk-SK)
+ * Minor style improvements of `Toggle`
+ * Allow icons in context-menu actions in `ActionsColumn`
+
 ### 1.26.1
 
  * Allow disabling next/submit buttons in `FormStepperButtons`

package/dist/absolute/absolute.js

@@ -10,6 +10,7 @@ const isChildPopup_1 = require("../utils/positioningUtils/isChildPopup");
 const useEscape_1 = require("../commonHelpers/hooks/useEscape");
 const useResize_1 = require("../commonHelpers/hooks/useResize");
 const useTrapFocus_1 = require("../commonHelpers/hooks/useTrapFocus");
+require("./absolute.less");
 const isChildOf_1 = require("../utils/isChildOf");
 const dialogHelpers_1 = require("../dialog/dialogHelpers");
 const calculatePosition_1 = require("../utils/positioningUtils/calculatePosition");
@@ -22,19 +23,22 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
     const prevScroll = (0, react_1.useRef)(0);
     const { dark } = (0, react_1.useContext)(themeContext_1.themeContext);
     const onScrollHandler = (e) => {
-        var _a;
-        prevScroll.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
+        prevScroll.current = e.target?.scrollTop;
     };
     const accessableAttr = (0, react_1.useMemo)(() => {
         if (!role) {
             return {};
         }
-        return Object.assign(Object.assign({ role }, (ariaLabelledby ? { "aria-labelledby": ariaLabelledby } : {})), (ariaLabel && !ariaLabelledby ? { "aria-label": ariaLabel } : {}));
+        return {
+            role,
+            ...(ariaLabelledby ? { "aria-labelledby": ariaLabelledby } : {}),
+            ...(ariaLabel && !ariaLabelledby ? { "aria-label": ariaLabel } : {})
+        };
     }, [role, ariaLabelledby, ariaLabel]);
     const darkClassName = dark ? "zen-dark" : "";
     const renderPopup = () => {
         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 }));
+            const result = (0, jsx_runtime_1.jsx)("div", { ...accessableAttr, ref: popupRef, id: id, onScroll: shouldHoldScroll ? onScrollHandler : undefined, className: (0, classNames_1.classNames)(["zen-absolute", darkClassName, className || ""]), children: children });
             if (inline) {
                 return result;
             }
@@ -69,7 +73,6 @@ 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;
         const closeOnClickOutside = (e) => {
             if (!popupRef.current) {
                 return;
@@ -86,13 +89,13 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
         };
         if (isOpen) {
             document.body.addEventListener("click", closeOnClickOutside, true);
-            const firstFocusable = (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR);
+            const firstFocusable = popupRef.current?.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR);
             if (useTrapFocusWithTrigger !== "withTrigger") {
                 if (firstFocusable) {
                     firstFocusable.focus();
                 }
                 else {
-                    (_b = popupRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                    popupRef.current?.focus();
                 }
             }
             return () => {
@@ -102,9 +105,8 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
         return () => { };
     }, [isOpen, onOpenChange, triggerRef, useTrapFocusWithTrigger, stateFullChilds]);
     (0, react_1.useEffect)(() => {
-        var _a;
         if (isOpen) {
-            (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute("style");
+            popupRef.current?.removeAttribute("style");
             calculatePosition();
         }
         return () => { };
@@ -122,3 +124,4 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
     return renderPopup();
 };
 exports.Absolute = Absolute;
+//# sourceMappingURL=absolute.js.map

package/dist/absolute/absolute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute.js","sourceRoot":"","sources":["../../absolute/absolute.tsx"],"names":[],"mappings":"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"}

package/dist/absolute/absolute.test.js

@@ -0,0 +1,150 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const absolute_1 = require("./absolute");
+require("../testHelpers/geotab-axe");
+const button_1 = require("../button/button");
+const normalizeHorizontally_1 = require("../utils/positioningUtils/normalizeHorizontally");
+const normalizeVertically_1 = require("../utils/positioningUtils/normalizeVertically");
+const react_dom_1 = __importDefault(require("react-dom"));
+jest.mock("../utils/positioningUtils/normalizeHorizontally", () => ({
+    normalizeHorizontally: jest.fn()
+}));
+jest.mock("../utils/positioningUtils/normalizeVertically", () => ({
+    normalizeVertically: jest.fn()
+}));
+let triggerEl;
+let triggerElRef;
+describe("absolute", () => {
+    beforeEach(() => {
+        triggerEl = document.createElement("button");
+        triggerEl.className = "triggerButton";
+        triggerEl.innerHTML = "Click me";
+        document.body.appendChild(triggerEl);
+        triggerElRef = { current: triggerEl };
+        document.activeElement.blur();
+    });
+    afterEach(() => {
+        document.body.removeChild(triggerEl);
+    });
+    test("Open/hide absolute", () => {
+        const mockedOnChange = jest.fn();
+        const { getByText, queryByText, rerender } = (0, react_2.render)((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_Open/hide", isOpen: false, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }));
+        expect(queryByText("Popup content")).toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_Open/hide", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }));
+        expect(getByText("Popup content")).not.toBeNull();
+    });
+    test("Absolute with useTrapFocusWithTrigger", () => {
+        const mockedOnChange = jest.fn();
+        const { getByText, rerender } = (0, react_2.render)((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_useTrapFocusWithTrigger", isOpen: false, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, useTrapFocusWithTrigger: "withTrigger", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { children: "Popup button1" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Popup button2" })] }) }) }));
+        rerender((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_useTrapFocusWithTrigger", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, useTrapFocusWithTrigger: "withTrigger", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "contentButton1", children: "Popup button1" }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "contentButton2", children: "Popup button2" })] }) }));
+        expect(getByText("Popup button2")).not.toBeNull();
+        getByText("Click me").focus();
+        expect(document.activeElement?.classList.contains("triggerButton")).toBeTruthy();
+        expect(getByText("Popup button2")).not.toBeNull();
+        react_2.fireEvent.keyDown(document.activeElement || document.body, {
+            key: "Tab"
+        });
+    });
+    test("Test absolute accessibility", async () => {
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_accessibility", isOpen: true, onOpenChange: jest.fn(), className: "absolute", triggerRef: triggerElRef, children: "Popup content" }) }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+    test("Id is applied", () => {
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "popup-id", isOpen: true, onOpenChange: jest.fn(), className: "absolute", triggerRef: triggerElRef, children: "Popup content" }) }));
+        expect(getByText("Popup content").id).toBe("popup-id");
+    });
+    test("Class name is applied", () => {
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "popup-id", isOpen: true, onOpenChange: jest.fn(), className: "absoluteclass", triggerRef: triggerElRef, children: "Popup content" }) }));
+        expect(getByText("Popup content").className).toContain("absoluteclass");
+    });
+    test("Set popup width/height", () => {
+        normalizeHorizontally_1.normalizeHorizontally.mockImplementation((p) => {
+            p.width = 120;
+        });
+        normalizeVertically_1.normalizeVertically.mockImplementation((p) => {
+            p.height = 80;
+        });
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_width/height", isOpen: true, onOpenChange: jest.fn(), className: "absolute", triggerRef: triggerElRef, children: "Popup content" }));
+        const popup = document.body.querySelector(".zen-absolute");
+        if (!popup) {
+            throw new Error("Popup element is not visible");
+        }
+        expect(popup.style.width).toBe("120px");
+        expect(popup.style.maxHeight).toBe("80px");
+        normalizeHorizontally_1.normalizeHorizontally.mockClear();
+        normalizeVertically_1.normalizeVertically.mockClear();
+    });
+    test("Render the popup inline", () => {
+        const mock = jest.spyOn(react_dom_1.default, "createPortal");
+        const { getByText, rerender } = (0, react_2.render)((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_inline", inline: true, isOpen: true, onOpenChange: jest.fn(), triggerRef: triggerElRef, children: "Popup content" }));
+        expect(mock).not.toBeCalled();
+        expect(getByText("Click me").nextElementSibling?.children[0].className).toContain("zen-absolute");
+        rerender((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_inline", inline: false, isOpen: true, onOpenChange: jest.fn(), triggerRef: triggerElRef, children: "Popup content" }));
+        expect(getByText("Click me").nextElementSibling?.children[0]).toBeUndefined();
+    });
+    test("Render the popup in portal", () => {
+        const mock = jest.spyOn(react_dom_1.default, "createPortal");
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_inline", inline: false, isOpen: true, onOpenChange: jest.fn(), triggerRef: triggerElRef, children: "Popup content" }));
+        expect(mock).toBeCalled();
+    });
+    test("Close on escape", () => {
+        const mockedOnChange = jest.fn();
+        const { getByText, queryByText, rerender } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_closeOnEscape", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }) }));
+        react_2.fireEvent.keyDown(getByText("Popup content"), { key: "Escape" });
+        expect(mockedOnChange).toBeCalledTimes(1);
+        expect(mockedOnChange).toBeCalledWith(false);
+        rerender((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_closeOnEscape", isOpen: false, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }) }));
+        expect(queryByText("Popup content")).toBeNull();
+    });
+    test("Close on escape when triggerRef contain wrapper for interactive element", () => {
+        const wrapper = document.createElement("div");
+        const trigger = document.createElement("button");
+        wrapper.appendChild(trigger);
+        document.body.appendChild(wrapper);
+        triggerElRef.current = wrapper;
+        const mockedOnChange = jest.fn();
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_closeOnEscape", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }) }));
+        react_2.fireEvent.keyDown(getByText("Popup content"), { key: "Escape" });
+        expect(document.activeElement).toBe(trigger);
+    });
+    test("Close on escape when triggerRef.current is null", () => {
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(absolute_1.Absolute, { id: "test_closeOnEscape", useTrapFocusWithTrigger: "on", isOpen: true, onOpenChange: jest.fn(), triggerRef: triggerElRef, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { children: "Popup button" }), "Popup content"] }) }));
+        expect(document.activeElement).toBe(getByText("Popup button"));
+        triggerElRef.current = null;
+        react_2.fireEvent.keyDown(getByText("Popup content"), { key: "Escape" });
+        expect(document.activeElement).not.toBe(triggerEl);
+    });
+    test("Close on click outside", () => {
+        const mockedOnChange = jest.fn();
+        const { getByText, queryByText, rerender } = (0, react_2.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_clickOutside", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Other button" })] }));
+        react_2.fireEvent.click(getByText("Other button"));
+        expect(mockedOnChange).toBeCalledTimes(1);
+        expect(mockedOnChange).toBeCalledWith(false);
+        rerender((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_clickOutside", isOpen: false, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Other button" })] }));
+        expect(queryByText("Popup content")).toBeNull();
+    });
+    test("On click outside without ref", () => {
+        const mockedOnChange = jest.fn();
+        const mock = jest.spyOn(react_1.default, "useRef");
+        mock.mockReturnValue(Object.defineProperty({}, "current", {
+            get() {
+                return null;
+            },
+            set() {
+                jest.fn();
+            }
+        }));
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(absolute_1.Absolute, { id: "test_clickOutsideWithoutRef", isOpen: true, onOpenChange: mockedOnChange, className: "absolute", triggerRef: triggerElRef, children: "Popup content" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Other button" })] }));
+        expect(getByText("Popup content")).not.toBeNull();
+        react_2.fireEvent.click(getByText("Other button"));
+        expect(mockedOnChange).toBeCalledTimes(0);
+        mock.mockClear();
+    });
+});
+//# sourceMappingURL=absolute.test.js.map

package/dist/absolute/absolute.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute.test.js","sourceRoot":"","sources":["../../absolute/absolute.test.tsx"],"names":[],"mappings":"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"}

package/dist/accordion/accordion.js

@@ -5,8 +5,10 @@ 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");
+require("./accordion.less");
 const Accordion = ({ data = [], className = "", activeIds = [], onItemClick }) => {
     const fullClassName = (0, classNames_1.classNames)(["zen-accordion", className]);
-    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) }))) });
+    return (0, jsx_runtime_1.jsx)("div", { className: fullClassName, children: data.map((item) => (0, react_1.createElement)(accordionItem_1.AccordionItem, { ...item, key: item.id, isActive: activeIds.indexOf(item.id) !== -1, onClick: () => onItemClick && onItemClick(item.id) })) });
 };
 exports.Accordion = Accordion;
+//# sourceMappingURL=accordion.js.map

package/dist/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../accordion/accordion.tsx"],"names":[],"mappings":";;;;;AACA,iEAA8E;AAC9E,uEAAoE;AAEpE,4BAA0B;AAUnB,MAAM,SAAS,GAAyB,CAAC,EAC5C,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,WAAW,EACd,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,IAAA,uBAAU,EAAC,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/D,OAAO,gCAAK,SAAS,EAAG,aAAa,YACjC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,2BAAC,6BAAa,OACxB,IAAI,EACT,GAAG,EAAG,IAAI,CAAC,EAAE,EACb,QAAQ,EAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAC5C,OAAO,EAAG,GAAG,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GACrD,CAAC,GACA,CAAC;AACZ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB"}

package/dist/accordion/accordion.test.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordion_1 = require("./accordion");
+const react_1 = require("@testing-library/react");
+describe("accordion", () => {
+    const getElement = (container) => container.querySelector(".zen-accordion");
+    test("Test empty accordion", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordion_1.Accordion, {}));
+        expect(getElement(container)).not.toBeNull();
+        expect(getElement(container)?.querySelectorAll(".zen-accordion__header").length).toBe(0);
+        expect(getElement(container)?.querySelectorAll(".zen-accordion__content").length).toBe(0);
+    });
+    test("Test accordion with children", () => {
+        const data = [
+            { id: "1", title: "Accordion Item 1", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 1" })) },
+            { id: "2", title: "Accordion Item 2", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 2" })) }
+        ];
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { data: data }));
+        expect(getElement(container)).not.toBeNull();
+        const headers = getElement(container)?.querySelectorAll(".zen-accordion__header");
+        const contents = getElement(container)?.querySelectorAll(".zen-accordion__content");
+        expect(headers?.length).toBe(2);
+        expect(contents?.length).toBe(2);
+        expect(headers?.[0].querySelector("button")?.textContent).toBe("Accordion Item 1");
+        expect(headers?.[1].querySelector("button")?.textContent).toBe("Accordion Item 2");
+        expect(contents?.[0].querySelector("div")?.textContent).toBe("Content 1");
+        expect(contents?.[1].querySelector("div")?.textContent).toBe("Content 2");
+    });
+    test("Test accordion 'onItemClick' handler", () => {
+        const data = [
+            { id: "1", title: "Accordion Item 1", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 1" })) },
+            { id: "2", title: "Accordion Item 2", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 2" })) },
+            { id: "3", title: "Accordion Item 3", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 3" })) }
+        ];
+        const onChangeFn = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { data: data, onItemClick: onChangeFn }));
+        expect(getElement(container)).not.toBeNull();
+        const headers = getElement(container)?.querySelectorAll(".zen-accordion__header");
+        expect(headers?.length).toBe(3);
+        react_1.fireEvent.click(headers?.[0].querySelector("button"));
+        react_1.fireEvent.click(headers?.[1].querySelector("button"));
+        react_1.fireEvent.click(headers?.[2].querySelector("button"));
+        expect(onChangeFn).toBeCalledTimes(3);
+        react_1.fireEvent.click(headers?.[1].querySelector("button"));
+        react_1.fireEvent.click(headers?.[1].querySelector("button"));
+        expect(onChangeFn).toBeCalledTimes(5);
+    });
+    test("Test accordion 'className' property", () => {
+        const className = "extra-accordion-class";
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordion_1.Accordion, {}));
+        expect(getElement(container)).not.toBeNull();
+        expect(getElement(container)?.classList.contains(className)).toBe(false);
+        rerender((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { className: className }));
+        expect(getElement(container)?.classList.contains(className)).toBe(true);
+    });
+    test("Test accordion 'initialActiveIndex' property", () => {
+        const data = [
+            { id: "1", title: "Accordion Item 1", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 1" })) },
+            { id: "2", title: "Accordion Item 2", content: ((0, jsx_runtime_1.jsx)("div", { children: "Content 2" })) }
+        ];
+        const expandedItemIndex = "2";
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { data: data }));
+        expect(getElement(container)).not.toBeNull();
+        let contents = getElement(container)?.querySelectorAll(".zen-accordion__content");
+        expect(contents?.[0].classList.contains("zen-accordion__content--hidden")).toBe(true);
+        expect(contents?.[1].classList.contains("zen-accordion__content--hidden")).toBe(true);
+        rerender((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { data: data, activeIds: [expandedItemIndex] }));
+        contents = getElement(container)?.querySelectorAll(".zen-accordion__content");
+        expect(contents?.[0].classList.contains("zen-accordion__content--hidden")).toBe(true);
+        expect(contents?.[1].classList.contains("zen-accordion__content--hidden")).toBe(false);
+    });
+});
+//# sourceMappingURL=accordion.test.js.map

package/dist/accordion/accordion.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.test.js","sourceRoot":"","sources":["../../accordion/accordion.test.tsx"],"names":[],"mappings":"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"}

package/dist/accordion/accordionItem/accordionItem.js

@@ -10,3 +10,4 @@ const AccordionItem = ({ title, content, isActive, onClick, id }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h3", { className: "zen-accordion__header", children: (0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-expanded": isActive, "aria-controls": ariaControlsId, className: "zen-accordion__header-button", id: id, onClick: onClick, children: [title, (0, jsx_runtime_1.jsx)(iconChevronBottom_1.IconChevronBottom, { size: "large", className: (0, classNames_1.classNames)(["zen-accordion__header-arrow", isActive ? "zen-accordion__header-arrow--rotated" : ""]) })] }) }), (0, jsx_runtime_1.jsx)("div", { id: ariaControlsId, "aria-labelledby": id, role: "region", className: (0, classNames_1.classNames)(["zen-accordion__content", isActive ? "" : "zen-accordion__content--hidden"]), children: content })] }));
 };
 exports.AccordionItem = AccordionItem;
+//# sourceMappingURL=accordionItem.js.map

package/dist/accordion/accordionItem/accordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionItem.js","sourceRoot":"","sources":["../../../accordion/accordionItem/accordionItem.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AACrC,0EAAuE;AACvE,qEAAkE;AAW3D,MAAM,aAAa,GAA6B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE;IACjG,MAAM,cAAc,GAAG,IAAA,aAAK,GAAE,CAAC;IAE/B,OAAO,CACH,6DACI,+BAAI,SAAS,EAAC,uBAAuB,YACjC,oCACI,IAAI,EAAC,QAAQ,mBACG,QAAQ,mBACR,cAAc,EAC9B,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAG,EAAE,EACP,OAAO,EAAG,OAAO,aAEf,KAAK,EACP,uBAAC,qCAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,6BAA6B,EAAE,QAAQ,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAK,IAC/I,GACR,EACL,gCACI,EAAE,EAAG,cAAc,qBACD,EAAE,EACpB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,YAClG,OAAO,GACP,IACP,CACN,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}

package/dist/accordion/accordionItem/accordionItem.test.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordionItem_1 = require("./accordionItem");
+const react_1 = require("@testing-library/react");
+describe("accordionItem", () => {
+    const getHeader = (container) => container.querySelector(".zen-accordion__header");
+    const getContent = (container) => container.querySelector(".zen-accordion__content");
+    test("Test empty accordionItem", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: false }));
+        expect(getHeader(container)).not.toBeNull();
+        expect(getContent(container)).not.toBeNull();
+    });
+    test("Test 'title' property", () => {
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: false }));
+        expect(getHeader(container)).not.toBeNull();
+        expect(getContent(container)).not.toBeNull();
+        expect(getHeader(container)?.querySelector("button")?.textContent).toBe("");
+        const newTitle = "New title";
+        rerender((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: newTitle, content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: false }));
+        expect(getHeader(container)?.querySelector("button")?.textContent).toBe(newTitle);
+    });
+    test("Test 'content' property", () => {
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: false }));
+        expect(getHeader(container)).not.toBeNull();
+        expect(getContent(container)).not.toBeNull();
+        expect(getContent(container)?.querySelector("div")?.textContent).toBe("");
+        const newContentText = "New content";
+        const newContent = (0, jsx_runtime_1.jsx)("div", { children: newContentText });
+        rerender((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: newContent, onClick: jest.fn(), isActive: false }));
+        expect(getContent(container)?.querySelector("div")?.textContent).toBe(newContentText);
+    });
+    test("Test 'onClick' method", () => {
+        const onClickFn = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: onClickFn, isActive: false }));
+        expect(getHeader(container)).not.toBeNull();
+        expect(getContent(container)).not.toBeNull();
+        expect(onClickFn).toBeCalledTimes(0);
+        getHeader(container)?.querySelector("button")?.click();
+        expect(onClickFn).toBeCalledTimes(1);
+        getHeader(container)?.querySelector("button")?.click();
+        getHeader(container)?.querySelector("button")?.click();
+        expect(onClickFn).toBeCalledTimes(3);
+    });
+    test("Test 'isActive' property", () => {
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: false }));
+        expect(getHeader(container)).not.toBeNull();
+        expect(getContent(container)).not.toBeNull();
+        expect(getContent(container)?.classList.contains("zen-accordion__content--hidden")).toBe(true);
+        rerender((0, jsx_runtime_1.jsx)(accordionItem_1.AccordionItem, { id: "1", title: "", content: (0, jsx_runtime_1.jsx)("div", {}), onClick: jest.fn(), isActive: true }));
+        expect(getHeader(container)?.classList.contains("zen-accordion__content--hidden")).toBe(false);
+    });
+});
+//# sourceMappingURL=accordionItem.test.js.map

package/dist/accordion/accordionItem/accordionItem.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionItem.test.js","sourceRoot":"","sources":["../../../accordion/accordionItem/accordionItem.test.tsx"],"names":[],"mappings":"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"}

package/dist/advancedGroupsFilter/advancedGroupsFilter.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.AdvancedGroupsFilter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+require("./advancedGroupsFilter.less");
 const advancedGroupsFilterFormHelper_1 = require("./advancedGroupsFilterFormHelper");
 const advancedGroupsFilterForm_1 = require("./advancedGroupsFilterForm");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
@@ -40,3 +41,4 @@ exports.TRANSLATIONS = [
     "Apply",
     "Advanced groups filter"
 ];
+//# sourceMappingURL=advancedGroupsFilter.js.map

package/dist/advancedGroupsFilter/advancedGroupsFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedGroupsFilter.js","sourceRoot":"","sources":["../../advancedGroupsFilter/advancedGroupsFilter.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,uCAAqC;AACrC,qFAA0H;AAE1H,yEAA4H;AAE5H,uEAAoE;AAEpE,mEAAgE;AAChE,0CAAuC;AAkBhC,MAAM,oBAAoB,GAAoC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EACrI,SAAS,EAAE,WAAW,EAAyB,EAAE,EAAE;IACnD,kIAAkI;IAClI,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAA0B,IAAA,0DAAyB,EAAC,KAAK,CAAC,CAAC,CAAC;IAC5G,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAkB,SAAS,IAAI,EAAE,CAAC,CAAC;IACvF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;gBACzB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAQ,EAAE,EAAE;oBAClB,YAAY,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,IAAA,qDAAoB,EAAC,YAAY,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,OAAO,wBAAC,aAAK,IACT,KAAK,EAAE,SAAS,CAAC,wBAAwB,CAAC,EAC1C,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,4BAA4B,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,EACvE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,aACpB,uBAAC,mDAAwB,IACrB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,WAAW,GAAG,EAC/B,uBAAC,aAAK,CAAC,eAAe,IAAC,OAAO,EAAE,OAAO,YAAG,SAAS,CAAC,QAAQ,CAAC,GAAyB,EACtF,uBAAC,aAAK,CAAC,aAAa,IAAC,OAAO,EAAE,WAAW,YAAG,SAAS,CAAC,OAAO,CAAC,GAAuB,IACjF,CAAC;AACb,CAAC,CAAC;AAxCW,QAAA,oBAAoB,wBAwC/B;AAEW,QAAA,YAAY,GAAG;IACxB,GAAG,uCAAoC;IACvC,QAAQ;IACR,OAAO;IACP,wBAAwB;CAC3B,CAAC"}

package/dist/advancedGroupsFilter/advancedGroupsFilter.test.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const advancedGroupsFilter_1 = require("./advancedGroupsFilter");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
+require("../testHelpers/geotab-axe");
+const groupsFilterTestData_1 = require("../groupsFilter/groupsFilterTestData");
+const groupsHelper_1 = require("../groupsFilter/groupsHelper");
+const groupsFilterInterfaces_1 = require("../groupsFilter/groupsFilterInterfaces");
+jest.mock("./../utils/localization/useLanguage", () => ({
+    useLanguage: () => ({
+        translate: jest.fn((phrase) => phrase)
+    })
+}));
+describe("advancedGroupsFilter", () => {
+    const mockedGroupLoader = jest.fn().mockImplementation(() => Promise.resolve(groupsFilterTestData_1.groupsArr));
+    test("Test advancedGroupsFilter without dataItems", async () => {
+        const mockedOnClose = jest.fn();
+        const mockedOnApply = jest.fn();
+        const { getByText, queryByText, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(advancedGroupsFilter_1.AdvancedGroupsFilter, { className: "advancedGroupsFilter", isOpen: false, onApply: mockedOnApply, onClose: mockedOnClose, state: undefined, getData: mockedGroupLoader, errorHandler: jest.fn() }));
+        expect(document.body.querySelector(".zen-advanced-groups-filter")).toBeNull();
+        expect(document.body.querySelector(".advancedGroupsFilter")).toBeNull();
+        expect(queryByText("Cancel")).toBeNull();
+        expect(queryByText("Apply")).toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(advancedGroupsFilter_1.AdvancedGroupsFilter, { className: "advancedGroupsFilter", isOpen: true, onApply: mockedOnApply, onClose: mockedOnClose, state: undefined, getData: mockedGroupLoader, errorHandler: jest.fn() }));
+        expect(document.body.querySelector(".zen-advanced-groups-filter")).not.toBeNull();
+        expect(document.body.querySelector(".advancedGroupsFilter")).not.toBeNull();
+        expect(getByText("Cancel")).not.toBeNull();
+        expect(getByText("Apply")).not.toBeNull();
+        await (0, react_1.waitFor)(() => {
+            expect(mockedGroupLoader).toHaveBeenCalled();
+        });
+        expect(mockedOnClose).toHaveBeenCalledTimes(0);
+        react_1.fireEvent.click(getByText("Cancel"));
+        expect(mockedOnClose).toHaveBeenCalledTimes(1);
+        react_1.fireEvent.click(getByText("Apply"));
+        expect(mockedOnApply).toHaveBeenCalledTimes(1);
+        expect(mockedOnApply).toHaveBeenCalledWith((0, groupsHelper_1.getDefaultFilterState)());
+        await (0, react_2.act)(() => react_1.fireEvent.keyDown(document.body.querySelector(".zen-advanced-groups-filter"), { key: "Escape" }));
+        expect(mockedOnClose).toHaveBeenCalledTimes(2);
+        await (0, react_2.act)(() => react_1.fireEvent.keyDown(document.body.querySelector(".zen-dropdown-searchable-trigger__input"), { key: "Escape" }));
+        expect(mockedOnClose).toHaveBeenCalledTimes(3);
+    });
+    test("Test advancedGroupsFilter with dataItems and initial state", () => {
+        const mockedOnClose = jest.fn();
+        const mockedOnApply = jest.fn();
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(advancedGroupsFilter_1.AdvancedGroupsFilter, { isOpen: true, onApply: mockedOnApply, onClose: mockedOnClose, dataItems: groupsFilterTestData_1.groupsArr, state: {
+                relation: groupsFilterInterfaces_1.RelationOperator.AND,
+                items: [{ id: "ChildA" }, { id: "ChildB" }]
+            }, getData: mockedGroupLoader, errorHandler: jest.fn() }));
+        expect(document.body.querySelector(".zen-advanced-groups-filter")).not.toBeNull();
+        expect(document.body.querySelector(".zen-advanced-groups-filter-form__selected-box")).not.toBeNull();
+        expect(getByText("A element")).not.toBeNull();
+        expect(getByText("B element")).not.toBeNull();
+        expect(queryByText("GroupCompanyId")).toBeNull();
+        expect(document.body.querySelectorAll("li.zen-advanced-groups-filter-form__section").length).toBe(1);
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__add-button"));
+        expect(document.body.querySelectorAll("li.zen-advanced-groups-filter-form__section").length).toBe(2);
+        expect(getByText("GroupCompanyId")).not.toBeNull();
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__inter-section-switcher input[value='And']"));
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__remove-button[data-item='1']"));
+        expect(document.body.querySelectorAll("li.zen-advanced-groups-filter-form__section").length).toBe(1);
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__section-column--left input[value='Or']"));
+        react_1.fireEvent.click(getByText("Apply"));
+        expect(mockedOnApply).toHaveBeenCalledTimes(1);
+        expect(mockedOnApply).toHaveBeenCalledWith({
+            relation: groupsFilterInterfaces_1.RelationOperator.OR,
+            items: [{ id: "ChildA" }, { id: "ChildB" }]
+        });
+    });
+    test("Test advancedGroupsFilter with dataItems and complex initial state", () => {
+        const mockedOnClose = jest.fn();
+        const mockedOnApply = jest.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(advancedGroupsFilter_1.AdvancedGroupsFilter, { isOpen: true, onApply: mockedOnApply, onClose: mockedOnClose, dataItems: groupsFilterTestData_1.groupsArr, state: {
+                relation: groupsFilterInterfaces_1.RelationOperator.AND,
+                items: [{ items: [{ id: "ChildD" }, { id: "ChildE" }], relation: groupsFilterInterfaces_1.RelationOperator.AND },
+                    { relation: groupsFilterInterfaces_1.RelationOperator.OR, items: [{ id: "ChildB" }]
+                    }]
+            }, getData: mockedGroupLoader, errorHandler: jest.fn() }));
+        expect(document.body.querySelector(".zen-advanced-groups-filter")).not.toBeNull();
+        expect(document.body.querySelector(".zen-advanced-groups-filter-form__selected-box")).not.toBeNull();
+        expect(getByText("D element")).not.toBeNull();
+        expect(getByText("B element")).not.toBeNull();
+        expect(getByText("E element")).not.toBeNull();
+        expect(document.body.querySelectorAll("li.zen-advanced-groups-filter-form__section").length).toBe(2);
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__inter-section-switcher input[value='Or']"));
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__section-column--left input[value='Or']"));
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__remove-button[data-item='0']"));
+        react_1.fireEvent.click(document.body.querySelector(".zen-advanced-groups-filter-form__section-column--left input[value='And']"));
+        react_1.fireEvent.click(getByText("Apply"));
+        expect(mockedOnApply).toHaveBeenCalledTimes(1);
+        expect(mockedOnApply).toHaveBeenCalledWith({
+            relation: groupsFilterInterfaces_1.RelationOperator.AND,
+            items: [{ id: "ChildB" }]
+        });
+        react_1.fireEvent.click(document.body.querySelector(".zen-combobox-selected__selected-item .zen-pill-non-actionable__close-button"));
+    });
+    test("Test advancedGroupsFilter accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(advancedGroupsFilter_1.AdvancedGroupsFilter, { isOpen: true, onApply: jest.fn(), onClose: jest.fn(), state: undefined, getData: mockedGroupLoader, errorHandler: jest.fn() }));
+        await (0, react_2.act)(async () => {
+            await expect(container).toBeAccessible();
+        });
+    }, 10000);
+});
+//# sourceMappingURL=advancedGroupsFilter.test.js.map

package/dist/advancedGroupsFilter/advancedGroupsFilter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedGroupsFilter.test.js","sourceRoot":"","sources":["../../advancedGroupsFilter/advancedGroupsFilter.test.tsx"],"names":[],"mappings":"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"}