@simplybusiness/mobius 4.3.0 → 4.3.1

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("NumberField", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "NumberField" }));
+    });
+    it("should render with label", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Sample label" }));
+        expect(getByText("Sample label")).toBeInTheDocument();
+    });
+    it("should render with error message", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", errorMessage: "Sample error message" }));
+        expect(getByLabelText("Number")).toHaveAccessibleDescription("Sample error message");
+    });
+    it("should render with disabled state", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true }));
+        expect(getByLabelText("Number")).toBeDisabled();
+    });
+    it("should render with custom class name", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", className: "sample-class" }));
+        expect(getByLabelText("Number")).toHaveClass("sample-class");
+    });
+    describe("disabled", () => {
+        it("should disable the input when disabled", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
+            expect(getByLabelText("Number")).toBeDisabled();
+        });
+    });
+    it.todo("should reformat on blur");
+    // it.todo("should reformat on blur", async () => {
+    // const { getByLabelText } = render(
+    //   <NumberField
+    //     label="Number"
+    //     formatOptions={{
+    //       style: "percent",
+    //     }}
+    //   />,
+    // );
+    // await userEvent.tab();
+    // await userEvent.type(getByLabelText("Number"), "42");
+    // await userEvent.tab();
+    // expect(getByLabelText("Number")).toHaveValue("42%");
+    // });
+    describe("isRequired", () => {
+        it("should set required attribute", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveAttribute("required");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: false }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("user input", () => {
+        it("only allows numbers", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "ABC" } });
+            expect(input.value).toEqual(""); // zero
+            react_1.fireEvent.change(input, { target: { value: "-£" } });
+            expect(input.value).toEqual(""); // zero
+            react_1.fireEvent.change(input, { target: { value: "123" } });
+            expect(input.value).toEqual("123");
+        });
+        it("does not display leading zero", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
+            const input = container.querySelector("#test");
+            expect(input.value).toEqual("");
+            react_1.fireEvent.change(input, { target: { value: "1" } });
+            expect(input.value).toEqual("1");
+        });
+        it.todo("allows arrow keys to change value in steps");
+        // Arrow keys not working on input[type="number"]
+        // it("allows arrow keys to change value", async () => {
+        //   const { container } = render(
+        //     <NumberField id="test" label="Number" defaultValue={1} minValue={0} />,
+        //   );
+        //   const input = container.querySelector("#test") as HTMLInputElement;
+        //   await userEvent.tab();
+        //   expect(input).toHaveFocus();
+        //   await userEvent.type(input, "{arrowup}");
+        //   expect(input.value).toEqual("2");
+        // });
+        it("prevents setting a value < minValue (if set)", async () => {
+            const mockChange = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, onChange: mockChange }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "2" } });
+            expect(input.value).toEqual("10");
+            expect(mockChange).not.toHaveBeenCalled();
+        });
+        it("prevents setting a value > maxValue (if set)", async () => {
+            const mockChange = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, maxValue: 100, step: 5, onChange: mockChange }));
+            const input = container.querySelector("#test");
+            react_1.fireEvent.change(input, { target: { value: "999" } });
+            expect(input.value).toEqual("10"); // No change
+            expect(mockChange).not.toHaveBeenCalled();
+            react_1.fireEvent.change(input, { target: { value: "99" } });
+            expect(input.value).toEqual("99");
+            expect(mockChange).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=NumberField.test.js.map

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

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

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

@@ -0,0 +1 @@
+export * from "./NumberField";

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

@@ -0,0 +1,10 @@
+import { RefAttributes, Ref } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface OptionProps extends RefAttributes<HTMLOptionElement> {
+    value?: string;
+    children?: string;
+    isDisabled?: boolean;
+}
+export type OptionRef = Ref<HTMLOptionElement>;
+declare const Option: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
+export { Option };

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

@@ -0,0 +1 @@
+export * from "./Option";

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

@@ -0,0 +1,5 @@
+import { type TextFieldProps, type TextFieldRef } from "../TextField";
+export interface PasswordFieldProps extends TextFieldProps {
+}
+export type PasswordFieldRef = TextFieldRef;
+export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts

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

