@geotab/zenith 1.15.0-beta.0

package/dist/popup/popup.test.js

@@ -0,0 +1,172 @@
+"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 popup_1 = require("./popup");
+require("../testHelpers/geotab-axe");
+const button_1 = require("../button/button");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const react_2 = require("react");
+describe("popup", () => {
+    test("Test popup", () => {
+        const onChangePopup = jest.fn();
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { onOpenChange: onChangePopup, trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }), children: "Popup content" }));
+        react_1.fireEvent.click(getByText("Click me"));
+        expect(queryByText("Popup content")).not.toBeNull();
+        expect(onChangePopup).toBeCalledWith(true);
+        react_1.fireEvent.click(getByText("Click me"));
+        expect(queryByText("Popup content")).toBeNull();
+        expect(onChangePopup).toBeCalledWith(false);
+    });
+    test("Test popup when trigger ref passed", () => {
+        const onChangePopup = jest.fn();
+        const ref = (0, react_2.createRef)();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, children: "Click me" }));
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { onOpenChange: onChangePopup, triggerRef: ref, children: "Popup content" }));
+        react_1.fireEvent.click(ref.current);
+        expect(queryByText("Popup content")).not.toBeNull();
+        expect(onChangePopup).toBeCalledWith(true);
+        react_1.fireEvent.click(ref.current);
+        expect(queryByText("Popup content")).toBeNull();
+        expect(onChangePopup).toBeCalledWith(false);
+    });
+    test("Test popup when trigger ref passed and trigger by hover", () => {
+        const onChangePopup = jest.fn();
+        const ref = (0, react_2.createRef)();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, children: "Click me" }));
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { onOpenChange: onChangePopup, triggerRef: ref, triggerBy: "hover", children: "Popup content" }));
+        react_1.fireEvent.mouseOver(ref.current);
+        expect(queryByText("Popup content")).not.toBeNull();
+        expect(onChangePopup).toBeCalledWith(true);
+        react_1.fireEvent.mouseOut(ref.current);
+        expect(queryByText("Popup content")).toBeNull();
+        expect(onChangePopup).toBeCalledWith(false);
+    });
+    test("Open/hide by click", () => {
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }), children: "Popup content" }));
+        react_1.fireEvent.click(getByText("Click me"));
+        expect(queryByText("Popup content")).not.toBeNull();
+        react_1.fireEvent.click(getByText("Click me"));
+        expect(queryByText("Popup content")).toBeNull();
+    });
+    test("Open/hide by mouse hover/out", () => {
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { triggerBy: "hover", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }), children: "Popup content" }));
+        react_1.fireEvent.mouseOver(getByText("Click me"));
+        expect(queryByText("Popup content")).not.toBeNull();
+        react_1.fireEvent.mouseOut(getByText("Click me"));
+        expect(queryByText("Popup content")).toBeNull();
+    });
+    test("Close popup on click by another popup trigger", () => {
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(popup_1.Popup, { trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me1" }), children: "Popup content1" }), (0, jsx_runtime_1.jsx)(popup_1.Popup, { trigger: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me2" }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me3" })] }), children: "Popup content2" })] }));
+        react_1.fireEvent.click(getByText("Click me1"));
+        expect(queryByText("Popup content1")).not.toBeNull();
+        expect(queryByText("Popup content2")).toBeNull();
+        react_1.fireEvent.click(getByText("Click me2"));
+        expect(queryByText("Popup content1")).toBeNull();
+        expect(queryByText("Popup content2")).not.toBeNull();
+        react_1.fireEvent.click(getByText("Click me3"));
+        expect(queryByText("Popup content1")).toBeNull();
+        expect(queryByText("Popup content2")).toBeNull();
+    });
+    describe("accessibility tests: ", () => {
+        test("should be accessible if popup closed", async () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { className: "popup", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }) }));
+            await expect(container.querySelector(".popup")).toBeAccessible();
+            document.body.removeChild(container);
+        }, 10000);
+        test("should be accessible if popup opened by default", async () => {
+            const triggerId = "trigger";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { className: "popup", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { id: triggerId, children: "Click me" }), children: "Popup content" }));
+            react_1.fireEvent.click(container.querySelector("button"));
+            await (0, react_1.waitFor)(() => {
+                expect(document.body.querySelector(".popup")).not.toBeNull();
+            });
+            await expect(document.body.querySelector(".popup")).toBeAccessible();
+            document.body.removeChild(container);
+        });
+        test("should be accessible if popup opened and ariaLabelBy is provided", async () => {
+            const triggerId = "trigger";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { ariaLabelledBy: triggerId, className: "popup", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { id: triggerId, children: "Click me" }), children: "Popup content" }));
+            react_1.fireEvent.click(container.querySelector("button"));
+            await (0, react_1.waitFor)(() => {
+                expect(document.body.querySelector(".popup")).not.toBeNull();
+            });
+            await expect(document.body.querySelector(".popup")).toBeAccessible();
+            document.body.removeChild(container);
+        }, 10000);
+        test("should be accessible if popup opened and ariaLabel is provided", async () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { ariaLabel: "Popup", className: "popup", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }), children: "Popup content" }));
+            react_1.fireEvent.click(container.querySelector("button"));
+            await (0, react_1.waitFor)(() => {
+                expect(document.body.querySelector(".popup")).not.toBeNull();
+            });
+            await expect(document.body.querySelector(".popup")).toBeAccessible();
+            document.body.removeChild(container);
+        }, 10000);
+        test("should role be dialog by default", async () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { className: "popup", trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { children: "Click me" }), children: "Popup content" }));
+            react_1.fireEvent.click(container.querySelector("button"));
+            await (0, react_1.waitFor)(() => {
+                expect(document.body.querySelector(".popup")).not.toBeNull();
+            });
+            const popup = document.body.querySelector(".popup");
+            expect(popup?.getAttribute("role")).toBe("dialog");
+            document.body.removeChild(container);
+        }, 10000);
+    });
+    test("Test popup keyboard navigation with nested popup triggers", async () => {
+        const PopupWithTrigger = ({ children, contentId }) => (0, jsx_runtime_1.jsxs)(popup_1.Popup, { trigger: (0, jsx_runtime_1.jsxs)(button_1.Button, { children: ["trigger", contentId] }), children: [children, (0, jsx_runtime_1.jsxs)(button_1.Button, { children: ["empty", +contentId + 1] })] });
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PopupWithTrigger, { contentId: "1", children: (0, jsx_runtime_1.jsx)(PopupWithTrigger, { contentId: "2", children: (0, jsx_runtime_1.jsx)(PopupWithTrigger, { contentId: "3" }) }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { children: "empty1" })] }));
+        const getTrigger1 = () => queryByText("trigger1");
+        const getEmptyButton1 = () => queryByText("empty1");
+        const getTrigger2 = () => queryByText("trigger2");
+        const getEmptyButton2 = () => queryByText("empty2");
+        const getTrigger3 = () => queryByText("trigger3");
+        const getEmptyButton3 = () => queryByText("empty3");
+        expect(getTrigger1()).not.toBeNull();
+        expect(getEmptyButton1()).not.toBeNull();
+        expect(getTrigger2()).toBeNull();
+        expect(getEmptyButton2()).toBeNull();
+        expect(getTrigger3()).toBeNull();
+        expect(getEmptyButton3()).toBeNull();
+        getTrigger1()?.focus();
+        expect(document.activeElement).toBe(getTrigger1());
+        await user_event_1.default.tab();
+        expect(document.activeElement).toBe(getEmptyButton1());
+        await user_event_1.default.tab({ shift: true });
+        expect(document.activeElement).toBe(getTrigger1());
+        // Open the first popup
+        react_1.fireEvent.click(getTrigger1());
+        expect(getTrigger1()).not.toBeNull();
+        expect(getEmptyButton1()).not.toBeNull();
+        expect(getTrigger2()).not.toBeNull();
+        expect(getEmptyButton2()).not.toBeNull();
+        expect(getTrigger3()).toBeNull();
+        expect(getEmptyButton3()).toBeNull();
+        expect(document.activeElement).toBe(getTrigger2());
+        await user_event_1.default.tab();
+        expect(document.activeElement).toBe(getEmptyButton2());
+        await user_event_1.default.tab({ shift: true });
+        expect(document.activeElement).toBe(getTrigger2());
+        // Open the second popup
+        react_1.fireEvent.click(getTrigger2());
+        expect(getTrigger1()).not.toBeNull();
+        expect(getEmptyButton1()).not.toBeNull();
+        expect(getTrigger2()).not.toBeNull();
+        expect(getEmptyButton2()).not.toBeNull();
+        expect(getTrigger3()).not.toBeNull();
+        expect(getEmptyButton3()).not.toBeNull();
+        expect(document.activeElement).toBe(getTrigger3());
+        await user_event_1.default.tab();
+        expect(document.activeElement).toBe(getEmptyButton3());
+        await user_event_1.default.tab({ shift: true });
+        expect(document.activeElement).toBe(getTrigger3());
+    });
+    test("should throw error when neither trigger nor trigger ref provided", () => {
+        expect(() => (0, react_1.render)((0, jsx_runtime_1.jsx)(popup_1.Popup, { triggerBy: "hover", children: "Popup content" }))).toThrow("Popup: either trigger or triggerRef property should be passed");
+    });
+});
+//# sourceMappingURL=popup.test.js.map

