@geotab/zenith 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/sidePanel/sidePanel.test.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sidePanel_1 = require("./sidePanel");
+const react_1 = require("@testing-library/react");
+require("../testHelpers/geotab-axe");
+const buttonType_1 = require("../button/buttonType");
+const button_1 = require("../button/button");
+const react_2 = require("react");
+describe("sidePanel", () => {
+    describe("formatWidth", () => {
+        test("converts number to pixels", () => {
+            expect((0, sidePanel_1.formatWidth)(300)).toBe("300px");
+            expect((0, sidePanel_1.formatWidth)(0)).toBe("0px");
+            expect((0, sidePanel_1.formatWidth)(1000)).toBe("1000px");
+        });
+        test("converts string numbers to pixels", () => {
+            expect((0, sidePanel_1.formatWidth)("300")).toBe("300px");
+            expect((0, sidePanel_1.formatWidth)("0")).toBe("0px");
+            expect((0, sidePanel_1.formatWidth)("1000")).toBe("1000px");
+        });
+        test("returns string as-is when it contains non-digits", () => {
+            expect((0, sidePanel_1.formatWidth)("300px")).toBe("300px");
+            expect((0, sidePanel_1.formatWidth)("50%")).toBe("50%");
+            expect((0, sidePanel_1.formatWidth)("auto")).toBe("auto");
+            expect((0, sidePanel_1.formatWidth)("100vh")).toBe("100vh");
+        });
+    });
+    test("check attributes of the trigger", () => {
+        const ref = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: "Open panel" }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: false, useTrapFocusWithTrigger: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        expect(ref.current?.getAttribute("aria-expanded")).toEqual("false");
+    });
+    test("handles Escape event to close sidePanel. ", () => {
+        const ref = { current: null };
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.keyDown(document.querySelector(".zen-side-panel"), { key: "Escape", code: "Escape" });
+        });
+        expect(onHidePanel).toBeCalledTimes(1);
+    });
+    test("handles Escape event to close sidePanel and focus on other element. ", () => {
+        const ref = (0, react_2.createRef)();
+        const ref2 = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: ref2, children: (0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, disabled: true, title: "Some title", children: "Open panel" }) }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref2, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.keyDown(document.querySelector(".zen-side-panel"), { key: "Escape", code: "Escape" });
+        });
+        expect(onHidePanel).toBeCalledTimes(1);
+        expect(document.activeElement).not.toEqual(ref.current);
+    });
+    test("handles click event outside of side panel", () => {
+        const ref = (0, react_2.createRef)();
+        const spanRef = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { ref: spanRef, children: "Open panel" }), (0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: "Button" }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(spanRef.current);
+        });
+        expect(onHidePanel).toBeCalledTimes(1);
+    });
+    test("handles click event on trigger's child. ", () => {
+        const ref = (0, react_2.createRef)();
+        const spanRef = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: (0, jsx_runtime_1.jsx)("span", { ref: spanRef, children: "Open panel" }) }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(spanRef.current);
+        });
+        expect(onHidePanel).toBeCalledTimes(0);
+    });
+    test("handles click event on trigger. ", () => {
+        const ref = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: "Open panel" }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(ref.current);
+        });
+        expect(onHidePanel).toBeCalledTimes(0);
+    });
+    test("handles Escape event to close sidePanel and focus on trigger. ", () => {
+        const ref = (0, react_2.createRef)();
+        const onHidePanel = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: "Open panel" }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: onHidePanel, triggerRef: ref, isOpen: true, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) })] }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.keyDown(document.querySelector(".zen-side-panel"), { key: "Escape", code: "Escape" });
+        });
+        expect(onHidePanel).toBeCalledTimes(1);
+        expect(document.activeElement).toEqual(ref.current);
+    });
+    test.each([
+        [true],
+        [false]
+    ])("Test sidePanel. isOpen: %o", (isOpen) => {
+        jest.useFakeTimers();
+        const ref = { current: null };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { label: "asdasd", onHidePanel: () => { }, triggerRef: ref, isOpen: isOpen, className: "sidePanel", children: (0, jsx_runtime_1.jsx)("span", { className: "innerContent", children: "Inner content" }) }));
+        (0, react_1.act)(() => {
+            jest.advanceTimersByTime(300);
+        });
+        isOpen
+            ? expect(document.querySelector(".zen-side-panel--shown")).not.toBeNull()
+            : expect(document.querySelector(".zen-side-panel--shown")).toBeNull();
+        isOpen
+            ? expect(document.querySelector(".innerContent")).not.toBeNull()
+            : expect(document.querySelector(".innerContent")).toBeNull();
+        isOpen
+            ? expect(document.querySelector(".sidePanel")).not.toBeNull()
+            : expect(document.querySelector(".sidePanel")).toBeNull();
+        jest.clearAllTimers();
+        jest.useRealTimers();
+    });
+    test.each([
+        ["left"],
+        ["right"],
+        ["bottom"],
+        [undefined]
+    ])("Test sidePanel. PanelPosition: %o", (position) => {
+        const ref = { current: null };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { onHidePanel: () => { }, triggerRef: ref, isOpen: true, label: " as ", panelPosition: position }));
+        if (position === "left") {
+            expect(document.querySelector(".zen-side-panel--left-positioned")).not.toBeNull();
+            expect(document.querySelector(".zen-side-panel--right-positioned")).toBeNull();
+            expect(document.querySelector(".zen-side-panel--bottom-positioned")).toBeNull();
+            return;
+        }
+        if (position === "bottom") {
+            expect(document.querySelector(".zen-side-panel--bottom-positioned")).not.toBeNull();
+            expect(document.querySelector(".zen-side-panel--left-positioned")).toBeNull();
+            expect(document.querySelector(".zen-side-panel--right-positioned")).toBeNull();
+            return;
+        }
+        expect(document.querySelector(".zen-side-panel--right-positioned")).not.toBeNull();
+        expect(document.querySelector(".zen-side-panel--left-positioned")).toBeNull();
+        expect(document.querySelector(".zen-side-panel--bottom-positioned")).toBeNull();
+    });
+    test("Test sidePanel accessibility", async () => {
+        const ref = (0, react_2.createRef)();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, type: buttonType_1.ButtonType.Tertiary, title: "Some title", children: "Open panel" }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { id: "sidePanelId", onHidePanel: () => { }, triggerRef: ref, isOpen: true, label: "Test side panel", className: "sidePanel" })] }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=sidePanel.test.js.map