package/dist/cjs/components/PasswordField/PasswordField.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PasswordField_1 = require("./PasswordField");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/PasswordField",
+    component: PasswordField_1.PasswordField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            control: { type: "radio" },
+            options: ["text", "password"],
+        } }, (0, utils_1.excludeControls)("description")),
+    args: {
+        isReadOnly: false,
+    },
+    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.jsx)(PasswordField_1.PasswordField, Object.assign({}, args)),
+    args: {
+        label: "Password",
+        placeholder: "",
+        isDisabled: false,
+        errorMessage: "",
+        type: "password",
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=PasswordField.stories.js.map

package/dist/cjs/components/PasswordField/PasswordField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.stories.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAoE;AACpE,uCAA8D;AAI9D,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;SAC9B,IACE,IAAA,uBAAe,EAAC,aAAa,CAAC,CAClC;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/PasswordField/PasswordField.test.d.ts

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

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

@@ -0,0 +1,34 @@
+"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 PasswordField_1 = require("./PasswordField");
+describe("PasswordField", () => {
+    it("should render without errors", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password" }));
+        expect(container).toBeInTheDocument();
+    });
+    it("should hide the password by default", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "password");
+    });
+    it("should show the password on request", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await user_event_1.default.click(react_1.screen.getByTestId("show-hide-button"));
+        expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "text");
+    });
+    it("should return focus to input after pressing show/hide", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
+        await user_event_1.default.tab();
+        expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
+        // Press Show button with keyboard
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("{enter}");
+        expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
+    });
+});
+//# sourceMappingURL=PasswordField.test.js.map

package/dist/cjs/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,kDAAwD;AACxD,6EAAoD;AACpD,mDAAgD;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,6BAAa,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,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,cAAM,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,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,cAAM,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,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3D,kCAAkC;QAClC,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/PasswordField/ShowHideButton.d.ts