package/dist/popup/popup.test.js.map

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

package/dist/progressBar/progressBar.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import "./progressBar.less";
+export declare enum ProgressBarType {
+    Low = "low",
+    Average = "average",
+    High = "high"
+}
+export declare const ProgreesBarSize: {
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+};
+export type TProgressBarSize = typeof ProgreesBarSize[keyof typeof ProgreesBarSize];
+interface IProgressBar {
+    min?: number;
+    max?: number;
+    now?: number;
+    size?: TProgressBarSize;
+    className?: string;
+    type?: ProgressBarType;
+}
+export declare const ProgressBar: React.FC<IProgressBar>;
+export {};

package/dist/progressBar/progressBar.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const progressBarUtils_1 = require("./progressBarUtils");
+var ProgressBarType;
+(function (ProgressBarType) {
+    ProgressBarType["Low"] = "low";
+    ProgressBarType["Average"] = "average";
+    ProgressBarType["High"] = "high";
+})(ProgressBarType || (exports.ProgressBarType = ProgressBarType = {}));
+exports.ProgreesBarSize = {
+    Small: "small",
+    Medium: "medium",
+    Large: "large"
+};
+const ProgressBar = ({ type = ProgressBarType.Average, min = 0, max = 100, now = 0, className = "", size = exports.ProgreesBarSize.Large }) => ((0, jsx_runtime_1.jsx)("div", { className: `zen-progress ${className} ${"zen-progress--" + size}`, children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, (0, progressBarUtils_1.getProgressBarAttr)(type, min, max, (0, progressBarUtils_1.getProgressBarValue)(min, max, now)))) }));
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=progressBar.js.map

