@simplybusiness/mobius 3.0.0

package/dist/esm/components/PasswordField/PasswordField.test.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { PasswordField } from "./PasswordField";
+describe("PasswordField", () => {
+    it("should render without errors", () => {
+        const { container } = render(_jsx(PasswordField, { label: "Password" }));
+        expect(container).toBeInTheDocument();
+    });
+    it("should hide the password by default", () => {
+        render(_jsx(PasswordField, { label: "Password", "data-testid": "password-field" }));
+        expect(screen.getByTestId("password-field")).toHaveAttribute("type", "password");
+    });
+    it("should show the password on request", async () => {
+        render(_jsx(PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await userEvent.click(screen.getByTestId("show-hide-button"));
+        expect(screen.getByTestId("password-field")).toHaveAttribute("type", "text");
+    });
+    it("should return focus to input after pressing show/hide", async () => {
+        render(_jsx(PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await userEvent.tab();
+        expect(screen.getByTestId("password-field")).toHaveFocus();
+        // Press Show button with keyboard
+        await userEvent.tab();
+        await userEvent.keyboard("{enter}");
+        expect(screen.getByTestId("password-field")).toHaveFocus();
+    });
+});
+//# sourceMappingURL=PasswordField.test.js.map

package/dist/esm/components/PasswordField/PasswordField.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.test.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3D,kCAAkC;QAClC,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/PasswordField/ShowHideButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export const ShowHideButton = ({ show = false, onClick, }) => (_jsx("button", Object.assign({ className: "mobius/PasswordFieldShowButton", type: "button", onClick: e => {
+        e.preventDefault();
+        onClick();
+    }, "aria-label": `${show ? "Hide" : "Show"} password`, "data-testid": "show-hide-button" }, { children: show ? "hide" : "show" })));
+//# sourceMappingURL=ShowHideButton.js.map

package/dist/esm/components/PasswordField/ShowHideButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideButton.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/ShowHideButton.tsx"],"names":[],"mappings":";AAKA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GAAG,KAAK,EACZ,OAAO,GACa,EAAE,EAAE,CAAC,CACzB,+BACE,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE;QACX,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,gBACW,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,WAAW,iBACpC,kBAAkB,gBAE7B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAChB,CACV,CAAC"}

package/dist/esm/components/PasswordField/index.js

@@ -0,0 +1,2 @@
+export * from "./PasswordField";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/PasswordField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/Progress/Progress.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/* eslint no-console: "off" */
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useProgressBar } from "@react-aria/progress";
+import { clamp } from "@react-aria/utils";
+import { Label } from "../Label";
+function warnAboutInvalidValues(value, minValue, maxValue) {
+    if (minValue > maxValue) {
+        console.warn("minValue is greater than maxValue");
+    }
+    if (value < minValue) {
+        console.warn("Progress value is less than minValue");
+    }
+    if (value > maxValue) {
+        console.warn("Progress value is greater than maxValue");
+    }
+}
+const sanitizedValue = (value, defaultValue) => {
+    const numberValue = parseFloat(value);
+    return Number.isNaN(numberValue) ? defaultValue : numberValue;
+};
+const DEFAULT_VALUE = 0;
+const DEFAULT_MIN_VALUE = 0;
+const DEFAULT_MAX_VALUE = 100;
+const Progress = forwardRef((props, ref) => {
+    const { label, showValueLabel = !!label, valueFormatter, variant = "primary", } = props;
+    let { value, minValue, maxValue } = props;
+    value = sanitizedValue(value, DEFAULT_VALUE);
+    minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);
+    maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);
+    // Will never happen but lets appease the typescript gods
+    if (value === undefined ||
+        minValue === undefined ||
+        maxValue === undefined) {
+        return null;
+    }
+    warnAboutInvalidValues(value, minValue, maxValue);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const { progressBarProps, labelProps } = useProgressBar(Object.assign(Object.assign({}, props), { value,
+        minValue,
+        maxValue }));
+    // Calculate the width of the progress bar as a percentage
+    const percentage = clamp(Math.round(((value - minValue) / (maxValue - minValue)) * 100), 0, 100);
+    const barWidth = `${percentage}%`;
+    const classes = clsx("mobius", "mobius/Progress", props.className, {
+        "--is-primary": variant === "primary",
+        "--is-secondary": variant === "secondary",
+    });
+    progressBarProps["aria-valuetext"] =
+        valueFormatter instanceof Function
+            ? valueFormatter(value, minValue, maxValue)
+            : progressBarProps["aria-valuetext"];
+    return (_jsxs("div", Object.assign({}, progressBarProps, { ref: ref, className: classes }, { children: [label && (_jsx(Label, Object.assign({ className: "mobius/ProgressLabel" }, labelProps, { children: label }))), _jsx("div", Object.assign({ className: "mobius/ProgressTrack" }, { children: _jsx("div", { className: "mobius/ProgressBar", css: { width: barWidth } }) })), showValueLabel && (_jsx(Label, Object.assign({ "data-testid": "value-label" }, { children: progressBarProps["aria-valuetext"] })))] })));
+});
+Progress.defaultProps = {
+    value: DEFAULT_VALUE,
+    minValue: DEFAULT_MIN_VALUE,
+    maxValue: DEFAULT_MAX_VALUE,
+};
+Progress.displayName = "Progress";
+export { Progress };
+//# sourceMappingURL=Progress.js.map

package/dist/esm/components/Progress/Progress.js.map

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

package/dist/esm/components/Progress/Progress.test.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { Progress } from ".";
+describe("Progress", () => {
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = render(_jsx(Progress, { label: "Progress", className: "test", minValue: 0, maxValue: 10 }));
+        });
+        const classNames = ["mobius", "mobius/Progress", "test"];
+        it.each(classNames)("should have classname %s", className => {
+            expect(result.container.firstChild).toHaveClass(className);
+        });
+    });
+    const valueFormatter = (value, minValue, maxValue) => `${value},${minValue},${maxValue}`;
+    describe("custom formatter", () => {
+        const value = 5;
+        const minValue = 0;
+        const maxValue = 10;
+        let result;
+        beforeEach(() => {
+            result = render(_jsx(Progress, { label: "Progress", minValue: minValue, maxValue: maxValue, value: value, valueFormatter: valueFormatter }));
+        });
+        it("should use custom formatter for aria-valuetext", () => {
+            expect(result.container.firstChild).toHaveAttribute("aria-valuetext", `${value},${minValue},${maxValue}`);
+        });
+        it("should use custom formatter for value text", () => {
+            expect(result.getByTestId("value-label")).toHaveTextContent(`${value},${minValue},${maxValue}`);
+        });
+    });
+});
+//# sourceMappingURL=Progress.test.js.map