package/dist/sidePanel/sidePanel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidePanel.test.js","sourceRoot":"","sources":["../../sidePanel/sidePanel.test.tsx"],"names":[],"mappings":";;;AACA,2CAAqD;AACrD,kDAAgE;AAChE,qCAAmC;AACnC,qDAAkD;AAClD,6CAA0C;AAC1C,iCAAkC;AAElC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAEvB,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QACzB,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACnC,MAAM,CAAC,IAAA,uBAAW,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvC,MAAM,CAAC,IAAA,uBAAW,EAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,CAAC,IAAA,uBAAW,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzC,MAAM,CAAC,IAAA,uBAAW,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,CAAC,IAAA,uBAAW,EAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC1D,MAAM,CAAC,IAAA,uBAAW,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3C,MAAM,CAAC,IAAA,uBAAW,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvC,MAAM,CAAC,IAAA,uBAAW,EAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzC,MAAM,CAAC,IAAA,uBAAW,EAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,2BAAoB,EACnF,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,QAAC,SAAS,EAAC,WAAW,YAC7H,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YACpG,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,CAAC,CAAC;QAEd,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAgB,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnH,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAC9E,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,IAAI,GAAG,IAAA,iBAAS,GAAkB,CAAC;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,gCAAK,GAAG,EAAE,IAAI,YACV,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,QAAQ,QAAC,KAAK,EAAC,YAAY,2BAAoB,GAC1F,EACN,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YAC9F,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAgB,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnH,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAmB,CAAC;QAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,iCAAM,GAAG,EAAE,OAAO,2BAAmB,EACrC,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,uBAAgB,EAC/E,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YAC7F,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAsB,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,iBAAS,GAAmB,CAAC;QAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,YAC3D,iCAAM,GAAG,EAAE,OAAO,2BAAmB,GAChC,EACT,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YAC7F,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,OAAsB,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,2BAAoB,EACnF,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YAC7F,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EACF,6DACI,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,2BAAoB,EACnF,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,WAAW,YAC7F,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,IACb,CACN,CAAC;QAEF,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,iBAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAgB,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnH,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC;QACN,CAAC,IAAI,CAAC;QACN,CAAC,KAAK,CAAC;KACV,CAAC,CAAC,4BAA4B,EAAE,CAAC,MAAM,EAAE,EAAE;QACxC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,WAAW,YAC1G,iCAAM,SAAS,EAAC,cAAc,8BAAqB,GAC3C,CAAC,CAAC;QACd,IAAA,WAAG,EAAC,GAAG,EAAE;YACL,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QACH,MAAM;YACF,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;YACzE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAE1E,MAAM;YACF,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;YAChE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEjE,MAAM;YACF,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;YAC7D,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC9D,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC;QACN,CAAC,MAAM,CAAC;QACR,CAAC,OAAO,CAAC;QACT,CAAC,QAAQ,CAAC;QACV,CAAC,SAAS,CAAC;KACd,CAAC,CAAC,mCAAmC,EAAE,CAAC,QAAQ,EAAE,EAAE;QACjD,MAAM,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,uBAAC,qBAAS,IAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,QAA4B,GAAc,CAAC,CAAC;QAEhJ,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAClF,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC/E,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,oCAAoC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAChF,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,oCAAoC,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YACpF,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC9E,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC/E,OAAO;QACX,CAAC;QAED,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACnF,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC9E,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,oCAAoC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAqB,CAAC;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EACxB,6DACI,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,uBAAU,CAAC,QAAQ,EAAE,KAAK,EAAC,YAAY,2BAAoB,EACnF,uBAAC,qBAAS,IAAC,EAAE,EAAC,aAAa,EAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAC,WAAW,GAAa,IAC7I,CACN,CAAC;QACF,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC,EAAE,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC,CAAC"}

