@geotab/zenith 3.0.0-beta.3 → 3.0.0

package/dist/filtersBar/filtersContainer/filtersContainer.test.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const filtersContainer_1 = require("./filtersContainer");
+const react_1 = require("@testing-library/react");
+require("../../testHelpers/geotab-axe");
+const filtersBarSearch_1 = require("../components/filtersBarSearch/filtersBarSearch");
+jest.mock("./../../utils/localization/useLanguage", () => ({
+    useLanguage: () => ({
+        translate: jest.fn((phrase) => phrase)
+    })
+}));
+describe("filtersContainer", () => {
+    let parentElement;
+    beforeEach(() => {
+        jest.restoreAllMocks();
+        jest.clearAllMocks();
+        parentElement = document.createElement("div");
+        parentElement.style.width = "10px";
+        parentElement.style.position = "relative";
+        parentElement.style.overflow = "hidden";
+        document.body.appendChild(parentElement);
+    });
+    afterEach(() => {
+        parentElement.remove();
+    });
+    test("handles scroll button clicks", () => {
+        jest.useFakeTimers();
+        const { getByTitle, container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }), { container: parentElement });
+        let scrollableElement = container.querySelector(".zen-filters-toolbar__scrollable");
+        expect(scrollableElement).toBeDefined();
+        Object.defineProperty(scrollableElement, "scrollLeft", { writable: true, value: 0 });
+        Object.defineProperty(scrollableElement, "scrollWidth", { writable: true, value: 100 });
+        Object.defineProperty(scrollableElement, "clientWidth", { writable: true, value: 10 });
+        scrollableElement.scrollBy = ((...args) => {
+            let leftOffset = 0;
+            if (typeof args[0] === "object" && args[0].left !== undefined) {
+                leftOffset = args[0].left;
+            }
+            const currentScrollLeft = scrollableElement.scrollLeft || 0;
+            const newScrollLeft = Math.max(0, currentScrollLeft + leftOffset);
+            Object.defineProperty(scrollableElement, "scrollLeft", { writable: true, value: newScrollLeft });
+            window.dispatchEvent(new Event("scroll"));
+        });
+        (0, react_1.act)(() => {
+            window.dispatchEvent(new Event("resize"));
+            jest.advanceTimersByTime(300);
+        });
+        const scrollRightButton = getByTitle("Scroll right");
+        expect(scrollRightButton).toHaveClass("zen-filters-toolbar__scroller--visible");
+        // click on scroll right button
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(scrollRightButton);
+            window.dispatchEvent(new Event("scroll"));
+            jest.advanceTimersByTime(300);
+        });
+        rerender((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }));
+        scrollableElement = container.querySelector(".zen-filters-toolbar__scrollable");
+        expect(scrollableElement.scrollLeft > 0).toBeTruthy();
+        expect(getByTitle("Scroll left")).toHaveClass("zen-filters-toolbar__scroller--visible");
+        // click on scroll left button
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(getByTitle("Scroll left"));
+            window.dispatchEvent(new Event("scroll"));
+        });
+        (0, react_1.act)(() => {
+            jest.advanceTimersByTime(250);
+        });
+        rerender((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }));
+        (0, react_1.act)(() => {
+            jest.advanceTimersByTime(350);
+        });
+        rerender((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }));
+        scrollableElement = container.querySelector(".zen-filters-toolbar__scrollable");
+        expect(scrollableElement.scrollLeft).toEqual(0);
+        expect(getByTitle("Scroll left")).toHaveClass("zen-filters-toolbar__scroller--hidden");
+        expect(getByTitle("Scroll right")).toHaveClass("zen-filters-toolbar__scroller--visible");
+        jest.clearAllTimers();
+        jest.useRealTimers();
+    });
+    test("renders children correctly", () => {
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { hideInBar: true, id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }), { container: parentElement });
+        let childrenContainer = container.querySelector(".zen-filters-toolbar__filters");
+        expect(childrenContainer).toBeDefined();
+        expect(childrenContainer).toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { hideInBar: true, id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "qwe" } }, "asdad")] }));
+        childrenContainer = container.querySelector(".zen-filters-toolbar__filters");
+        expect(childrenContainer).toBeDefined();
+        expect(childrenContainer).toBeNull();
+    });
+    test("Test filtersContainer accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(filtersContainer_1.FiltersContainer, { children: [(0, jsx_runtime_1.jsx)(filtersBarSearch_1.FiltersBarSearch, { id: "searchId", onChange: () => { }, sidePanelTitle: "", state: { value: "" } }, "asdad")] }), { container: parentElement });
+        await expect(container).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=filtersContainer.test.js.map

package/dist/filtersBar/filtersContainer/filtersContainer.test.js.map

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

package/dist/filtersBar/utils/getNumberOfChangedFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNumberOfChangedFilters.js","sourceRoot":"","sources":["../../../filtersBar/utils/getNumberOfChangedFilters.ts"],"names":[],"mappings":";;;AAAA,8FAA2F;AAC3F,sFAAmF;AAEnF,SAAgB,yBAAyB,CAAE,YAAoB,EAAE,QAAgB;IAC7E,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpC,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;QACrC,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,4EAA4E;YAC5E,OAAO;QACX,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,IAAA,yCAAmB,EAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;gBAC3C,OAAO,EAAE,CAAC;YACd,CAAC;YAED,OAAO;QACX,CAAC;QAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC/D,IAAI,CAAC,IAAA,iCAAe,EAAC,QAAkB,EAAE,QAAkB,CAAC,EAAE,CAAC;gBAC3D,OAAO,EAAE,CAAC;YACd,CAAC;YAED,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAChC,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;YAClC,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACnB,CAAC;AAvCD,8DAuCC"}

package/dist/filtersBar/utils/getNumberOfChangedFilters.test.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dateRangeUtils_1 = require("../../dateRange/dateRangeUtils");
+const groupsFilterInterfaces_1 = require("../../groupsFilter/groupsFilterInterfaces");
+const getNumberOfChangedFilters_1 = require("./getNumberOfChangedFilters");
+describe("getNumberOfChangedFilters tests: ", () => {
+    const defaultOptions = (0, dateRangeUtils_1.GET_DEFAULT_DATE_OPTIONS)(d => new Date(d), s => s, undefined, d => new Date(d));
+    const getDefaultState = () => ({
+        "testSearch": { state: { value: "" } },
+        "testGroupButtonIdID": { state: { selectedValue: "test1" } },
+        "testPeriodPickerIdID": { state: { label: defaultOptions[0].label, ...defaultOptions[0].getRange() } },
+        "testDropdownRatePalnID": { state: { selectedOption: [] } },
+        "testSelectedEntityTypesId": { state: { selectedOption: [] } },
+        "testDropdownIdID": { state: { selectedOption: ["assetStatusActiveId"] } },
+        "testGroupsFilterId": { state: { value: {
+                    groups: { relation: groupsFilterInterfaces_1.RelationOperator.OR, items: [{ id: "ChildA" }, { id: "ChildB" }] },
+                    sideWide: true
+                } } },
+        "testNullField": null,
+        "testEmptyStringField": "",
+        "testBooleanFalseField": false,
+        "testZeroField": 0,
+        "testNaNField": NaN
+    });
+    it("should return 0 when no filters are changed", () => {
+        const currentFiltersState = getDefaultState();
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(0);
+    });
+    it("should return 1 when one filter is changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(1);
+    });
+    it("should return 2 when two filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(2);
+    });
+    it("should return 3 when three filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } },
+            "testPeriodPickerIdID": { state: { label: defaultOptions[1].label, ...defaultOptions[1].getRange() } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(3);
+    });
+    it("should return 4 when four filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } },
+            "testPeriodPickerIdID": { state: { label: defaultOptions[1].label, ...defaultOptions[1].getRange() } },
+            "testDropdownRatePalnID": { state: { selectedOption: ["test"] } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(4);
+    });
+    it("should return 5 when five filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } },
+            "testPeriodPickerIdID": { state: { label: defaultOptions[1].label, ...defaultOptions[1].getRange() } },
+            "testDropdownRatePalnID": { state: { selectedOption: ["test"] } },
+            "testSelectedEntityTypesId": { state: { selectedOption: ["test"] } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(5);
+    });
+    it("should return 6 when six filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } },
+            "testPeriodPickerIdID": { state: { label: defaultOptions[1].label, ...defaultOptions[1].getRange() } },
+            "testDropdownRatePalnID": { state: { selectedOption: ["test"] } },
+            "testSelectedEntityTypesId": { state: { selectedOption: ["test"] } },
+            "testDropdownIdID": { state: { selectedOption: ["test"] } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(6);
+    });
+    it("should return 7 when seven filters are changed", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "testSearch": { state: { value: "test" } },
+            "testGroupButtonIdID": { state: { selectedValue: "test2" } },
+            "testPeriodPickerIdID": { state: { label: defaultOptions[1].label, ...defaultOptions[1].getRange() } },
+            "testDropdownRatePalnID": { state: { selectedOption: ["test"] } },
+            "testSelectedEntityTypesId": { state: { selectedOption: ["test"] } },
+            "testDropdownIdID": { state: { selectedOption: ["test"] } },
+            "testGroupsFilterId": { state: { value: {
+                        groups: { relation: groupsFilterInterfaces_1.RelationOperator.OR, items: [{ id: "ChildA" }, { id: "ChildC" }] },
+                        sideWide: true
+                    } } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(7);
+    });
+    it("should take into account values which are undefined in default state", () => {
+        const currentFiltersState = {
+            ...getDefaultState(),
+            "newFilterId": { state: { value: "test" } }
+        };
+        expect((0, getNumberOfChangedFilters_1.getNumberOfChangedFilters)(getDefaultState(), currentFiltersState)).toBe(1);
+    });
+});
+//# sourceMappingURL=getNumberOfChangedFilters.test.js.map

