@simplybusiness/mobius 4.3.2 → 4.3.3

package/dist/cjs/components/Checkbox/Checkbox.test.js

@@ -0,0 +1,174 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CHECKBOX_CONTAINER_CLASS_NAME = "mobius/Checkbox";
+const CHECKBOX_CLASS_NAME = "mobius/CheckboxInput";
+describe("Checkbox", () => {
+    it("should render without error", () => {
+        const optionText = "Agree";
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange when clicked", async () => {
+        const callback = jest.fn();
+        const optionText = "Agree";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, onChange: callback, value: "value" }));
+        const option = getByLabelText(optionText);
+        await user_event_1.default.click(option);
+        expect(callback).toHaveBeenCalled();
+        expect(option).toBeChecked();
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        const optionText = "Agree";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, onChange: callback, value: "value" }));
+        const option = getByLabelText(optionText);
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).toBeChecked();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).not.toBeChecked();
+    });
+    it("should set the correct aria-describedby attribute", () => {
+        const optionText = "Agree";
+        const errorText = "This field is required";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, errorMessage: errorText }));
+        const option = getByLabelText(optionText);
+        expect(option).toHaveAccessibleDescription(errorText);
+    });
+    describe("isRequired", () => {
+        it("should set required attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", isRequired: true }));
+            const option = getByLabelText(optionText);
+            expect(option).toBeRequired();
+        });
+        it("should have className of --is-required when true", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", isRequired: true }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", isRequired: false }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).not.toHaveClass("--is-required");
+            expect(option).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius Mobius class", () => {
+            const optionText = "Agree";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, isDisabled: true, value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, validationState: "valid", value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, validationState: "invalid", errorMessage: "There is a problem", value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-invalid");
+        });
+        it("includes custom class name", () => {
+            const optionText = "Agree";
+            const customClass = "my-class";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, className: customClass, value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(customClass);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("only sets id on the input element", () => {
+            const optionText = "Agree";
+            const testId = "test";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { id: testId, label: optionText, value: "value" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("id", testId);
+        });
+        it("includes focused and selected class names", async () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+            const option = getByLabelText(optionText);
+            await user_event_1.default.tab();
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+            expect(option.closest("label")).toHaveClass(CHECKBOX_CONTAINER_CLASS_NAME);
+            await user_event_1.default.keyboard("[Space]");
+            expect(option).toHaveClass("--is-selected");
+        });
+    });
+    describe("when checkbox is disabled", () => {
+        it("renders disabled attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", isDisabled: true }));
+            const option = getByLabelText(optionText);
+            expect(option).toBeDisabled();
+        });
+    });
+    describe("when checkbox is invalid", () => {
+        it("renders aria-invalid attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", validationState: "invalid" }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("aria-invalid", "true");
+        });
+    });
+    describe("when checkbox is read only", () => {
+        it("renders readonly attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", isReadOnly: true }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("readonly");
+        });
+    });
+    describe("aria-errormessage", () => {
+        describe("when checkbox is accompanied by an error message", () => {
+            it("renders aria-erromessage with an id that matches error message id", () => {
+                const optionText = "Agree";
+                const { getByLabelText, getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value", errorMessage: "This is an error" }));
+                const option = getByLabelText(optionText);
+                const errorMessageId = getByTestId("ErrorMessage");
+                expect(option).toHaveAttribute("aria-errormessage", errorMessageId.id);
+            });
+        });
+        describe("when radio is not accompanied by an error message", () => {
+            it("does not render aria-erromessage", () => {
+                const optionText = "Agree";
+                const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }));
+                const option = getByLabelText(optionText);
+                expect(option).not.toHaveAttribute("aria-errormessage");
+            });
+        });
+    });
+});
+//# sourceMappingURL=Checkbox.test.js.map

package/dist/cjs/components/Checkbox/Checkbox.test.js.map

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

package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,3 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { CheckboxGroupElementType, CheckboxGroupProps } from "./types";
+export declare const CheckboxGroup: ForwardedRefComponent<CheckboxGroupProps, CheckboxGroupElementType>;

package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CheckboxGroup } from ".";
+type StoryType = StoryObj<typeof CheckboxGroup>;
+declare const meta: Meta<typeof CheckboxGroup>;
+export declare const Normal: StoryType;
+export declare const Disabled: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export default meta;