package/dist/sidePanel/sidePanelCell/sidePanelCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidePanelCell.js","sourceRoot":"","sources":["../../../sidePanel/sidePanelCell/sidePanelCell.tsx"],"names":[],"mappings":";;;;AACA,gCAA8B;AAE9B,0EAAuE;AAWhE,MAAM,aAAa,GAA6B,CACnD,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAkB,EACxG,EAAE,CAAC,iCAAK,IAAI,EAAE,IAAI,qBAAmB,UAAU,EAAE,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,aAC7K,gCAAK,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAE,OAAO,YAAI,KAAK,GAAQ,EACxE,gCAAK,SAAS,EAAC,8BAA8B,YACvC,QAAQ,GACR,EACJ,MAAM;YACJ,CAAC,CAAC,gCAAK,SAAS,EAAC,6BAA6B,YACxC,MAAM,GACN;YACN,CAAC,CAAC,IAAI,IAER,CAAC;AAbM,QAAA,aAAa,iBAanB"}

package/dist/sidePanel/sidePanelCell/sidePanelCell.test.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sidePanelCell_1 = require("./sidePanelCell");
+const react_1 = require("@testing-library/react");
+require("../../testHelpers/geotab-axe");
+describe("sidePanelCell", () => {
+    test("Test sidePanelCell", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: "", className: "sidePanelCell" }));
+        expect(container.querySelector(".sidePanelCell")).not.toBeNull();
+    });
+    test("Test sidePanelCell accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { title: "", className: "sidePanelCell" }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=sidePanelCell.test.js.map

package/dist/sidePanel/sidePanelCell/sidePanelCell.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidePanelCell.test.js","sourceRoot":"","sources":["../../../sidePanel/sidePanelCell/sidePanelCell.test.tsx"],"names":[],"mappings":";;;AACA,mDAAgD;AAChD,kDAAgD;AAChD,wCAAsC;AAEtC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAE3B,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,eAAe,GAAiB,CAAC,CAAC;QACjG,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,eAAe,GAAiB,CAAC,CAAC;QACjG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC,EAAE,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC,CAAC"}

package/dist/skeleton/lazyContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyContent.js","sourceRoot":"","sources":["../../skeleton/lazyContent.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,yCAAqD;AA0CrD,gEAAgE;AACzD,MAAM,WAAW,GAAG,CAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,SAAS,GAAG,IAAI,EAAa,EAAE,EAAE;IAC1I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QACD,IAAI,OAAO,YAAY,QAAQ,EAAE,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,MAAM,OAAO,GAAG,KAAK,IAAI,WAAW,CAAC,CAAC;gBAClC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;gBAC9B,OAAO,EAAE,CAAC;YAEd,OAAO;iBACF,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBACb,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACjB,IAAI,KAAK,EAAE,CAAC;oBACR,cAAc,CAAC,MAAM,CAAC,CAAC;gBAC3B,CAAC;YACL,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACT,MAAM,UAAU,GAAG,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnD,UAAU,IAAI,QAAQ,CAAC,UAAe,CAAC,CAAC;YAC5C,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE;gBACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;YAEP,OAAO;QACX,CAAC;QAED,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,WAAW,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,EAAE,CAAC;YACxF,IAAI,KAAK,EAAE,CAAC;gBACR,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;gBACvC,UAAU,IAAI,QAAQ,CAAC,UAAe,CAAC,CAAC;gBACxC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO;YACX,CAAC;YAED,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAChC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACvB,OAAO;QACX,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAElE,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,2DACF,SAAS,CAAC,CAAC,CAAC,CACT,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACzD,CAAC,CAAC,CAAC,CACA,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAC5C,GAAI,CAAC;AACd,CAAC,CAAC;AA7DW,QAAA,WAAW,eA6DtB"}

package/dist/skeleton/lazyContent.test.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const lazyContent_1 = require("./lazyContent");
+describe("PromisableContent", () => {
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    test("renders content when promise resolves", async () => {
+        const mockContent = "Resolved Content";
+        const promise = () => Promise.resolve(mockContent);
+        const { findByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { errorHandler: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), content: promise, render: (value) => (0, jsx_runtime_1.jsx)("div", { children: value }) }));
+        expect(await findByText(mockContent)).toBeDefined();
+    });
+    test("renders loading state when content is an object with isLoading flag", () => {
+        const content = { data: "Some data", isLoading: true };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { error: { message: "Error", name: "Error" }, errorHandler: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), content: content, type: "button" }));
+        expect(container.querySelector(".zen-skeleton.zen-skeleton--button")).toBeDefined();
+    });
+    test("renders content when isLoading is false", () => {
+        const content = { data: "Some data", isLoading: false };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { content: content, error: null, errorHandler: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), render: (value) => (0, jsx_runtime_1.jsx)("div", { children: value }) }));
+        expect(getByText("Some data")).toBeDefined();
+    });
+    test("renders error when isLoading is false", () => {
+        const content = { data: "Some data", isLoading: false };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { content: content, error: { message: "Error", name: "Error" }, errorHandler: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), render: (value) => (0, jsx_runtime_1.jsx)("div", { children: value }) }));
+        expect(getByText("Error")).toBeDefined();
+    });
+    test("renders error content immediately when 'error' prop is set, regardless of content.isLoading", () => {
+        const content = { data: "Should not be rendered", isLoading: true };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { content: content, error: new Error("Failed"), errorHandler: () => (0, jsx_runtime_1.jsx)("div", { children: "Error Handled" }), type: "text" }));
+        expect(getByText("Error Handled")).toBeDefined();
+        expect(document.querySelector(".zen-skeleton")).toBeNull();
+    });
+    test("renders static content when provided directly", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { content: "Static Content", render: () => (0, jsx_runtime_1.jsx)("div", { children: "Another content" }) }));
+        expect(getByText("Another content")).toBeDefined();
+    });
+    test("renders nothing when no value and no render function", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { content: undefined }));
+        expect(container.firstChild).toBeNull();
+    });
+});
+//# sourceMappingURL=lazyContent.test.js.map