package/dist/filtersBar/utils/getNumberOfChangedFilters.test.js.map

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

package/dist/filtersBar/utils/isCustomElementValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCustomElementValid.js","sourceRoot":"","sources":["../../../filtersBar/utils/isCustomElementValid.ts"],"names":[],"mappings":";;;AAEO,MAAM,oBAAoB,GAAG,CAAC,EAAiB,EAAW,EAAE;IAC/D,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,KAAK,GAAG,EAAE,CAAC,KAAkF,CAAC;IACpG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B"}

package/dist/filtersBar/utils/isCustomElementValid.test.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const isCustomElementValid_1 = require("./isCustomElementValid");
+describe("isCustomElementValid", () => {
+    it("should return false if the element is undefined", () => {
+        expect((0, isCustomElementValid_1.isCustomElementValid)()).toBe(false);
+    });
+    it("should return false if the element has no props", () => {
+        const el = {};
+        expect((0, isCustomElementValid_1.isCustomElementValid)(el)).toBe(false);
+    });
+    it("should return false if the element has no id prop", () => {
+        const el = { props: {} };
+        expect((0, isCustomElementValid_1.isCustomElementValid)(el)).toBe(false);
+    });
+    it("should return false if the element has no state prop", () => {
+        const el = { props: { id: "id" } };
+        expect((0, isCustomElementValid_1.isCustomElementValid)(el)).toBe(false);
+    });
+    it("should return false if the element has no onChange prop", () => {
+        const el = { props: { id: "id", state: "state" } };
+        expect((0, isCustomElementValid_1.isCustomElementValid)(el)).toBe(false);
+    });
+    it("should return true if the element has an id, state, and onChange prop", () => {
+        const el = { props: { id: "id", state: "state", onChange: () => { } } };
+        expect((0, isCustomElementValid_1.isCustomElementValid)(el)).toBe(true);
+    });
+});
+//# sourceMappingURL=isCustomElementValid.test.js.map