package/dist/progressBar/progressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../progressBar/progressBar.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AAC5B,yDAA6E;AAG7E,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,sCAAmB,CAAA;IACnB,gCAAa,CAAA;AACjB,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAEY,QAAA,eAAe,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACR,CAAC;AAaJ,MAAM,WAAW,GAA2B,CAAC,EAAE,IAAI,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,uBAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAClK,gCAAK,SAAS,EAAE,gBAAiB,SAAU,IAAK,gBAAgB,GAAG,IAAK,EAAE,YACtE,gDAAS,IAAA,qCAAkB,EAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAA,sCAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAQ,GACrF,CACT,CAAC;AAJW,QAAA,WAAW,eAItB"}

package/dist/progressBar/progressBar.test.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const progressBar_1 = require("./progressBar");
+const react_1 = require("@testing-library/react");
+describe("progressBar", () => {
+    const getProgressBarValues = (progressBar) => ({
+        min: progressBar.getAttribute("aria-valuemin"),
+        max: progressBar.getAttribute("aria-valuemax"),
+        now: progressBar.getAttribute("aria-valuenow")
+    });
+    test("test default progressbar values", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, {}));
+        const progressBar = container.querySelector(".zen-progress__bar");
+        const { min, max, now } = getProgressBarValues(progressBar);
+        expect(min).toBe("0");
+        expect(max).toBe("100");
+        expect(now).toBe("0.00");
+    });
+    test("test progressbar (min=50, max=80, now=70)", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 50, max: 80, now: 70 }));
+        const progressBar = container.querySelector(".zen-progress__bar");
+        const { min, max, now } = getProgressBarValues(progressBar);
+        expect(min).toBe("50");
+        expect(max).toBe("80");
+        expect(now).toBe("66.67");
+    });
+    test("test progressbar (min=-50, max=50, now=0)", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: -50, max: 50, now: 0 }));
+        const progressBar = container.querySelector(".zen-progress__bar");
+        const { min, max, now } = getProgressBarValues(progressBar);
+        expect(min).toBe("-50");
+        expect(max).toBe("50");
+        expect(now).toBe("50.00");
+    });
+    test("test progressbar (min=-50, max=50, now=-1000 (now < min))", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: -50, max: 50, now: -1000 }));
+        const progressBar = container.querySelector(".zen-progress__bar");
+        const { min, max, now } = getProgressBarValues(progressBar);
+        expect(min).toBe("-50");
+        expect(max).toBe("50");
+        expect(now).toBe(null);
+    });
+    test("test progressbar (min=50, max=-50, now=0 (min > max))", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 50, max: -50, now: -1000 }));
+        const progressBar = container.querySelector(".zen-progress__bar");
+        const { min, max, now } = getProgressBarValues(progressBar);
+        expect(min).toBe("50");
+        expect(max).toBe("-50");
+        expect(now).toBe(null);
+    });
+    test("test progressbar size", () => {
+        const { rerender, container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70 }));
+        let progressBar = container.querySelector(".zen-progress");
+        expect(progressBar).not.toBeNull();
+        expect(progressBar.classList.contains("zen-progress--large")).toBe(true);
+        expect(progressBar.classList.contains("zen-progress--medium")).toBe(false);
+        expect(progressBar.classList.contains("zen-progress--small")).toBe(false);
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, size: progressBar_1.ProgreesBarSize.Medium }));
+        progressBar = container.querySelector(".zen-progress");
+        expect(progressBar).not.toBeNull();
+        expect(progressBar.classList.contains("zen-progress--large")).toBe(false);
+        expect(progressBar.classList.contains("zen-progress--medium")).toBe(true);
+        expect(progressBar.classList.contains("zen-progress--small")).toBe(false);
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, size: progressBar_1.ProgreesBarSize.Small }));
+        progressBar = container.querySelector(".zen-progress");
+        expect(progressBar).not.toBeNull();
+        expect(progressBar.classList.contains("zen-progress--large")).toBe(false);
+        expect(progressBar.classList.contains("zen-progress--medium")).toBe(false);
+        expect(progressBar.classList.contains("zen-progress--small")).toBe(true);
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, size: progressBar_1.ProgreesBarSize.Large }));
+        progressBar = container.querySelector(".zen-progress");
+        expect(progressBar).not.toBeNull();
+        expect(progressBar.classList.contains("zen-progress--large")).toBe(true);
+        expect(progressBar.classList.contains("zen-progress--medium")).toBe(false);
+        expect(progressBar.classList.contains("zen-progress--small")).toBe(false);
+    });
+    test("test progressbar type", () => {
+        const { rerender, container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70 }));
+        let progressBar = container.querySelector(".zen-progress__bar");
+        let progressBarLow = container.querySelector(".zen-progress__bar--low");
+        let progressBarHigh = container.querySelector(".zen-progress__bar--high");
+        expect(progressBar).not.toBeNull();
+        expect(progressBarLow).toBeNull();
+        expect(progressBarHigh).toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, type: progressBar_1.ProgressBarType.Low }));
+        progressBar = container.querySelector(".zen-progress__bar");
+        progressBarLow = container.querySelector(".zen-progress__bar--low");
+        progressBarHigh = container.querySelector(".zen-progress__bar--high");
+        expect(progressBar).not.toBeNull();
+        expect(progressBarLow).not.toBeNull();
+        expect(progressBarHigh).toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, type: progressBar_1.ProgressBarType.High }));
+        progressBar = container.querySelector(".zen-progress__bar");
+        progressBarLow = container.querySelector(".zen-progress__bar--low");
+        progressBarHigh = container.querySelector(".zen-progress__bar--high");
+        expect(progressBar).not.toBeNull();
+        expect(progressBarLow).toBeNull();
+        expect(progressBarHigh).not.toBeNull();
+        rerender((0, jsx_runtime_1.jsx)(progressBar_1.ProgressBar, { min: 0, max: 100, now: 70, type: progressBar_1.ProgressBarType.Average }));
+        progressBar = container.querySelector(".zen-progress__bar");
+        progressBarLow = container.querySelector(".zen-progress__bar--low");
+        progressBarHigh = container.querySelector(".zen-progress__bar--high");
+        expect(progressBar).not.toBeNull();
+        expect(progressBarLow).toBeNull();
+        expect(progressBarHigh).toBeNull();
+    });
+});
+//# sourceMappingURL=progressBar.test.js.map