package/dist/skeleton/lazyContent.test.js.map

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

package/dist/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../skeleton/skeleton.tsx"],"names":[],"mappings":";;;;AAAA,2BAAyB;AACzB,uEAAoE;AACpE,mEAAgE;AAUzD,MAAM,QAAQ,GAAwB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IAClG,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IACpC,MAAM,aAAa,GAAG,IAAA,uBAAU,EAAC,CAAC,cAAc,EAAE,iBAAkB,IAAK,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/F,OAAO,gCAAK,IAAI,EAAC,aAAa,gBAAa,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,aAAa,CAAC,IAAI,EAAE,GAAQ,CAAC;AACvK,CAAC,CAAC;AAJW,QAAA,QAAQ,YAInB"}

package/dist/skeleton/skeleton.test.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const skeleton_1 = require("./skeleton");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+jest.mock("../commonHelpers/classNames/classNames", () => ({
+    classNames: jest.fn((classes) => classes.join(" "))
+}));
+describe("SkeletonComponent", () => {
+    test("renders without crashing", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {}));
+        expect(container).toBeDefined();
+    });
+    test("applies default type", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {}));
+        const skeletonDiv = container.firstChild;
+        expect(skeletonDiv.className).toEqual("zen-skeleton zen-skeleton--text");
+    });
+    test("applies custom type", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { type: "pill" }));
+        const skeletonDiv = container.firstChild;
+        expect(skeletonDiv.className).toEqual("zen-skeleton zen-skeleton--pill");
+    });
+    test("handles classNames function", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { type: "button", className: "customClass" }));
+        expect(classNames_1.classNames).toHaveBeenCalledWith(["zen-skeleton", "zen-skeleton--button", "customClass"]);
+        const skeletonDiv = container.firstChild;
+        expect(skeletonDiv.className).toEqual("zen-skeleton zen-skeleton--button customClass");
+    });
+});
+//# sourceMappingURL=skeleton.test.js.map