package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Valid = exports.Disabled = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/CheckboxGroup",
+    component: _1.CheckboxGroup,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        } }, (0, utils_1.excludeControls)("isRequired", "isReadOnly", "defaultValue", "value")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
+    args: {
+        label: "Value",
+        errorMessage: "",
+        isDisabled: false,
+        orientation: "vertical",
+        defaultValue: ["option1", "option3"],
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
+    args: {
+        label: "Value",
+        errorMessage: "",
+        isDisabled: true,
+        orientation: "vertical",
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
+    args: {
+        label: "Value",
+        errorMessage: "",
+        isDisabled: false,
+        validationState: "valid",
+        orientation: "vertical",
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 1", value: "option1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 2", value: "option2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Option 3", value: "option3" })] }))),
+    args: {
+        label: "Value",
+        errorMessage: "This field is required",
+        isDisabled: false,
+        validationState: "invalid",
+        orientation: "vertical",
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=CheckboxGroup.stories.js.map

package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map

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

package/dist/cjs/components/Checkbox/CheckboxGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Checkbox/CheckboxGroup.test.js

@@ -0,0 +1,242 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CHECKBOX_GROUP_CLASS_NAME = "mobius/CheckboxGroup";
+const CHECKBOX_CLASS_NAME = "mobius/CheckboxInput";
+const CHECKBOX_CONTAINER_CLASS_NAME = "mobius/Checkbox";
+describe("CheckboxGroup", () => {
+    it("renders a Checkbox inside a CheckboxGroup", () => {
+        const labelText = "Favourite fruit";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { label: "Checkbox Group", children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: labelText, value: "value" }) }));
+        const outerContainer = container.firstChild;
+        const checkbox = react_1.screen.getByLabelText(labelText);
+        expect(outerContainer).toHaveClass(CHECKBOX_GROUP_CLASS_NAME);
+        expect(checkbox).toHaveClass(CHECKBOX_CLASS_NAME);
+    });
+    it("renders a non-Checkbox outside a CheckboxGroup", () => {
+        const labelText = "Favourite fruit";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: labelText, value: "value" }));
+        const outerContainer = container.firstChild;
+        const checkbox = react_1.screen.getByLabelText(labelText);
+        expect(outerContainer).not.toHaveClass(CHECKBOX_GROUP_CLASS_NAME);
+        expect(checkbox).toHaveClass(CHECKBOX_CLASS_NAME);
+    });
+    it("displays an error message when errorMessage is set", () => {
+        const errorMessageText = "Error message";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { label: "Checkbox Group", errorMessage: errorMessageText, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value" }) }));
+        const errorMessage = react_1.screen.getByText(errorMessageText);
+        expect(errorMessage).toBeInTheDocument();
+    });
+    it("sets aria-describedby for all checkboxes when errorMessage is set", () => {
+        const errorMessageText = "Error message";
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: "Checkbox Group", errorMessage: errorMessageText, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 2", value: "value2" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 3", value: "value3" })] }));
+        const checkboxes = react_1.screen.getAllByRole("checkbox");
+        checkboxes.forEach(checkbox => {
+            expect(checkbox).toHaveAccessibleDescription(errorMessageText);
+        });
+    });
+    describe("isRequired", () => {
+        it("should have className of --is-required when true", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const REQUIRED_CLASS_NAME = "--is-required";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, errorMessage: "Error message", isRequired: true, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 2", value: "value2" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            const checkboxes = react_1.screen.getAllByRole("checkbox");
+            expect(outerContainer).toHaveClass(REQUIRED_CLASS_NAME);
+            checkboxes.forEach(checkbox => {
+                expect(checkbox).toHaveClass(REQUIRED_CLASS_NAME);
+            });
+        });
+        it("should have className of --is-optional when false", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const OPTIONAL_CLASS_NAME = "--is-optional";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, errorMessage: "Error message", isRequired: false, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 2", value: "value2" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            const checkboxes = react_1.screen.getAllByRole("checkbox");
+            expect(outerContainer).toHaveClass(OPTIONAL_CLASS_NAME);
+            checkboxes.forEach(checkbox => {
+                expect(checkbox).toHaveClass(OPTIONAL_CLASS_NAME);
+            });
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            const outerContainerLabel = "Checkbox Group";
+            const REQUIRED_CLASS_NAME = "--is-required";
+            const OPTIONAL_CLASS_NAME = "--is-optional";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { label: outerContainerLabel, errorMessage: "Error message", children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox 2", value: "value2" })] }));
+            const outerContainer = react_1.screen.getByLabelText(outerContainerLabel);
+            expect(outerContainer).not.toHaveClass(REQUIRED_CLASS_NAME);
+            expect(outerContainer).not.toHaveClass(OPTIONAL_CLASS_NAME);
+        });
+    });
+    describe("onChange", () => {
+        describe("given an item is toggled", () => {
+            it("should call onChange with a list of toggled items", async () => {
+                const callback = jest.fn();
+                const option1Text = "Checkbox 1";
+                const option2Text = "Checkbox 2";
+                const option3Text = "Checkbox 3";
+                const option1Value = "value1";
+                const option2Value = "value2";
+                const option3Value = "value3";
+                const checkedOptions = [option1Value];
+                const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { onChange: callback, defaultValue: checkedOptions, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option1Text, value: option1Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option2Text, value: option2Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option3Text, value: option3Value })] }));
+                const option1 = getByLabelText(option1Text);
+                const option2 = getByLabelText(option2Text);
+                const option3 = getByLabelText(option3Text);
+                expect(option1).toBeChecked();
+                expect(option2).not.toBeChecked();
+                expect(option3).not.toBeChecked();
+                await user_event_1.default.click(option3);
+                expect(callback).toHaveBeenCalledWith([
+                    ...checkedOptions,
+                    option3Value,
+                ]);
+                expect(option3).toBeChecked();
+            });
+        });
+        describe("given an item is untoggled", () => {
+            it("should call onChange with a list of toggled items", async () => {
+                const callback = jest.fn();
+                const option1Text = "Checkbox 1";
+                const option2Text = "Checkbox 2";
+                const option3Text = "Checkbox 3";
+                const option1Value = "value1";
+                const option2Value = "value2";
+                const option3Value = "value3";
+                const checkedOptions = [option2Value, option3Value];
+                const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { onChange: callback, defaultValue: checkedOptions, children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option1Text, value: option1Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option2Text, value: option2Value }), (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: option3Text, value: option3Value })] }));
+                const option1 = getByLabelText(option1Text);
+                const option2 = getByLabelText(option2Text);
+                const option3 = getByLabelText(option3Text);
+                expect(option1).not.toBeChecked();
+                expect(option2).toBeChecked();
+                expect(option3).toBeChecked();
+                await user_event_1.default.click(option3);
+                expect(callback).toHaveBeenCalledWith([option2Value]);
+            });
+        });
+    });
+    it("should render without error", () => {
+        const optionText = "Agree";
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+        expect(component).toBeTruthy();
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        const optionText = "Agree";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { onChange: callback, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+        const option = getByLabelText(optionText);
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).toBeChecked();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(option).not.toBeChecked();
+    });
+    it("should set the correct aria-describedby attribute", () => {
+        const optionText = "Agree";
+        const errorText = "This field is required";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, errorMessage: errorText }) }));
+        const option = getByLabelText(optionText);
+        expect(option).toHaveAccessibleDescription(errorText);
+    });
+    describe("isRequired", () => {
+        it("should set required attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toBeRequired();
+        });
+        it("should have className of --is-required when true", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isRequired: false, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).not.toHaveClass("--is-required");
+            expect(option).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius Mobius class", () => {
+            const optionText = "Agree";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isDisabled: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { validationState: "valid", children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.CheckboxGroup, { validationState: "invalid", errorMessage: "There is a problem", children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }), ","] }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass("--is-invalid");
+        });
+        it("includes custom class name", () => {
+            const optionText = "Agree";
+            const customClass = "my-class";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, className: customClass, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveClass(customClass);
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+        });
+        it("only sets id on the input element", () => {
+            const optionText = "Agree";
+            const testId = "test";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { id: testId, label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("id", testId);
+        });
+        it("includes focused and selected class names", async () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            await user_event_1.default.tab();
+            expect(option).toHaveClass(CHECKBOX_CLASS_NAME);
+            expect(option.closest("label")).toHaveClass(CHECKBOX_CONTAINER_CLASS_NAME);
+            await user_event_1.default.keyboard("[Space]");
+            expect(option).toHaveClass("--is-selected");
+        });
+    });
+    describe("given the component is read only", () => {
+        it("renders readonly attribute", () => {
+            const optionText = "Agree";
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.CheckboxGroup, { isReadOnly: true, children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: optionText, value: "value" }) }));
+            const option = getByLabelText(optionText);
+            expect(option).toHaveAttribute("readonly");
+        });
+    });
+});
+//# sourceMappingURL=CheckboxGroup.test.js.map