package/dist/progressBar/progressBar.test.js.map

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

package/dist/progressBar/progressBarUtils.d.ts

@@ -0,0 +1,9 @@
+import { ProgressBarType } from "./progressBar";
+export declare const isValidProggressBar: (min: number, max: number, now: number) => boolean;
+export declare const getProgressBarValue: (min: number, max: number, now: number) => string | null;
+export declare const getProgressBarAttr: (type: ProgressBarType, min: number, max: number, now: string | null) => {
+    className: string;
+    role: string;
+    "aria-valuemin": number;
+    "aria-valuemax": number;
+};

package/dist/progressBar/progressBarUtils.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProgressBarAttr = exports.getProgressBarValue = exports.isValidProggressBar = void 0;
+const progressBar_1 = require("./progressBar");
+const PROGRESS_BAR_PRECISION = 2;
+const isValidProggressBar = (min, max, now) => !(min > max || now < min);
+exports.isValidProggressBar = isValidProggressBar;
+const getProgressBarValue = (min, max, now) => {
+    if (!(0, exports.isValidProggressBar)(min, max, now)) {
+        return null;
+    }
+    const result = (now - min) / (max - min) * 100;
+    return (result > 0 ? result : 0).toFixed(PROGRESS_BAR_PRECISION);
+};
+exports.getProgressBarValue = getProgressBarValue;
+const getProgressBarAttr = (type, min, max, now) => {
+    const progressBarAttr = {
+        className: type === progressBar_1.ProgressBarType.Average ? "zen-progress__bar" : `zen-progress__bar zen-progress__bar--${type}`,
+        role: "progressbar",
+        "aria-valuemin": min,
+        "aria-valuemax": max
+    };
+    if (now) {
+        progressBarAttr["aria-valuenow"] = now;
+        progressBarAttr["style"] = { width: `${now}%` };
+    }
+    return progressBarAttr;
+};
+exports.getProgressBarAttr = getProgressBarAttr;
+//# sourceMappingURL=progressBarUtils.js.map