package/dist/esm/components/Progress/Progress.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.test.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,IAAI,MAAW,CAAC;QAEhB,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,GAAG,MAAM,CACb,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,EAAE,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACzD,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAAE;YAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,QAAgB,EAAE,EAAE,CAC3E,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;IAErC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,QAAQ,GAAG,EAAE,CAAC;QAEpB,IAAI,MAAW,CAAC;QAEhB,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,GAAG,MAAM,CACb,KAAC,QAAQ,IACP,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,CACjD,gBAAgB,EAChB,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CACnC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CACzD,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAE,CACnC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Progress/index.js

@@ -0,0 +1,2 @@
+export * from "./Progress";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/components/Radio/Radio.js

@@ -0,0 +1,53 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { useRadio } from "@react-aria/radio";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { RadioContext } from "./RadioContext";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+const Radio = forwardRef((props, ref) => {
+    const radioContext = useContext(RadioContext);
+    if (radioContext === null) {
+        throw Error("Context has not been Provided!");
+    }
+    const { state, isDisabled: groupDisabled, validationState } = radioContext;
+    const { children, value, label, className, isDisabled, errorMessage } = props, otherProps = __rest(props, ["children", "value", "label", "className", "isDisabled", "errorMessage"]);
+    const realDisabled = groupDisabled || isDisabled;
+    const { inputProps } = useRadio(Object.assign(Object.assign({}, props), { children: children || label, isDisabled: realDisabled }), state, ref);
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover(Object.assign(Object.assign({}, otherProps), { isDisabled: realDisabled }));
+    const isSelected = state.selectedValue === inputProps.value;
+    const isMultiline = label && children;
+    // Rewrite the class name as our clsx string
+    // It MUST appear after sx prop
+    const radioClasses = {
+        "--is-disabled": realDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-selected": isSelected,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-multiline": !!children,
+    };
+    const containerClasses = clsx("mobius", "mobius/RadioLabel", radioClasses, className);
+    const iconClasses = clsx("mobius/RadioBullet", radioClasses);
+    return (_jsxs(_Fragment, { children: [_jsxs(Label, Object.assign({ css: { display: "flex", alignItems: "center" } }, hoverProps, { className: containerClasses }, { children: [_jsx("span", { className: iconClasses }), _jsx("input", Object.assign({ value: value }, otherProps, inputProps, focusProps, { ref: ref, className: "mobius/RadioInput" })), isMultiline ? (_jsxs("div", Object.assign({ className: "mobius/RadioContentMultiline" }, { children: [_jsx("div", Object.assign({ className: "mobius/RadioContentFirstLine" }, { children: label })), _jsx("div", Object.assign({ className: "mobius/RadioExtraContent" }, { children: children }))] }))) : (_jsx("div", Object.assign({ className: "mobius/RadioContent" }, { children: label || children })))] })), errorMessage && _jsx(ErrorMessage, { errorMessage: errorMessage })] }));
+});
+Radio.displayName = "Radio";
+export { Radio };
+//# sourceMappingURL=Radio.js.map