package/dist/cjs/components/Checkbox/CheckboxGroup.test.js.map

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

package/dist/cjs/components/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Checkbox";
+export * from "./CheckboxGroup";
+export * from "./types";

package/dist/cjs/components/Checkbox/types.d.ts

@@ -0,0 +1,56 @@
+import { ChangeEvent, ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type CheckboxElementType = HTMLInputElement;
+export type CheckboxRef = Ref<CheckboxElementType>;
+export interface CheckboxProps extends DOMProps, RefAttributes<CheckboxElementType> {
+    className?: string;
+    label?: ReactNode;
+    errorMessage?: string;
+    /** The current value (controlled). */
+    value?: string;
+    isDisabled?: boolean;
+    onChange?: (event: ChangeEvent<CheckboxElementType>) => void;
+    defaultSelected?: boolean;
+    validationState?: "valid" | "invalid";
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    "aria-errormessage"?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    "aria-describedby"?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    groupDisabled?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    selected?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    setSelected?: React.Dispatch<React.SetStateAction<string>>;
+}
+export type CheckboxGroupElementType = HTMLDivElement;
+export interface CheckboxGroupProps extends DOMProps, RefAttributes<CheckboxGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    errorMessage?: string;
+    onChange?: (values: string[]) => void;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid";
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    defaultValue?: string[];
+    label?: ReactNode;
+    /**
+     * The value of the radio button, used when submitting an HTML form.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).
+     */
+    value?: string;
+}
+export type CheckboxGroupRef = Ref<CheckboxGroupElementType>;

package/dist/cjs/components/Container/Container.d.ts

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ContainerElementType = HTMLDivElement;
+export type ContainerRef = Ref<ContainerElementType>;
+export interface ContainerProps extends DOMProps, RefAttributes<ContainerElementType> {
+    id?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** HTML element for the Box */
+    elementType?: "div" | "span";
+    children?: ReactNode;
+}
+declare const Container: ForwardedRefComponent<ContainerProps, ContainerElementType>;
+export { Container };