package/dist/skeleton/skeleton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.test.js","sourceRoot":"","sources":["../../skeleton/skeleton.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,yCAAsC;AACtC,uEAAoE;AAEpE,IAAI,CAAC,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE,CAAC,CAAC;IACvD,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;CACtD,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,KAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,KAAG,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC;QACzC,MAAM,CAAE,WAA2B,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC;QACvD,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC;QACzC,MAAM,CAAE,WAA2B,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC;QACjF,MAAM,CAAC,uBAAU,CAAC,CAAC,oBAAoB,CAAC,CAAC,cAAc,EAAE,sBAAsB,EAAE,aAAa,CAAC,CAAC,CAAC;QACjG,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC;QACzC,MAAM,CAAE,WAA2B,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,+CAA+C,CAAC,CAAC;IAC5G,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/skeletonList/skeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonList.js","sourceRoot":"","sources":["../../skeletonList/skeletonList.tsx"],"names":[],"mappings":";;;;AACA,+BAA6B;AAE7B,uEAAoE;AACpE,mDAAgD;AAQzC,MAAM,YAAY,GAA4B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,EAAE;IAC1F,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAI,KAAM,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC9C,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACd,CAAC;QACD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,CAAC,CAAC;IACb,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,mCAAS,UAAU,EAAE,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,mBAAmB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,YACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBAAC,mBAAQ,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,IAAO,YAAa,KAAM,EAAE,CAAI,CACjF,CAAC,GACA,CAAC;AACX,CAAC,CAAC;AAnBW,QAAA,YAAY,gBAmBvB"}