package/dist/esm/components/Radio/Radio.js.map

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

package/dist/esm/components/Radio/Radio.test.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, fireEvent, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { matchers } from "@emotion/jest";
+import { RadioGroup, Radio } from ".";
+expect.extend(matchers);
+describe("Radio", () => {
+    it("should render without error", () => {
+        const component = render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        expect(component).toBeTruthy();
+    });
+    it("should set aria-describedby for all radios when errorMessage is set", () => {
+        render(_jsxs(RadioGroup, Object.assign({ label: "Radio Group", errorMessage: "Error message" }, { children: [_jsx(Radio, { label: "Radio 1", value: "value1" }), _jsx(Radio, { label: "Radio 2", value: "value2" }), _jsx(Radio, { label: "Radio 3", value: "value3" })] })));
+        const radios = screen.getAllByRole("radio");
+        radios.forEach(radio => {
+            expect(radio).toHaveAccessibleDescription("Error message");
+        });
+    });
+    it("should call onChange with the selected value when clicked", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await userEvent.click(getByLabelText("Red"));
+        expect(callback).toHaveBeenCalledWith("red");
+        await userEvent.click(getByLabelText("Blue"));
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await userEvent.tab();
+        await userEvent.type(document.activeElement, "[Space]");
+        expect(callback).toHaveBeenCalledWith("red");
+        fireEvent.keyDown(document.activeElement, {
+            key: "ArrowDown",
+            code: "ArrowDown",
+        });
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    describe("when child component is null", () => {
+        it("renders without errors", () => {
+            expect(() => render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })))).not.toThrow();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: false }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names for atoms", () => {
+        it("uses Mobius class", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(screen.getByTestId("test").firstChild).toHaveClass("mobius/Label");
+            const wrapper = screen.getByTestId("test").childNodes[1];
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(container.querySelector(".mobius\\/RadioLabel")).toBeInTheDocument();
+            expect(container.querySelector(".mobius\\/RadioBullet")).toBeInTheDocument();
+            expect(container.querySelector(".mobius\\/RadioInput")).toBeInTheDocument();
+        });
+        it("includes custom class names", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", className: "my-class", "data-testid": "test" }, { children: [_jsx(Radio, Object.assign({ value: "red", className: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue", className: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            const wrapper = screen.getByTestId("test").childNodes[1];
+            const label = container.querySelector(".mobius\\/RadioLabel");
+            const redLabel = container.querySelector(".mobius\\/RadioLabel.red");
+            const blueLabel = container.querySelector(".mobius\\/RadioLabel.blue");
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(label).toBeInTheDocument();
+            expect(redLabel).toBeInTheDocument();
+            expect(blueLabel).toBeInTheDocument();
+        });
+        it("sets classes for interaction states", async () => {
+            var _a;
+            const callback = jest.fn();
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", onChange: callback }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            // Hover over radio
+            fireEvent.mouseEnter(container.querySelector("input"));
+            const radio = (_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
+            const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
+            expect(radio).toHaveClass("--is-hovered");
+            expect(radioIcon).toHaveClass("--is-hovered");
+            await userEvent.tab();
+            await userEvent.type(document.activeElement, "[Space]");
+            expect(radio).toHaveClass("--is-selected");
+            expect(radioIcon).toHaveClass("--is-selected");
+            fireEvent.keyDown(document.activeElement, {
+                key: "ArrowDown",
+                code: "ArrowDown",
+            });
+            const selectedLabel = container.querySelector(".mobius\\/RadioLabel.--is-selected");
+            expect(selectedLabel).toBeInTheDocument();
+        });
+        it("sets classes for disabled state", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", isDisabled: true }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            const radio = screen.getByTestId("test");
+            const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
+            const disabledLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-disabled");
+            expect(radio).toHaveClass("--is-disabled");
+            expect(radioIcon).toHaveClass("--is-disabled");
+            expect(disabledLabels.length).toEqual(2);
+        });
+        it("sets classes for valid state", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", validationState: "valid" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            const radio = screen.getByTestId("test");
+            const radioIcon = radio === null || radio === void 0 ? void 0 : radio.firstChild;
+            const validLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-valid");
+            expect(radio).toHaveClass("--is-valid");
+            expect(radioIcon).toHaveClass("--is-valid");
+            expect(validLabels.length).toEqual(2);
+        });
+        it("sets classes for invalid state", () => {
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", validationState: "invalid" }, { children: [_jsx(Radio, Object.assign({ value: "red" }, { children: "Red" })), _jsx(Radio, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            const radio = screen.getByTestId("test");
+            const radioIcon = radio.firstChild;
+            const invalidLabels = container.querySelectorAll(".mobius\\/RadioLabel.--is-invalid");
+            expect(radio).toHaveClass("--is-invalid");
+            expect(radioIcon).toHaveClass("--is-invalid");
+            expect(invalidLabels.length).toEqual(2);
+        });
+    });
+});
+//# sourceMappingURL=Radio.test.js.map