package/dist/progressBar/progressBarUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBarUtils.js","sourceRoot":"","sources":["../../progressBar/progressBarUtils.tsx"],"names":[],"mappings":";;;AAAA,+CAAgD;AAEhD,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAE1B,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;AAA3F,QAAA,mBAAmB,uBAAwE;AAEjG,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW,EAAiB,EAAE;IACxF,IAAI,CAAC,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE/C,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;AACrE,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEK,MAAM,kBAAkB,GAAG,CAAC,IAAqB,EAAE,GAAW,EAAE,GAAW,EAAE,GAAkB,EAAE,EAAE;IACtG,MAAM,eAAe,GAAG;QACpB,SAAS,EAAE,IAAI,KAAK,6BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,wCAAyC,IAAK,EAAE;QACpH,IAAI,EAAE,aAAa;QACnB,eAAe,EAAE,GAAG;QACpB,eAAe,EAAE,GAAG;KACvB,CAAC;IAEF,IAAI,GAAG,EAAE,CAAC;QACN,eAAe,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC;QACvC,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,GAAI,GAAI,GAAG,EAAE,CAAC;IACtD,CAAC;IAED,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC;AAdW,QAAA,kBAAkB,sBAc7B"}

package/dist/progressBar/progressBarUtils.test.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const progressBar_1 = require("./progressBar");
+const progressBarUtils_1 = require("./progressBarUtils");
+describe("progressBarUtils", () => {
+    test("getProgressBarValue test (min=5, max=25, now=15)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(5, 25, 15)).toBe("50.00");
+    });
+    test("getProgressBarValue test (min=-5, max=5, now=0)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(-5, 5, 0)).toBe("50.00");
+    });
+    test("getProgressBarValue test (min=5, max=-5, now=0)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(5, -5, 0)).toBe(null);
+    });
+    test("getProgressBarValue test (min=0, max=100, now=150)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(0, 100, 150)).toBe("150.00");
+    });
+    test("getProgressBarValue test (min=0, max=100, now=-150)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(0, 100, -150)).toBe(null);
+    });
+    test("getProgressBarValue test (min=15, max=15, now=15)", () => {
+        expect((0, progressBarUtils_1.getProgressBarValue)(15, 15, 15)).toBe("0.00");
+    });
+    test("isValidProggressBar test (min=5, max=25, now=15)", () => {
+        expect((0, progressBarUtils_1.isValidProggressBar)(5, 25, 15)).toBe(true);
+    });
+    test("isValidProggressBar test (min=5, max=25, now=-15)", () => {
+        expect((0, progressBarUtils_1.isValidProggressBar)(5, 25, -15)).toBe(false);
+    });
+    test("isValidProggressBar test (min=5, max=-25, now=15)", () => {
+        expect((0, progressBarUtils_1.isValidProggressBar)(5, -25, 15)).toBe(false);
+    });
+    test("getProgressBarAttr test (type=average, min=0, max=100, now=null)", () => {
+        expect((0, progressBarUtils_1.getProgressBarAttr)(progressBar_1.ProgressBarType.Average, 0, 100, null)).toEqual({
+            className: "zen-progress__bar",
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        });
+    });
+    test("getProgressBarAttr test (type=low, min=0, max=100, now=null)", () => {
+        expect((0, progressBarUtils_1.getProgressBarAttr)(progressBar_1.ProgressBarType.Low, 0, 100, null)).toEqual({
+            className: "zen-progress__bar zen-progress__bar--low",
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        });
+    });
+    test("getProgressBarAttr test (type=high, min=0, max=100, now=null)", () => {
+        expect((0, progressBarUtils_1.getProgressBarAttr)(progressBar_1.ProgressBarType.High, 0, 100, null)).toEqual({
+            className: "zen-progress__bar zen-progress__bar--high",
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        });
+    });
+    test("getProgressBarAttr test (type=average, min=0, max=100, now='50.00')", () => {
+        expect((0, progressBarUtils_1.getProgressBarAttr)(progressBar_1.ProgressBarType.Average, 0, 100, "50.00")).toEqual({
+            className: "zen-progress__bar",
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": "50.00",
+            "style": { width: "50.00%" }
+        });
+    });
+});
+//# sourceMappingURL=progressBarUtils.test.js.map