package/dist/filtersBar/utils/isCustomElementValid.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCustomElementValid.test.js","sourceRoot":"","sources":["../../../filtersBar/utils/isCustomElementValid.test.ts"],"names":[],"mappings":";;AACA,iEAA8D;AAE9D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,IAAA,2CAAoB,GAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,GAAG,EAAkB,CAAC;QAC9B,MAAM,CAAC,IAAA,2CAAoB,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAkB,CAAC;QACzC,MAAM,CAAC,IAAA,2CAAoB,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC5D,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAkB,CAAC;QACnD,MAAM,CAAC,IAAA,2CAAoB,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAkB,CAAC;QACnE,MAAM,CAAC,IAAA,2CAAoB,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC7E,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,EAAkB,CAAC;QACvF,MAAM,CAAC,IAAA,2CAAoB,EAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/footerButtons/footerButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerButtons.js","sourceRoot":"","sources":["../../footerButtons/footerButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAqD;AAErD,uEAAoE;AAGpE,gCAA8B;AAC9B,8DAA2D;AAC3D,wEAAqE;AAOrE,MAAM,WAAW,GAAG,CAAC,QAA0F,EAAE,EAAE;IAC/G,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACrB,CAAC;IACD,OAAO,CAAC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC/F,CAAC,KAAK,EAAkC,EAAE,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CACzE,CAA4B,CAAC;AAClC,CAAC,CAAC;AAEK,MAAM,aAAa,GAA6B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,MAAM,eAAe,GAAG,IAAA,yBAAW,GAAE,CAAC;IACtC,MAAM,uBAAuB,GAAG,IAAA,qCAAiB,EAAC,oBAAoB,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC1C,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACd,CAAC;QACD,MAAM,cAAc,GAA4B,EAAE,CAAC;QACnD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,WAAW,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC/B,MAAM,KAAK,GAAG,IAAA,oBAAY,EAAC,KAAK,EAAE;gBAC9B,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,qBAAsB,eAAgB,IAAK,GAAI,EAAE;gBACxE,SAAS,EAAE,GAAI,KAAK,CAAC,KAAK,CAAC,SAAS,IAAI,EAAG,6BAA8B,GAAG,KAAK,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAG,EAAE;aACzK,CAAC,CAAC;YACH,GAAG,GAAG,SAAS,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,OAAO,cAAc,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC;IACzC,MAAM,mBAAmB,GAAG,IAAA,uBAAU,EAAC;QACnC,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;QAC5C,QAAQ,IAAI,uBAAuB,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE;QACvE,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE;QACzE,uBAAuB,IAAI,EAAE;QAC7B,SAAS,IAAI,EAAE;KAClB,CAAC,CAAC;IACH,OAAO,gCAAK,SAAS,EAAG,mBAAmB,YACrC,aAAa,GACb,CAAC;AACX,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB"}

