@simplybusiness/mobius 3.0.0

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

@@ -0,0 +1,67 @@
+"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("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    render() {
+        const { hasError, error } = this.state;
+        const { children } = this.props;
+        if (hasError && error) {
+            // You can render any custom fallback UI
+            return (0, jsx_runtime_1.jsx)("div", Object.assign({ "data-testid": "error" }, { children: error.message }));
+        }
+        return children;
+    }
+}
+describe("Test for LinkButton", () => {
+    it("renders without error", () => {
+        const component = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, Object.assign({ href: "http://www.example.com/" }, { children: "Link" })));
+        expect(component).toBeTruthy();
+    });
+    it("should call the onClick", async () => {
+        const onClick = jest.fn();
+        const { getByText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, Object.assign({ href: "#", onClick: onClick }, { children: "Link" })));
+        await user_event_1.default.click(getByText("Link"));
+        expect(onClick).toHaveBeenCalled();
+    });
+    it("throws when href is missing", () => {
+        const spy = jest.spyOn(console, "error");
+        spy.mockImplementation(() => { });
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(_1.LinkButton, { children: "Link" }) }));
+        expect(react_2.screen.getByTestId("error")).toHaveTextContent("LinkButton requires a href prop");
+        spy.mockRestore();
+    });
+    it("uses the elementType prop", () => {
+        function CustomComponent(props) {
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            return (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-component" }, props));
+        }
+        (0, react_2.render)(
+        // eslint-disable-next-line react/jsx-no-bind
+        (0, jsx_runtime_1.jsx)(_1.LinkButton, Object.assign({ href: "#test", elementType: CustomComponent }, { children: "Test" })));
+        expect(react_2.screen.getByTestId("custom-component")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, Object.assign({ href: "#test", elementType: "ul" }, { children: "Test" })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=LinkButton.test.js.map

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

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

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

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

package/dist/cjs/components/LinkButton/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LinkButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LinkButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

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

@@ -0,0 +1,17 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type ListElementType = HTMLOListElement | HTMLUListElement;
+export declare type ListStyleType = "disc" | "circle" | "square" | "decimal" | "georgian" | "trad-chinese-informal" | "kannada";
+export interface ListProps extends DOMProps, RefAttributes<ListElementType> {
+    children?: ReactNode;
+    isOrdered?: boolean;
+    isReversed?: boolean;
+    start?: number;
+    liststyletype?: ListStyleType;
+    icon?: ReactNode;
+    className?: string;
+}
+export declare type ListRef = Ref<ListElementType>;
+declare const List: ForwardedRefComponent<ListProps, ListElementType>;
+export { List };

package/dist/cjs/components/List/List.js

@@ -0,0 +1,43 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const List = (0, react_1.forwardRef)((props, ref) => {
+    const Component = props.isOrdered ? "ol" : "ul";
+    const { children, icon } = props, otherProps = __rest(props, ["children", "icon"]);
+    // Remove props that should not exist on ol or ul element
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { isOrdered, liststyletype, isReversed } = otherProps, restProps = __rest(otherProps, ["isOrdered", "liststyletype", "isReversed"]);
+    const mappedProps = Object.assign(Object.assign({}, restProps), { reversed: isReversed });
+    const classes = (0, clsx_1.default)("mobius", "mobius/List", {
+        "--has-icon": icon,
+        [`--is-${liststyletype}`]: liststyletype,
+    }, otherProps.className);
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, mappedProps, { className: classes }, { children: react_1.Children.map(children, child => {
+            if ((0, react_1.isValidElement)(child)) {
+                return (0, react_1.cloneElement)(child, {
+                    parentIcon: icon,
+                });
+            }
+            return child;
+        }) })));
+});
+exports.List = List;
+List.displayName = "List";
+//# sourceMappingURL=List.js.map

package/dist/cjs/components/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AAEf,gDAAwB;AAyBxB,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAChD,MAAM,EAAE,QAAQ,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAzC,oBAAiC,CAAQ,CAAC;IAEhD,yDAAyD;IACzD,6DAA6D;IAC7D,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,KAAmB,UAAU,EAAxB,SAAS,UAAK,UAAU,EAAnE,4CAAsD,CAAa,CAAC;IAE1E,MAAM,WAAW,mCACZ,SAAS,KACZ,QAAQ,EAAE,UAAU,GACrB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,aAAa,EACb;QACE,YAAY,EAAE,IAAI;QAClB,CAAC,QAAQ,aAAa,EAAE,CAAC,EAAE,aAAa;KACzC,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAU,IAAM,WAAW,IAAE,SAAS,EAAE,OAAO,gBAC5D,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9B,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;oBACzB,UAAU,EAAE,IAAI;iBACV,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const LIST_CLASS_NAME = "mobius/List";
+const ITEM_CLASS_NAME = "mobius/ListItem";
+const ICON_CLASS_NAME = "--has-icon";
+const ITEM_CONTENT_CLASSNAME = "mobius/ListItemContent";
+const LIST_ICON_CLASS_NAME = "mobius/ListIcon";
+describe("List", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { children: "Sample text" }));
+    });
+    it("renders an unordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+        const list = react_1.screen.getByTestId("test").closest("ul");
+        expect(list).toBeTruthy();
+        expect(list === null || list === void 0 ? void 0 : list.childNodes.length).toEqual(2);
+    });
+    it("renders an ordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+        const unorderedList = react_1.screen.getByTestId("test").closest("ul");
+        const orderedList = react_1.screen.getByTestId("test").closest("ol");
+        expect(unorderedList).not.toBeTruthy();
+        expect(orderedList).toBeTruthy();
+        expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes.length).toEqual(2);
+    });
+    it("renders a reversed list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, isReversed: true }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+        const list = react_1.screen.getByRole("list");
+        expect(list).toHaveAttribute("reversed", "");
+    });
+    it("renders list style", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, liststyletype: "disc", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+        expect(react_1.screen.getByTestId("test").closest("ol")).not.toHaveAttribute("liststyletype", "disc");
+    });
+    describe("given the liststyletype prop is set", () => {
+        it.each([
+            "disc",
+            "circle",
+            "square",
+            "decimal",
+            "georgian",
+            "trad-chinese-informal",
+            "kannada",
+        ])("it should render with --is-%s class name", liststyletype => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, liststyletype: liststyletype }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+            expect(container.firstChild).toHaveClass(`--is-${liststyletype}`);
+        });
+    });
+    it("renders list with custom icons", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ icon: "\u2705" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" }), (0, jsx_runtime_1.jsx)(_1.ListItem, Object.assign({ icon: "\u26A0\uFE0F" }, { children: "Three" })), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Four" }), (0, jsx_runtime_1.jsx)(_1.ListItem, Object.assign({ icon: "\u274C" }, { children: "Five" })), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Six" })] })));
+        expect(react_1.screen.queryAllByText("✅")).toHaveLength(4);
+        expect(react_1.screen.queryAllByText("⚠️")).toHaveLength(1);
+        expect(react_1.screen.queryAllByText("❌")).toHaveLength(1);
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("uses base Mobius class for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] })));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+        });
+        it("includes custom class names for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({ isOrdered: true, "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, Object.assign({ className: "item-1" }, { children: "One" })), (0, jsx_runtime_1.jsx)(_1.ListItem, Object.assign({ className: "item-2" }, { children: "Two" }))] })));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass("item-1");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass("item-2");
+        });
+        it("includes custom class name when icon prop is provided", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, Object.assign({ icon: "\u2705" }, { children: (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }) })));
+            expect(react_1.screen.getByRole("list")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem").firstChild).toHaveClass(ITEM_CONTENT_CLASSNAME);
+            expect(react_1.screen.getByText("✅")).toHaveClass(LIST_ICON_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=List.test.js.map

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

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

package/dist/cjs/components/List/ListItem.d.ts

@@ -0,0 +1,14 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type ListItemElementType = HTMLLIElement;
+export interface ListItemProps extends DOMProps, RefAttributes<ListItemElementType> {
+    children?: ReactNode;
+    value?: number;
+    className?: string;
+    parentIcon?: ReactNode;
+    icon?: ReactNode;
+}
+export declare type ListItemRef = Ref<ListItemElementType>;
+declare const ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType>;
+export { ListItem };

package/dist/cjs/components/List/ListItem.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const ListItem = (0, react_1.forwardRef)((props, ref) => {
+    const { parentIcon, icon, children } = props, otherProps = __rest(props, ["parentIcon", "icon", "children"]);
+    const iconContent = icon || parentIcon;
+    const classes = (0, clsx_1.default)("mobius", "mobius/ListItem", {
+        "--has-icon": iconContent,
+    }, props.className);
+    const contentClasses = (0, clsx_1.default)("mobius", "mobius/ListItemContent");
+    const iconClasses = (0, clsx_1.default)("mobius", "mobius/ListIcon");
+    if (iconContent) {
+        return ((0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: contentClasses }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: iconClasses }, { children: iconContent })), children] })) })));
+    }
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: children })));
+});
+exports.ListItem = ListItem;
+ListItem.displayName = "ListItem";
+//# sourceMappingURL=ListItem.js.map