@@ -0,0 +1,5 @@
+export interface ShowHideButtonProps {
+    show?: boolean;
+    onClick: () => void;
+}
+export declare const ShowHideButton: ({ show, onClick, }: ShowHideButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from "./PasswordField";

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

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types";
+export type PopoverElementType = HTMLDivElement;
+export interface PopoverProps extends DOMProps, RefAttributes<PopoverElementType> {
+    children?: ReactNode;
+    trigger: ReactElement;
+    /** Callback that fires each time the accordion is opened */
+    onOpen?: () => void;
+    /** Callback that fires each time the accordion is closed */
+    onClose?: () => void;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export type PopoverRef = Ref<PopoverElementType>;
+export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Popover } from "..";
+type StoryType = StoryObj<typeof Popover>;
+declare const meta: Meta<typeof Popover>;
+export declare const Normal: StoryType;
+export declare const CustomTrigger: StoryType;
+export default meta;

package/dist/cjs/components/Popover/Popover.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTrigger = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("..");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Popover",
+    component: __1.Popover,
+    argTypes: Object.assign({}, (0, utils_1.excludeControls)("trigger", "anchor", "children")),
+    decorators: [
+        Story => {
+            // eslint-disable-next-line global-require
+            require("./Popover.story.styles.css");
+            return (0, jsx_runtime_1.jsx)(Story, {});
+        },
+    ],
+};
+const QuestionIcon = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", width: "16px", height: "16px", ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_1641_88567)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.25 6.25002C6.25017 5.36011 6.91818 4.61203 7.80241 4.51155C8.68663 4.41107 9.50546 4.99019 9.7053 5.85737C9.90515 6.72456 9.42235 7.60364 8.58333 7.90027C8.23357 8.02393 7.99981 8.35471 8 8.72569V9.31253", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 11.0625C7.87919 11.0625 7.78125 11.1604 7.78125 11.2812C7.78125 11.4021 7.87919 11.5 8 11.5C8.12081 11.5 8.21875 11.4021 8.21875 11.2812C8.21875 11.1604 8.12081 11.0625 8 11.0625V11.0625", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6.5625", stroke: "currentColor" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1641_88567", children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })] }))));
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(__1.Popover, Object.assign({}, args)),
+    args: {
+        children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No way! Now I know everything I need to \uD83D\uDE80." }),
+        trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "primary", children: "If only I had more information" }),
+    },
+};
+exports.CustomTrigger = {
+    render: () => ((0, jsx_runtime_1.jsx)("div", { className: "popover-example", children: (0, jsx_runtime_1.jsx)(__1.Popover, { trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "ghost", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Occurrence Limit" }), (0, jsx_runtime_1.jsx)(QuestionIcon, {})] }) }), children: "This is the maximum amount of money you'll get to cover a single incident that occurs during the policy period, regardless of when it's reported." }) })),
+};
+exports.default = meta;
+//# sourceMappingURL=Popover.stories.js.map

package/dist/cjs/components/Popover/Popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAwC;AACxC,0BAAyD;AACzD,uCAA8C;AAI9C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAO;IAClB,QAAQ,oBACH,IAAA,uBAAe,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CACpD;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAEtC,OAAO,uBAAC,KAAK,KAAG,CAAC;QACnB,CAAC;KACF;CACF,CAAC;AAIF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAwB,EAAE,GAAuB,EAAE,EAAE,CAAC,CACrD,+CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,eAET,+BAAG,QAAQ,EAAC,wBAAwB,aAClC,iCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,iCACE,CAAC,EAAC,+LAA+L,EACjM,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,GAAG,IACvD,EACJ,2CACE,qCAAU,EAAE,EAAC,kBAAkB,YAC7B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,KACH,CACP,CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,uBAAC,WAAO,oBAAK,IAAI,EAAI;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,qHAAgD;QAC1D,OAAO,EAAE,uBAAC,UAAM,IAAC,OAAO,EAAC,SAAS,+CAAwC;KAC3E;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,WAAO,IACN,OAAO,EACL,uBAAC,UAAM,IAAC,OAAO,EAAC,OAAO,YACrB,wBAAC,QAAI,eACH,gEAA6B,EAC7B,uBAAC,YAAY,KAAG,IACX,GACA,kKAMH,GACN,CACP;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Popover/Popover.test.d.ts

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

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CONTAINER_CLASS_NAME = "mobius/PopoverContainer";
+const TOGGLE_CLASS_NAME = "mobius/PopoverToggle";
+const POPOVER_CLASS_NAME = "mobius/Popover";
+const HEADER_CLASS_NAME = "mobius/PopoverHeader";
+const CLOSE_BUTTON_CLASS_NAME = "mobius/PopoverCloseButton";
+const CLOSE_ICON_CLASS_NAME = "mobius/PopoverCloseIcon";
+const BODY_CLASS_NAME = "mobius/PopoverBody";
+describe("Popover", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: "Click me" }), children: "Sample Text" }));
+        expect(component).toBeTruthy();
+    });
+    it("should open when clicked", async () => {
+        const sampleText = "Sample Text";
+        const triggerText = "Click me";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+        const button = react_1.screen.getByText(triggerText);
+        react_1.fireEvent.click(button);
+        await (0, react_1.waitFor)(() => {
+            expect(react_1.screen.queryByText(sampleText)).toBeInTheDocument();
+        });
+        const closeButton = react_1.screen.getByLabelText("Close");
+        react_1.fireEvent.click(closeButton);
+        expect(react_1.screen.queryByText(sampleText)).not.toBeInTheDocument();
+    });
+    describe("uses correct class names", () => {
+        it("uses correct classes", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            expect(button).toHaveClass(TOGGLE_CLASS_NAME);
+            react_1.fireEvent.click(button);
+            const popoverContainer = button.nextSibling;
+            await (0, react_1.waitFor)(() => {
+                expect(popoverContainer).toHaveClass("mobius");
+            });
+            const closeButton = react_1.screen.getByLabelText("Close");
+            const body = react_1.screen.getByText(sampleText);
+            expect(popoverContainer).toHaveClass(CONTAINER_CLASS_NAME);
+            expect(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.firstChild).toHaveClass(POPOVER_CLASS_NAME);
+            expect(closeButton.parentElement).toHaveClass(HEADER_CLASS_NAME);
+            expect(closeButton).toHaveClass(CLOSE_BUTTON_CLASS_NAME);
+            expect(closeButton.firstChild).toHaveClass(CLOSE_ICON_CLASS_NAME);
+            expect(body).toHaveClass(BODY_CLASS_NAME);
+        });
+        it("includes custom class name", async () => {
+            const customClassName = "my-class";
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { className: customClassName, trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(button);
+            const popoverContainer = button.nextSibling;
+            await (0, react_1.waitFor)(() => {
+                expect(popoverContainer).toHaveClass(customClassName);
+            });
+        });
+        it("passes trigger class names", () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const customClassName = "custom-trigger-class-name";
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", className: customClassName, children: triggerText }), children: sampleText }));
+            const button = react_1.screen.getByText(triggerText);
+            expect(button).toHaveClass(customClassName);
+        });
+    });
+    describe("events", () => {
+        it("calls onOpen when Popover is opened", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
+            const toggle = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(toggle);
+            await (0, react_1.waitFor)(() => {
+                expect(onOpen).toHaveBeenCalled();
+                expect(onClose).not.toHaveBeenCalled();
+            });
+        });
+        it("calls onClose when Popover is closed", async () => {
+            const sampleText = "Sample Text";
+            const triggerText = "Click me";
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
+            const toggle = react_1.screen.getByText(triggerText);
+            react_1.fireEvent.click(toggle);
+            const closeButton = react_1.screen.getByLabelText("Close");
+            react_1.fireEvent.click(closeButton);
+            await (0, react_1.waitFor)(() => {
+                expect(onClose).toHaveBeenCalled();
+                expect(onOpen).toHaveBeenCalledTimes(1);
+            });
+        });
+    });
+});
+//# sourceMappingURL=Popover.test.js.map

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

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

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