package/dist/footerButtons/footerButtons.test.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const footerButtons_1 = require("./footerButtons");
+const react_1 = require("@testing-library/react");
+require("./../testHelpers/geotab-axe");
+const button_1 = require("../button/button");
+const themeContext_1 = require("../utils/theme/themeContext");
+const themeProvider_1 = require("../utils/theme/themeProvider");
+describe("footerButtons stacked", () => {
+    test("Test footerButtons stacked", () => {
+        const firstClickHandler = jest.fn();
+        const secondClickHandler = jest.fn();
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { className: "footerButtons", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "first-button-class", onClick: firstClickHandler, children: "first button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: secondClickHandler, children: "second button" })] }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--indented")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--stacked")).not.toBeNull();
+        expect(container.querySelector(".footerButtons")).not.toBeNull();
+        const firstButtonEl = getByText("first button");
+        const secondButtonEl = getByText("second button");
+        expect(firstButtonEl).not.toBeNull();
+        expect(secondButtonEl).not.toBeNull();
+        expect(firstButtonEl.classList.contains("first-button-class")).toBeTruthy();
+        expect(firstButtonEl.classList.contains("zen-footer-buttons__item")).toBeTruthy();
+        expect(secondButtonEl.classList.contains("zen-footer-buttons__item")).toBeTruthy();
+        react_1.fireEvent.click(firstButtonEl);
+        expect(firstClickHandler).toHaveBeenCalled();
+        react_1.fireEvent.click(secondButtonEl);
+        expect(secondClickHandler).toHaveBeenCalled();
+    });
+    test("Test footerButtons stacked one button", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(footerButtons_1.FooterButtons, { className: "footerButtons", stacked: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "One button" }) }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--indented")).toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--stacked")).not.toBeNull();
+        expect(getByText("One button")).not.toBeNull();
+    });
+    test("Test footerButtons sticky", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(footerButtons_1.FooterButtons, { className: "footerButtons", isSticky: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "One button" }) }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--indented")).toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--stacked")).not.toBeNull();
+        //assigned only to driveApp
+        expect(container.querySelector(".zen-footer-buttons--sticky")).toBeNull();
+        expect(getByText("One button")).not.toBeNull();
+    });
+    test("Test footerButtons sticky in driveApp", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(themeProvider_1.ThemeProvider, { theme: themeContext_1.Theme.Drive, children: (0, jsx_runtime_1.jsx)(footerButtons_1.FooterButtons, { className: "footerButtons", isSticky: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "One button" }) }) }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--indented")).toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--stacked")).not.toBeNull();
+        //assigned only to driveApp
+        expect(container.querySelector(".zen-footer-buttons--sticky")).not.toBeNull();
+        expect(getByText("One button")).not.toBeNull();
+    });
+    test("Test footerButtons horizontal", () => {
+        const firstClickHandler = jest.fn();
+        const secondClickHandler = jest.fn();
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { className: "footerButtons", stacked: false, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "first-button-class", onClick: firstClickHandler, children: "first button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "second-button-class", onClick: secondClickHandler, children: "second button" })] }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--indented")).toBeNull();
+        expect(container.querySelector(".zen-footer-buttons--stacked")).toBeNull();
+        expect(container.querySelector(".footerButtons")).not.toBeNull();
+        const firstButtonEl = getByText("first button");
+        const secondButtonEl = getByText("second button");
+        expect(firstButtonEl).not.toBeNull();
+        expect(secondButtonEl).not.toBeNull();
+        expect(firstButtonEl.classList.contains("first-button-class")).toBeTruthy();
+        expect(firstButtonEl.classList.contains("zen-footer-buttons__item")).toBeTruthy();
+        expect(secondButtonEl.classList.contains("second-button-class")).toBeTruthy();
+        expect(secondButtonEl.classList.contains("zen-footer-buttons__item")).toBeTruthy();
+        react_1.fireEvent.click(firstButtonEl);
+        expect(firstClickHandler).toHaveBeenCalled();
+        react_1.fireEvent.click(secondButtonEl);
+        expect(secondClickHandler).toHaveBeenCalled();
+    });
+    test("Test footerButtons horizontal maximum quantity 2", () => {
+        const { container, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { stacked: false, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { children: "first button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "second button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "third button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "fourth button" })] }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(queryByText("first button")).not.toBeNull();
+        expect(queryByText("second button")).not.toBeNull();
+        expect(queryByText("third button")).toBeNull();
+        expect(queryByText("fourth button")).toBeNull();
+    });
+    test("Test footerButtons stacked maximum quantity 3", () => {
+        const { container, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { stacked: true, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { children: "first button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "second button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "third button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "fourth button" })] }));
+        expect(container.querySelector(".zen-footer-buttons")).not.toBeNull();
+        expect(queryByText("first button")).not.toBeNull();
+        expect(queryByText("second button")).not.toBeNull();
+        expect(queryByText("third button")).not.toBeNull();
+        expect(queryByText("fourth button")).toBeNull();
+    });
+    test("Test footerButtons accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { className: "footerButtons", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "first-button-class", children: "first button" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "second button" })] }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=footerButtons.test.js.map

package/dist/footerButtons/footerButtons.test.js.map

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

package/dist/formField/formField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.js","sourceRoot":"","sources":["../../formField/formField.tsx"],"names":[],"mappings":";;;;AACA,uEAAoE;AACpE,4BAA0B;AAC1B,wEAAqE;AACrE,qEAAkE;AAgBlE,gEAAgE;AACzD,MAAM,SAAS,GAAG,SAAS,cAAc,CAAiC,gBAA6B;IAC1G,MAAM,cAAc,GAAG,CAAC,KAAkC,EAAE,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAChF,MAAM,cAAc,GAAG,IAAA,qCAAiB,EAAC,sBAAsB,CAAC,CAAC;QACjE,MAAM,kBAAkB,GAAG,KAAK,IAAI,SAAS,IAAI,OAAO,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAA,uBAAU,EAAC,CAAC,uBAAuB,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC;QAEvF,OAAO,iCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,aACnE,gCAAK,SAAS,EAAC,iCAAiC,YAC5C,uBAAC,gBAAgB,OAAM,IAAS,EAAG,SAAS,EAAG,kBAAkB,EAAG,OAAO,EAAG,CAAC,CAAC,KAAK,GAAK,GACxF,EACJ,kBAAkB,CAAC,CAAC;oBAClB,iCAAK,SAAS,EAAC,2BAA2B,aACtC,gCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC;oCACxB,sBAAsB;oCACtB,cAAc,IAAI,EAAE;oCACpB,KAAK,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;iCAC7C,CAAC,YACI,KAAK,CAAC,CAAC,CAAC,uBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,GACnD,EACJ,OAAO;gCACL,CAAC,CAAC,gCAAK,SAAS,EAAC,wBAAwB,YAAG,OAAO,GAAQ;gCAC3D,CAAC,CAAC,EAAE,IAEN;oBACN,CAAC,CAAC,IAAI,IACR,CAAC;IACX,CAAC,CAAC;IACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;IAE9C,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AA/BW,QAAA,SAAS,aA+BpB"}

package/dist/formField/formField.test.js

@@ -0,0 +1,57 @@
+"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");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = __importDefault(require("react"));
+const formField_1 = require("./formField");
+require("../testHelpers/geotab-axe");
+const react_2 = require("@testing-library/react");
+describe("FormField", () => {
+    const getElement = (container) => container.querySelector(".zen-form-field");
+    const component = react_1.default.forwardRef(function inner({ isError }, ref) {
+        return (0, jsx_runtime_1.jsx)("div", { id: "innerId", className: isError ? "error-class" : "", ref: ref });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    test("Test FormField without parameters", () => {
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, {}));
+        expect(getElement(container)).not.toBeNull();
+    });
+    test("Test FormField with parameters", () => {
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, { error: "error text", assistive: "assistive text", counter: "1/5" }));
+        expect(getElement(container)).not.toBeNull();
+        expect((0, react_2.queryByText)(container, "error text")).not.toBeNull();
+        expect((0, react_2.queryByText)(container, "assistive text")).toBeNull();
+        expect(document.querySelector("#innerId.error-class")).not.toBeNull();
+        expect((0, react_2.queryByText)(container, "1/5")).not.toBeNull();
+    });
+    test("Test FormField without error parameter", () => {
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, { assistive: "assistive text" }));
+        expect(getElement(container)).not.toBeNull();
+        expect((0, react_2.queryByText)(container, "assistive text")).not.toBeNull();
+    });
+    test("Test passing reference from FormField to a child", () => {
+        const refMock = jest.fn();
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, { ref: refMock, error: "error text" }));
+        expect(refMock.mock.calls[0][0].id).toBe("innerId");
+    });
+    test("Test FormField accessibility without error", async () => {
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, { assistive: "assistive text", counter: "1/5" }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+    test("Test FormField accessibility with error", async () => {
+        const FormFieldComponent = (0, formField_1.FormField)(component);
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(FormFieldComponent, { error: "error text", assistive: "assistive text", counter: "1/5" }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=formField.test.js.map

package/dist/formField/formField.test.js.map

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

package/dist/formFieldError/formFieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldError.js","sourceRoot":"","sources":["../../formFieldError/formFieldError.tsx"],"names":[],"mappings":";;;;AAAA,uEAAoE;AACpE,0DAAuD;AACvD,sDAAmD;AACnD,wEAAqE;AACrE,iCAA+B;AAOxB,MAAM,cAAc,GAA8B,CAAC,EAAE,SAAS,EAAE,KAAK,EAC3E,EAAE,EAAE;IACD,MAAM,mBAAmB,GAAG,IAAA,qCAAiB,EAAC,sBAAsB,CAAC,CAAC;IACtE,MAAM,OAAO,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,0CAAiC,KAAK,IAA5B,aAAc,GAAI,EAAE,CAAe,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,0CAAM,KAAK,GAAO,CAAC;IACpK,OAAO,KAAK,CAAC,CAAC,CAAC,iCAAK,SAAS,EAAE,IAAA,uBAAU,EAAC,CAAC,sBAAsB,EAAE,mBAAmB,IAAI,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,aAC3G,gCAAK,SAAS,EAAC,sCAAsC,YACjD,uBAAC,6BAAa,IAAC,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAI,GAChG,EACN,gCAAK,SAAS,EAAC,kCAAkC,YAC5C,YAAY,GACX,IACJ,CAAC,CAAC,CAAC,IAAI,CAAC;AAClB,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

package/dist/formStepper/components/formStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStep.js","sourceRoot":"","sources":["../../../formStepper/components/formStep.tsx"],"names":[],"mappings":";;;;AACA,qDAAkD;AAClD,mEAAgE;AAChE,+CAA4C;AAC5C,sEAAmE;AAEnE,2BAAyB;AAkBlB,MAAM,QAAQ,GAAkB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzJ,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,OAAO,IAAI,QAAQ,CAAC;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IACpC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAChG,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAC,qBAAS,KAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IACvF,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,OAAO,CACH,gCAAK,SAAS,EAAE,iBAAkB,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAG,IAAK,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAG,mBAAoB,IAAK,EAAE,YACjJ,uBAAC,yBAAW,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAChC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,QAAQ,YAsBnB"}

package/dist/formStepper/components/formStep.test.js

@@ -0,0 +1,114 @@
+"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 = require("@testing-library/react");
+const formStep_1 = require("./formStep");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe("FormStep", () => {
+    describe("should render correctly on Desktop", () => {
+        it("should render correctly default value", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1" }));
+            expect(container.querySelector(".zen-form-step")).not.toBeNull();
+            expect(container.querySelector(".zen-form-step--mobile")).toBeNull();
+            expect(container.querySelector(".zen-form-step--first")).toBeNull();
+            expect(container.textContent).toBe("Step 1");
+        });
+        it("should render correctly with optional label", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", optional: true }));
+            expect(container.querySelector(".zen-form-step")).not.toBeNull();
+            expect(container.querySelector(".zen-form-step--mobile")).toBeNull();
+            expect(container.querySelector(".zen-form-step--first")).toBeNull();
+            const labelSecondary = container.querySelector(".zen-form-step__label-secondary");
+            expect(labelSecondary).not.toBeNull();
+            expect(labelSecondary.textContent).toBe("Optional");
+            const marker = container.querySelector(".zen-form-step__marker");
+            expect(marker).not.toBeNull();
+            expect(marker.classList.contains("zen-form-step__marker--incomplete")).toBe(true);
+        });
+        it("should render correctly if compact is true", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", compact: true }));
+            expect(container.querySelector(".zen-form-step")).not.toBeNull();
+            expect(container.querySelector(".zen-form-step--mobile")).not.toBeNull();
+            expect(container.querySelector(".zen-form-step--first")).toBeNull();
+            const marker = container.querySelector(".zen-form-step__marker");
+            expect(marker).not.toBeNull();
+            expect(marker.classList.contains("zen-form-step__marker--incomplete")).toBe(true);
+        });
+        describe("should onClick be called", () => {
+            it("if step is completed", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: onClick, isComplete: true }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(1);
+            });
+            it("if step is error", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: onClick, isError: true }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(1);
+            });
+        });
+        describe("should onClick not be called", () => {
+            it("if step is current", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: onClick, isCurrent: true }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(0);
+            });
+            it("if step is incomplete", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: onClick, isComplete: false }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(0);
+            });
+            it("if onClick is false and step is completed", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: false, isComplete: true }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(0);
+            });
+            it("if onClick is false and step is error", async () => {
+                const onClick = jest.fn();
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", onClick: false, isError: true }));
+                expect(onClick).toHaveBeenCalledTimes(0);
+                const marker = container.querySelector(".zen-form-step__marker");
+                await (0, react_1.act)(async () => {
+                    await user_event_1.default.click(marker);
+                });
+                expect(onClick).toHaveBeenCalledTimes(0);
+            });
+        });
+        it("isFirst should add first class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", isFirst: true }));
+            expect(container.querySelector(".zen-form-step--first")).not.toBeNull();
+        });
+        it("isCurrent should add current class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(formStep_1.FormStep, { id: "step", label: "Step 1", isCurrent: true }));
+            expect(container.querySelector(".zen-form-step__marker--current")).not.toBeNull();
+        });
+    });
+});
+//# sourceMappingURL=formStep.test.js.map