package/dist/skeletonList/skeletonList.test.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const skeletonList_1 = require("./skeletonList");
+const react_1 = require("@testing-library/react");
+require("./../testHelpers/geotab-axe");
+describe("skeletonList", () => {
+    test("should render with default props", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, {}));
+        const skeletonList = container.querySelector(".zen-skeleton-list");
+        expect(skeletonList).not.toBeNull();
+    });
+    test("should render with custom className", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { className: "custom-skeleton-list" }));
+        const skeletonList = container.querySelector(".zen-skeleton-list");
+        expect(skeletonList?.classList).toContain("zen-skeleton-list");
+        expect(skeletonList?.classList).toContain("custom-skeleton-list");
+    });
+    test("should render without className and count", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, {}));
+        const skeletonList = container.querySelector(".zen-skeleton-list");
+        expect(skeletonList).not.toBeNull();
+        const skeletons = container.querySelectorAll(".zen-skeleton");
+        expect(skeletons).toHaveLength(4);
+    });
+    test("should render  8 skeleton items for medium size", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { size: "medium" }));
+        const skeletons = container.querySelectorAll(".zen-skeleton");
+        expect(skeletons).toHaveLength(8);
+    });
+    test("should render  12 skeleton items for large size", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { size: "large" }));
+        const skeletons = container.querySelectorAll(".zen-skeleton");
+        expect(skeletons).toHaveLength(12);
+    });
+    test("should render 4 skeleton items for small size", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { size: "small" }));
+        const skeletons = container.querySelectorAll(".zen-skeleton");
+        expect(skeletons).toHaveLength(4);
+    });
+    test("should apply width style when width prop is provided", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { width: 300 }));
+        const skeletonList = container.querySelector(".zen-skeleton-list");
+        expect(skeletonList?.getAttribute("style")).toContain("width: 300px");
+    });
+    test("should pass itemHeight and itemWidth to Skeleton components", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, {}));
+        const skeletons = container.querySelectorAll(".zen-skeleton");
+        skeletons.forEach(skeleton => {
+            expect(skeleton.getAttribute("style")).toContain("width: 115px");
+        });
+    });
+    test("should be accessible with default props", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { className: "skeletonList" }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+    test("should be accessible with custom props", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(skeletonList_1.SkeletonList, { className: "custom-skeleton", width: 300, size: "large" }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=skeletonList.test.js.map

package/dist/skeletonList/skeletonList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonList.test.js","sourceRoot":"","sources":["../../skeletonList/skeletonList.test.tsx"],"names":[],"mappings":";;;AACA,iDAA8C;AAC9C,kDAAgD;AAChD,uCAAqC;AAErC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACnE,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC,CAAC;QAChF,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACnE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QAC/D,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACnE,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAC;QAC7D,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,KAAK,EAAE,GAAG,GAAI,CAAC,CAAC;QAC3D,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACnE,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6DAA6D,EAAE,GAAG,EAAE;QACrE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAC9D,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACzB,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC;QACxE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,IAAI,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EACxB,uBAAC,2BAAY,IACT,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,OAAO,GACd,CACL,CAAC;QACF,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC,EAAE,KAAK,CAAC,CAAC;AACd,CAAC,CAAC,CAAC"}

package/dist/sortControl/sortControl.js.map

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

package/dist/sortControl/sortControl.test.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const sortControl_1 = require("./sortControl");
+require("../testHelpers/geotab-axe");
+jest.mock("./../utils/localization/useLanguage", () => ({
+    useLanguage: () => ({
+        translate: jest.fn((phrase) => phrase)
+    })
+}));
+function mockedSelectList({ id, title, onChange, items }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { id: id, title: title, children: [...items.map((item) => ((0, jsx_runtime_1.jsx)("div", { id: `${item.id}${item?.state === "On" ? "_active" : ""}`, onClick: () => onChange(new Map([[item.id, "On"]])), children: item.children }, item.id)))] }));
+}
+jest.mock("../selectList/selectList", () => ({ SelectList: mockedSelectList }));
+describe("sortControl", () => {
+    const onChange = jest.fn();
+    const defaultProps = {
+        items: [{
+                id: "a1",
+                children: "Item 1"
+            },
+            {
+                id: "a2",
+                children: "Item 2"
+            },
+            {
+                id: "a3",
+                children: "Item 3"
+            }],
+        sortBy: "a2",
+        onChange
+    };
+    const getSortControl = (context) => context.querySelector(".zen-sort-container__button");
+    const getSmallButton = (context) => context.querySelector(".zen-sort-container__button.zen-sort-container__button--small");
+    const getSvg = (context) => context.querySelector(".zen-icon");
+    const getTextContainer = (context) => context.querySelector(".zen-sort-container__text-block");
+    const getElement = (container) => container.querySelector(".zen-sort-container");
+    test("Test sortControl default state", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps }));
+        const sortContainer = getElement(container);
+        const sortButton = getSortControl(sortContainer);
+        const sortIcon = getSvg(sortButton);
+        const textContainer = getTextContainer(sortContainer);
+        const smallButton = getSmallButton(sortContainer);
+        const arrowIcon = getSvg(smallButton);
+        expect(sortContainer).not.toBeNull();
+        expect(sortButton).not.toBeNull();
+        expect(sortButton.title).toStrictEqual("Change sort direction");
+        expect(sortButton.disabled).toStrictEqual(false);
+        expect(sortIcon.getAttribute("class")).toStrictEqual("zen-icon zen-icon--large zen-sort-container__sort-icon");
+        expect(sortIcon.getAttribute("data-name")).toBe("IconFilter3Asc");
+        expect(textContainer.className).toStrictEqual("zen-sort-container__text-block");
+        expect(textContainer.textContent).toStrictEqual("Sort by: Item 2");
+        expect(smallButton.className).toStrictEqual("zen-sort-container__button zen-sort-container__button--small zen-sort-container__button--right-item");
+        expect(smallButton.title).toStrictEqual("Sort by");
+        expect(smallButton.disabled).toStrictEqual(false);
+        expect(arrowIcon.getAttribute("class")).toStrictEqual("zen-icon zen-icon--large zen-sort-container__arrow-icon--down");
+        expect(arrowIcon.getAttribute("data-name")).toBe("IconChevronDownSmall");
+    });
+    test("Test translate", () => {
+        const defProps = {
+            ...defaultProps
+        };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defProps }));
+        const sortContainer = getElement(container);
+        const sortControl = getSortControl(sortContainer);
+        const textContainer = getTextContainer(sortContainer);
+        const smallButton = getSmallButton(sortContainer);
+        expect(sortControl.title).toStrictEqual("Change sort direction");
+        expect(textContainer.textContent).toStrictEqual("Sort by: Item 2");
+        expect(smallButton.title).toStrictEqual("Sort by");
+    });
+    test("Test hide sort icon", () => {
+        //await renderComponent(container, <SortControl {...defaultProps} directionIcon={false}></SortControl>);
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, directionIcon: false }));
+        const sortContainer = getElement(container);
+        const sortControl = getSortControl(sortContainer);
+        const sortIcon = getSvg(sortControl);
+        expect(sortIcon).toBeNull();
+    });
+    test("Test disabled property", () => {
+        // await renderComponent(container, <SortControl {...defaultProps} disabled></SortControl>);
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, disabled: true }));
+        const sortContainer = getElement(container);
+        const sortControl = getSortControl(sortContainer);
+        const smallButton = getSmallButton(sortContainer);
+        expect(sortControl.disabled).toStrictEqual(true);
+        expect(smallButton.disabled).toStrictEqual(true);
+    });
+    test("Test sortControl change sort direction", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, sortDirection: sortControl_1.SortDirections.Descending }));
+        // await renderComponent(container, <SortControl {...defaultProps} sortDirection={SortDirections.descending}></SortControl>);
+        const sortContainer = getElement(container);
+        const sortControl = getSortControl(sortContainer);
+        const sortIcon = getSvg(sortControl);
+        expect(sortContainer).not.toBeNull();
+        expect(sortIcon.getAttribute("class")).toStrictEqual("zen-icon zen-icon--large zen-sort-container__sort-icon");
+        expect(sortIcon.getAttribute("data-name")).toBe("IconFilter3Desc");
+    });
+    test("Test sortControl single item", () => {
+        const singleItem = [{ id: "test-item", children: "Single item" }];
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, items: singleItem, sortDirection: sortControl_1.SortDirections.Descending }));
+        const sortContainer = getElement(container);
+        const sortControl = getSortControl(sortContainer);
+        const popupTrigger = getSmallButton(sortContainer);
+        expect(sortControl.className).toEqual("zen-sort-container__button");
+        expect(popupTrigger).toBeNull();
+    });
+    test("Test sortControl accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+    test("Should properly select default property", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, sortDirection: sortControl_1.SortDirections.Descending }));
+        const sortContainer = getElement(container);
+        expect(sortContainer).not.toBeNull();
+        const smallButton = getSmallButton(sortContainer);
+        react_1.fireEvent.click(smallButton);
+        expect(document.querySelectorAll(`${defaultProps.sortBy}_active`)).not.toBeNull();
+    });
+    test("Should call onChange when sort option is changed", () => {
+        jest.clearAllMocks();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, sortDirection: sortControl_1.SortDirections.Descending }));
+        const sortContainer = getElement(container);
+        expect(sortContainer).not.toBeNull();
+        const smallButton = getSmallButton(sortContainer);
+        react_1.fireEvent.click(smallButton);
+        const optionA = document.querySelector(`#${defaultProps.items[0].id}`);
+        react_1.fireEvent.click(optionA);
+        expect(onChange).toHaveBeenCalled();
+    });
+    test("Should call onChange when sort direction is changed", () => {
+        jest.clearAllMocks();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(sortControl_1.SortControl, { ...defaultProps, sortDirection: sortControl_1.SortDirections.Descending }));
+        const sortContainer = getElement(container);
+        expect(sortContainer).not.toBeNull();
+        const sortControl = getSortControl(sortContainer);
+        react_1.fireEvent.click(sortControl);
+        expect(onChange).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=sortControl.test.js.map

package/dist/sortControl/sortControl.test.js.map

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

package/dist/stepper/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../stepper/stepper.tsx"],"names":[],"mappings":";;;;AAAA,sDAA6E;AAC7E,yDAAmE;AAGnE,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,uBAAU,CAAC,CAAC;AAIjC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,uBAAC,SAAS,OAC7D,KAAK,EACV,KAAK,EAAE,KAAe,GACxB,CAAC;AAHU,QAAA,OAAO,WAGjB;AAEH,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/stepper/stepper.test.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const stepper_1 = require("./stepper");
+const react_1 = require("@testing-library/react");
+require("../testHelpers/geotab-axe");
+describe("stepper tests: ", () => {
+    test("Test stepper accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(stepper_1.Stepper, { placeholder: "something", value: "anything", onChange: () => { } }));
+        await expect(container.childNodes[0]).toBeAccessible();
+    }, 10000);
+    test("Test stepper accessibility with error text", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(stepper_1.Stepper, { placeholder: "placeholder", assistive: "Assistive text", error: "Error message", value: "", onChange: () => { } }));
+        await expect(container.childNodes[0]).toBeAccessible();
+    }, 10000);
+    test("Test stepper accessibility: assistive text", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(stepper_1.Stepper, { placeholder: "placeholder", assistive: "Assistive text", value: "", onChange: () => { } }));
+        await expect(container.childNodes[0]).toBeAccessible();
+    }, 10000);
+    test("Test stepper accessibility with error and counter", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(stepper_1.Stepper, { placeholder: "placeholder", error: "Error message", value: "", onChange: () => { } }));
+        await expect(container.childNodes[0]).toBeAccessible();
+    }, 10000);
+    test("Test for inputClassName prop", () => {
+        const inputClassName = "test-input-class-name";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(stepper_1.Stepper, { inputClassName: inputClassName, value: "", onChange: () => { } }));
+        const input = container.querySelector(".zen-stepper-field");
+        expect(input?.classList.contains(inputClassName)).toBeTruthy();
+    });
+});
+//# sourceMappingURL=stepper.test.js.map