@@ -0,0 +1 @@
+export * from "./Popover";

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

@@ -0,0 +1,20 @@
+import type { AriaProgressBarProps } from "@react-types/progress";
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ProgressElementType = HTMLDivElement;
+export interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttributes<ProgressElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    id?: string;
+    className?: string;
+    showValueLabel?: boolean;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info";
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    valueFormatter?: (value: number, minValue: number, maxValue: number) => string;
+}
+export type ProgressRef = Ref<ProgressElementType>;
+declare const Progress: ForwardedRefComponent<ProgressProps, ProgressElementType>;
+export { Progress };

package/dist/cjs/components/Progress/Progress.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Progress } from "./Progress";
+type StoryType = StoryObj<typeof Progress>;
+declare const meta: Meta<typeof Progress>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const NoVisibleLabel: StoryType;
+export declare const CustomValueFormat: StoryType;
+export default meta;

package/dist/cjs/components/Progress/Progress.stories.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomValueFormat = exports.NoVisibleLabel = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Progress_1 = require("./Progress");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Progress",
+    component: Progress_1.Progress,
+    argTypes: Object.assign({ value: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, label: {
+            control: {
+                control: { type: "text" },
+            },
+        }, variant: {
+            control: { type: "radio" },
+            options: ["primary", "secondary"],
+        } }, (0, utils_1.excludeControls)("valueFormatter")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+const customValueFormatter = (value, minValue, maxValue) => `Step ${value} of ${maxValue}`;
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Secondary",
+        variant: "secondary",
+        showValueLabel: true,
+    },
+};
+exports.NoVisibleLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "",
+        variant: "primary",
+        "aria-label": "Progress",
+        showValueLabel: true,
+    },
+    parameters: {
+        controls: {
+            exclude: ["aria-label"],
+        },
+    },
+};
+exports.CustomValueFormat = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+        valueFormatter: customValueFormatter,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Progress.stories.js.map

package/dist/cjs/components/Progress/Progress.stories.js.map

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

package/dist/cjs/components/Progress/Progress.test.d.ts

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