package/dist/progressBar/progressBarUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBarUtils.test.js","sourceRoot":"","sources":["../../progressBar/progressBarUtils.test.tsx"],"names":[],"mappings":";;AAAA,+CAAgD;AAChD,yDAAkG;AAElG,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC9B,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,IAAA,sCAAmB,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,IAAA,sCAAmB,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,CAAC,IAAA,qCAAkB,EAAC,6BAAe,CAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;YACtE,SAAS,EAAE,mBAAmB;YAC9B,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,GAAG;SACvB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACtE,MAAM,CAAC,IAAA,qCAAkB,EAAC,6BAAe,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;YAClE,SAAS,EAAE,0CAA0C;YACrD,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,GAAG;SACvB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACvE,MAAM,CAAC,IAAA,qCAAkB,EAAC,6BAAe,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;YACnE,SAAS,EAAE,2CAA2C;YACtD,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,GAAG;SACvB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC7E,MAAM,CAAC,IAAA,qCAAkB,EAAC,6BAAe,CAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;YACzE,SAAS,EAAE,mBAAmB;YAC9B,IAAI,EAAE,aAAa;YACnB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,GAAG;YACpB,eAAe,EAAE,OAAO;YACxB,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./radio.less";
+import { IZenComponentProps } from "../commonHelpers/zenComponent";
+export interface IRadio extends IZenComponentProps {
+    id?: string;
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    title?: string;
+    disabled?: boolean;
+    reverse?: boolean;
+    fullWidth?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    wrappedInLabel?: boolean;
+}
+export declare const Radio: React.ForwardRefExoticComponent<IRadio & React.RefAttributes<HTMLInputElement>>;