package/dist/cjs/components/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAgBxB,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAArD,kCAA6C,CAAQ,CAAC;IAC5D,MAAM,WAAW,GAAG,IAAI,IAAI,UAAU,CAAC;IACvC,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,iBAAiB,EACjB;QACE,YAAY,EAAE,WAAW;KAC1B,EACD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC;IAChE,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAEtD,IAAI,WAAW,EAAE;QACf,OAAO,CACL,6CAAI,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAC9C,gDAAM,SAAS,EAAE,cAAc,iBAC7B,+CAAM,SAAS,EAAE,WAAW,gBAAG,WAAW,IAAQ,EACjD,QAAQ,KACJ,IACJ,CACN,CAAC;KACH;IAED,OAAO,CACL,6CAAI,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAC7C,QAAQ,IACN,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./List";
+export * from "./ListItem";

package/dist/cjs/components/List/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./List"), exports);
+__exportStar(require("./ListItem"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,6CAA2B"}

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

@@ -0,0 +1,10 @@
+import { Ref, RefAttributes } from "react";
+import type { IconName } from "@simplybusiness/icons";
+import { ForwardedRefComponent } from "../../types/components";
+export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement> {
+    className?: string;
+    icon?: IconName;
+}
+export declare type LoadingIndicatorRef = Ref<SVGSVGElement>;
+declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
+export { LoadingIndicator };

package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingIndicator = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Icon_1 = require("../Icon");
+const LoadingIndicator = (0, react_1.forwardRef)((props, ref) => {
+    const { icon = "loading" } = props, otherProps = __rest(props, ["icon"]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/LoadingIndicator", otherProps.className);
+    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, Object.assign({ name: icon, spin: true, ref: ref }, otherProps, { className: classes })));
+});
+exports.LoadingIndicator = LoadingIndicator;
+LoadingIndicator.displayName = "LoadingIndicator";
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,gDAAwB;AAGxB,kCAA+B;AAS/B,MAAM,gBAAgB,GAGlB,IAAA,kBAAU,EAAC,CAAC,KAA4B,EAAE,GAAwB,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,GAAG,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,QAAmC,CAAQ,CAAC;IAElD,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,yBAAyB,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,uBAAC,WAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,IAAI,QAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACxE,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,4CAAgB;AADzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/* eslint-disable no-restricted-syntax */
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/LoadingIndicator";
+describe("Test for LoadingIndicator", () => {
+    it("should render the LoadingIndicator component", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, {}));
+        expect(container).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test", className: "my-class" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=LoadingIndicator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC,kDAAwD;AACxD,wBAAqC;AAErC,MAAM,UAAU,GAAG,yBAAyB,CAAC;AAE7C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAgB,KAAG,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EAAC,uBAAC,mBAAgB,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACrE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/dist/cjs/components/LoadingIndicator/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadingIndicator"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}

package/dist/cjs/components/Modal/Content.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+export declare type DivRef = Ref<HTMLDivElement>;
+export declare type DivElementType = HTMLDivElement;
+export interface ContentProps extends DOMProps, RefAttributes<DivElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Content: import("react").ForwardRefExoticComponent<Pick<ContentProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & RefAttributes<HTMLDivElement>>;
+export { Content };

package/dist/cjs/components/Modal/Content.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Content = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, onClose, closeLabel } = _a, otherProps = __rest(_a, ["children", "onClose", "closeLabel"]);
+    const classes = (0, clsx_1.default)("mobius/ModalContent");
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: react_1.Children.map(children, child => {
+            if ((0, react_1.isValidElement)(child)) {
+                return (0, react_1.cloneElement)(child, {
+                    onClose,
+                    closeLabel,
+                });
+            }
+            return child;
+        }) })));
+});
+exports.Content = Content;
+Content.displayName = "Content";
+//# sourceMappingURL=Content.js.map