package/dist/esm/components/Radio/Radio.test.js.map

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

package/dist/esm/components/Radio/RadioButton.js

@@ -0,0 +1,59 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useContext, Children, } from "react";
+import { useRadio } from "@react-aria/radio";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { RadioContext } from "./RadioContext";
+const RadioButton = forwardRef((props, ref) => {
+    const radioContext = useContext(RadioContext);
+    if (radioContext === null) {
+        throw Error("Context has not been Provided!");
+    }
+    const { state, isDisabled: groupDisabled, circular } = radioContext;
+    const { children, value, label, className, isDisabled } = props, otherProps = __rest(props, ["children", "value", "label", "className", "isDisabled"]);
+    const realDisabled = groupDisabled || isDisabled;
+    // Cast aria-label key if label prop is set
+    const { inputProps } = useRadio(Object.assign(Object.assign({}, props), { isDisabled: realDisabled, "aria-label": props.label }), state, ref);
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover(Object.assign(Object.assign({}, otherProps), { isDisabled: realDisabled }));
+    const isSelected = state.selectedValue === inputProps.value;
+    const radioClasses = {
+        "--is-disabled": realDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-selected": isSelected,
+        circular,
+    };
+    const containerClasses = clsx("mobius", "mobius/RadioButtonLabel", radioClasses, className);
+    const nativeInput = (_jsx("input", Object.assign({ value: value }, otherProps, inputProps, focusProps, { ref: ref, className: "mobius/RadioInput" })));
+    // Simple scenario: only label set
+    let content = _jsx("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: label }));
+    if (children) {
+        // Determine type of children (label or icon) and map to relevant HTML span
+        const childMap = { label };
+        Children.map(children, child => {
+            var _a;
+            const childType = typeof child === "object" && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.name) ? "icon" : "label";
+            childMap[childType] = child;
+        });
+        content = childMap["icon"] ? (_jsxs("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: [childMap["icon"] && (_jsx("span", Object.assign({ className: "mobius/RadioButtonIcon" }, { children: childMap["icon"] }))), _jsx("span", Object.assign({ className: "mobius/RadioButtonText" }, { children: childMap["label"] }))] }))) : (_jsx("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: childMap["label"] })));
+    }
+    return (_jsxs("label", Object.assign({ css: { display: "flex", alignItems: "center" }, className: containerClasses }, hoverProps, { children: [nativeInput, content] })));
+});
+RadioButton.displayName = "RadioButton";
+export { RadioButton };
+//# sourceMappingURL=RadioButton.js.map