package/dist/radio/radio.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.Radio = react_1.default.forwardRef(function Radio(_a, ref) {
+    var { fullWidth, reverse, id, checked, title, className = "", name, value, children, wrappedInLabel, disabled } = _a, rest = __rest(_a, ["fullWidth", "reverse", "id", "checked", "title", "className", "name", "value", "children", "wrappedInLabel", "disabled"]);
+    const generatedId = react_1.default.useId();
+    const intId = id || generatedId;
+    const driveClassess = (0, useDriveClassName_1.useDriveClassName)("zen-radio");
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-radio", className, disabled ? "zen-radio--disabled" : ""]), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-radio__wrapper", driveClassess || "", reverse ? "zen-radio__wrapper--reversed" : ""]), children: [wrappedInLabel ? null : (0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref }, rest)), (0, jsx_runtime_1.jsxs)("label", { className: (0, classNames_1.classNames)(["zen-radio__label", fullWidth ? "zen-radio__label--full-width" : "", wrappedInLabel ? "zen-radio__label--input-wrapper" : ""]), htmlFor: intId, title: title, "aria-label": title, children: [wrappedInLabel ? (0, jsx_runtime_1.jsx)("input", Object.assign({ type: "radio", className: "zen-radio__input", id: intId, name: name, value: value, checked: checked, disabled: disabled || false, ref: ref }, rest)) : null, children ? (0, jsx_runtime_1.jsx)("div", { className: "zen-radio__label-text", children: children }) : null] })] }) });
+});
+//# sourceMappingURL=radio.js.map