package/dist/cjs/components/Modal/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Modal/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AAEf,gDAAwB;AAUxB,MAAM,OAAO,GAAG,IAAA,kBAAU,EACxB,CACE,EAA8D,EAC9D,GAAW,EACX,EAAE;QAFF,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,OAA+B,EAA1B,UAAU,cAA9C,qCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,qBAAqB,CAAC,CAAC;IAE5C,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAC9C,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9B,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;oBACzB,OAAO;oBACP,UAAU;iBACJ,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/components/Modal/Header.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+export declare type HeaderElementType = HTMLDivElement;
+export declare type HeaderRef = Ref<HTMLElement>;
+export interface HeaderProps extends DOMProps, RefAttributes<HeaderElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Header: import("react").ForwardRefExoticComponent<Pick<HeaderProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & RefAttributes<HTMLElement>>;
+export { Header };

package/dist/cjs/components/Modal/Header.js

@@ -0,0 +1,32 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const icons_1 = require("@simplybusiness/icons");
+const Button_1 = require("../Button");
+const Icon_1 = require("../Icon");
+const Header = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, onClose, closeLabel } = _a, otherProps = __rest(_a, ["children", "onClose", "closeLabel"]);
+    const classes = (0, clsx_1.default)("mobius/ModalHeader");
+    const closeClasses = (0, clsx_1.default)("mobius/ModalClose");
+    return ((0, jsx_runtime_1.jsxs)("header", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [children, (0, jsx_runtime_1.jsxs)(Button_1.Button, Object.assign({ "aria-label": "Close", variant: "basic", onPress: onClose, className: closeClasses }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.cross }), " ", closeLabel] }))] })));
+});
+exports.Header = Header;
+Header.displayName = "Header";
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/Modal/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Modal/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAExB,iDAA8C;AAC9C,sCAAmC;AACnC,kCAA+B;AAa/B,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAA6D,EAC7D,GAAc,EACd,EAAE;QAFF,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,OAA8B,EAAzB,UAAU,cAA9C,qCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,oBAAoB,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO,CACL,kDAAQ,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBACjD,QAAQ,EACT,wBAAC,eAAM,gCACM,OAAO,EAClB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY,iBAEvB,uBAAC,WAAI,IAAC,IAAI,EAAE,aAAK,GAAI,OAAE,UAAU,KAC1B,KACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

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

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { SizeType } from "../../types/size";
+export declare type ModalSizeType = SizeType | "fullscreen";
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    children?: ReactNode;
+    className?: string;
+    closeLabel?: string;
+    size?: ModalSizeType;
+    appElement?: string;
+    preventCloseOnEsc?: boolean;
+    animation?: "slideUp" | "fade";
+    shouldFocusAfterRender?: boolean;
+    parentSelector?: () => HTMLElement;
+}
+declare const Modal: {
+    ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Modal };