package/dist/esm/components/Radio/RadioButton.js.map

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

package/dist/esm/components/Radio/RadioButton.test.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, fireEvent, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { matchers } from "@emotion/jest";
+import { RadioGroup, RadioButton } from ".";
+import { Icon } from "..";
+expect.extend(matchers);
+describe("RadioButton", () => {
+    it("should render without error", () => {
+        const component = render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange with the selected value when clicked", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await userEvent.click(getByLabelText("Red"));
+        expect(callback).toHaveBeenCalledWith("red");
+        await userEvent.click(getByLabelText("Blue"));
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        render(_jsxs(RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await userEvent.tab();
+        await userEvent.type(document.activeElement, "[Space]");
+        expect(callback).toHaveBeenCalledWith("red");
+        fireEvent.keyDown(document.activeElement, {
+            key: "ArrowDown",
+            code: "ArrowDown",
+        });
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    describe("correctly assigns icon and label props or children", () => {
+        it("renders a simple label prop", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, { value: "red", label: "Red" }), _jsx(RadioButton, { value: "blue", label: "Blue" })] })));
+            expect(screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
+        });
+        it("renders a text child as simple label", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
+        });
+        it("renders children in <span> tags when there is an icon", () => {
+            var _a;
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: _jsx(Icon, { name: "user" }) })), _jsx(RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: _jsx(Icon, { name: "star" }) })), _jsx(RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: _jsx(Icon, { name: "menu" }) }))] })));
+            expect(screen.getByText("Sole Trader")).toHaveClass("mobius/RadioButtonText");
+            expect((_a = screen.getByText("Sole Trader").parentElement) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioButtonIcon");
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", isRequired: false }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names for atoms", () => {
+        it("uses base Mobius class", () => {
+            var _a;
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(screen.getByTestId("test").firstChild).toHaveClass("mobius/Label");
+            const wrapper = screen.getByTestId("test").childNodes[1];
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
+            expect((_a = wrapper.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioInput");
+        });
+        it("includes custom class names", () => {
+            render(_jsxs(RadioGroup, Object.assign({ label: "Color", className: "my-class", "data-testid": "test" }, { children: [_jsx(RadioButton, Object.assign({ value: "red", className: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue", className: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            const wrapper = screen.getByTestId("test").childNodes[1];
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
+            expect(wrapper.firstChild).toHaveClass("red");
+            expect(wrapper.childNodes[1]).toHaveClass("blue");
+        });
+        it("sets classes for interaction states", async () => {
+            var _a, _b;
+            const callback = jest.fn();
+            const { container } = render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", onChange: callback }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            // Hover over radio
+            fireEvent.mouseEnter(container.querySelector("input"));
+            const radio = (_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
+            expect(radio).toHaveClass("--is-hovered");
+            await userEvent.tab();
+            await userEvent.type(document.activeElement, "[Space]");
+            expect(radio).toHaveClass("--is-selected");
+            fireEvent.keyDown(document.activeElement, {
+                key: "ArrowDown",
+                code: "ArrowDown",
+            });
+            expect((_b = screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-selected");
+        });
+        it("sets classes for disabled state", () => {
+            var _a, _b;
+            render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", isDisabled: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(screen.getByTestId("test")).toHaveClass("--is-disabled");
+            expect((_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("--is-disabled");
+            expect((_b = screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-disabled");
+        });
+        it("sets class for circular state", () => {
+            var _a;
+            render(_jsxs(RadioGroup, Object.assign({ "data-testid": "test", label: "Color", circular: true }, { children: [_jsx(RadioButton, Object.assign({ value: "red" }, { children: "Red" })), _jsx(RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect((_a = screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("circular");
+        });
+    });
+});
+//# sourceMappingURL=RadioButton.test.js.map

package/dist/esm/components/Radio/RadioButton.test.js.map

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