package/dist/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,wBAAsB;AACtB,uEAAoE;AAEpE,wEAAqE;AAgBrE,gEAAgE;AACnD,QAAA,KAAK,GAAG,eAAK,CAAC,UAAU,CAA2B,SAAS,KAAK,CAAE,EACzD,EAAE,GAAG;QADoD,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAC3K,QAAQ,OAAW,EAAN,IAAI,cAD2D,0HACzD,CAAF;IACjB,MAAM,WAAW,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,EAAE,IAAI,WAAW,CAAC;IAChC,MAAM,aAAa,GAAG,IAAA,qCAAiB,EAAC,WAAW,CAAC,CAAC;IAErD,OAAO,gCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAC/F,iCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,oBAAoB,EAAE,aAAa,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAClH,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gDAAO,IAAI,EAAC,OAAO,EACxC,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAG,KAAK,EACV,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,KAAK,EACb,OAAO,EAAG,OAAO,EACjB,QAAQ,EAAG,QAAQ,IAAI,KAAK,EAC5B,GAAG,EAAE,GAAG,IACH,IAAI,EACX,EACF,mCAAO,SAAS,EAAE,IAAA,uBAAU,EAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAG,KAAK,EAAG,KAAK,EAAG,KAAK,gBAAgB,KAAK,aAC7M,cAAc,CAAC,CAAC,CAAC,gDAAO,IAAI,EAAC,OAAO,EACjC,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAG,KAAK,EACV,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,KAAK,EACb,OAAO,EAAG,OAAO,EACjB,QAAQ,EAAG,QAAQ,IAAI,KAAK,EAC5B,GAAG,EAAE,GAAG,IACH,IAAI,EACX,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,uBAAuB,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACzE,IACN,GACJ,CAAC;AACX,CAAC,CAAC,CAAC"}

package/dist/radio/radio.test.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const radio_1 = require("./radio");
+require("../testHelpers/geotab-axe");
+const react_1 = require("@testing-library/react");
+describe("radio", () => {
+    const getElement = (container) => container.querySelector(".zen-radio");
+    const getInput = (container) => container.querySelector(".zen-radio .zen-radio__input");
+    const getLabel = (container) => container.querySelector(".zen-radio .zen-radio__label");
+    const getLabelText = (container) => container.querySelector(".zen-radio .zen-radio__label-text");
+    test("Test checkbox default state", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, {}));
+        expect(getElement(container)).not.toBeNull();
+        const input = getInput(container);
+        const label = getLabel(container);
+        expect(input?.checked).toBeFalsy();
+        expect(input?.disabled).toBeFalsy();
+        expect(input?.id).toBeTruthy();
+        expect(input?.id).toBe(label?.htmlFor);
+    });
+    test("Test checkbox additional props", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { id: "id", name: "name", className: "custom-radio", disabled: true, title: "title", value: "value" }));
+        const el = getElement(container);
+        expect(el).not.toBeNull();
+        expect(el?.classList.contains("custom-radio")).toBeTruthy();
+        const input = getInput(container);
+        expect(input?.id).toBe("id");
+        expect(input?.name).toBe("name");
+        expect(input?.checked).toBeFalsy();
+        expect(input?.disabled).toBeTruthy();
+        expect(input?.value).toBe("value");
+        const label = getLabel(container);
+        expect(label?.htmlFor).toBe("id");
+        expect(label?.title).toBe("title");
+        expect(label?.getAttribute("aria-label")).toBe("title");
+        expect(getLabelText(container)).toBeNull();
+    });
+    test("Test checkbox with children", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { id: "id", name: "name", children: "Label text" }));
+        expect(getLabelText(container)).not.toBeNull();
+    });
+    test("Test accessibility of unchecked component with label", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { children: "Label" }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+    test("Test accessibility of disabled component without label", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { id: "id", name: "name", title: "someTitle", disabled: true }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+    test("Test accessibility of component in checked state", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { id: "id", name: "name", checked: true, onChange: jest.fn(), title: "title", value: "value" }));
+        const el = getElement(container);
+        await expect(el).toBeAccessible();
+    }, 10000);
+    test("Test onChange event when radio input is clicked", () => {
+        const onChange = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(radio_1.Radio, { onChange: onChange }));
+        const input = getInput(container);
+        react_1.fireEvent.click(input);
+        expect(onChange).toHaveBeenCalledTimes(1);
+    });
+});
+//# sourceMappingURL=radio.test.js.map