package/dist/stepper/stepper.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.test.js","sourceRoot":"","sources":["../../stepper/stepper.test.tsx"],"names":[],"mappings":";;;AAAA,uCAAoC;AACpC,kDAAgD;AAEhD,qCAAmC;AAEnC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,IAAI,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,WAAW,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QACvG,MAAM,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IAC3D,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAClJ,MAAM,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IAC3D,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAC5H,MAAM,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IAC3D,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,IAAI,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,aAAa,EAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QACvH,MAAM,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IAC3D,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,cAAc,GAAG,uBAAuB,CAAC;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iBAAO,IAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAEvG,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAE5D,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/stepperRaw/stepperRaw.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { Ref } from "react";
 import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
 import "./stepperRaw.less";
 export interface IStepperRaw extends Partial<Omit<IZenIdComponentProps, "children">> {
@@ -14,7 +14,7 @@ export interface IStepperRaw extends Partial<Omit<IZenIdComponentProps, "childre
     readonly?: boolean;
     placeholder?: string;
     ariaLabel?: string;
-    ref?: RefObject<HTMLInputElement | null>;
+    ref?: Ref<HTMLInputElement | null>;
 }
 export declare const INPUT_DEFAULT_WIDTH = 47;
 export declare const INPUT_DEFAULT_WIDTH_DRIVE = 56;