@simplybusiness/mobius 3.0.0

package/dist/esm/components/Chopin/TradeSelector/mockApiResults.js

@@ -0,0 +1,65 @@
+export const exactResults = [
+    {
+        value: "Swim Shop",
+        vertical: "shop",
+        supported_verticals: null,
+        label: "<strong>Swim</strong> Shop",
+        type: "exact",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+    {
+        value: "Swimming pool installers",
+        vertical: "business",
+        supported_verticals: ["contractors_combined"],
+        label: "<strong>Swim</strong>ming pool installers",
+        type: "exact",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+    {
+        value: "Swimming pool cleaners",
+        vertical: "business",
+        supported_verticals: ["contractors_combined"],
+        label: "<strong>Swim</strong>ming pool cleaners",
+        type: "exact",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+    {
+        value: "Swimming pool, sports centre or arena",
+        vertical: "not_for_profit",
+        supported_verticals: null,
+        label: "<strong>Swim</strong>ming pool, sports centre or arena",
+        type: "exact",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+];
+export const suggestedResults = [
+    {
+        value: "Teacher / tutor",
+        vertical: "business",
+        supported_verticals: null,
+        label: "<strong>Teacher</strong> / tutor",
+        type: "suggested",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+    {
+        value: "Fitness instructor",
+        vertical: "business",
+        supported_verticals: null,
+        label: "<strong>Fitness</strong> instructor",
+        type: "suggested",
+        trade_detail: null,
+        trade_type: null,
+        blocked: false,
+    },
+];
+//# sourceMappingURL=mockApiResults.js.map

package/dist/esm/components/Chopin/TradeSelector/mockApiResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockApiResults.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/TradeSelector/mockApiResults.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;QAChB,mBAAmB,EAAE,IAAI;QACzB,KAAK,EAAE,4BAA4B;QACnC,IAAI,EAAE,OAAO;QACb,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,CAAC,sBAAsB,CAAC;QAC7C,KAAK,EAAE,2CAA2C;QAClD,IAAI,EAAE,OAAO;QACb,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,CAAC,sBAAsB,CAAC;QAC7C,KAAK,EAAE,yCAAyC;QAChD,IAAI,EAAE,OAAO;QACb,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,KAAK,EAAE,uCAAuC;QAC9C,QAAQ,EAAE,gBAAgB;QAC1B,mBAAmB,EAAE,IAAI;QACzB,KAAK,EAAE,wDAAwD;QAC/D,IAAI,EAAE,OAAO;QACb,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B;QACE,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,IAAI;QACzB,KAAK,EAAE,kCAAkC;QACzC,IAAI,EAAE,WAAW;QACjB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,KAAK,EAAE,oBAAoB;QAC3B,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,IAAI;QACzB,KAAK,EAAE,qCAAqC;QAC5C,IAAI,EAAE,WAAW;QACjB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;KACf;CACc,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Chopin/TradeSelector/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/TradeSelector/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Chopin/TradeSelector/useTradeSelector/index.js

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

package/dist/esm/components/Chopin/TradeSelector/useTradeSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/useTradeSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/useTradeSelector/useTradeSelector.js

@@ -0,0 +1,53 @@
+import { useState, useEffect } from "react";
+import { useAsyncList } from "@react-stately/data";
+const useTradeSelector = ({ minInput, urls, onTradeSelected, }) => {
+    const [userInput, setUserInput] = useState("");
+    const [selectedTrade, setSelectedTrade] = useState(undefined);
+    const [hasUserChangedMind, setHasUserChangedMind] = useState(false);
+    const endpoint = `${urls.tradeApi}?q=${encodeURIComponent(userInput)}&site=${urls.quoteRedirect}`;
+    const list = useAsyncList({
+        async load({ signal }) {
+            const response = await fetch(endpoint, {
+                signal,
+            });
+            const json = await response.json();
+            return { items: json.results };
+        },
+    });
+    const handleSelectionChange = (value) => {
+        const items = list.items;
+        const trade = items.find(entry => entry.value === value);
+        setSelectedTrade(trade);
+        setUserInput(value.toString());
+        setHasUserChangedMind(false);
+        if (trade && onTradeSelected) {
+            try {
+                onTradeSelected(trade);
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error("onTradeSelected returned the following error", err);
+            }
+        }
+    };
+    const handleUserChangedMind = () => setHasUserChangedMind(true);
+    useEffect(() => {
+        if (userInput.length >= minInput)
+            list.reload();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [userInput, minInput]);
+    return {
+        inputValue: userInput,
+        isLoading: list.isLoading,
+        trades: list.items,
+        error: list.error,
+        onInputChange: setUserInput,
+        onSelectionChange: handleSelectionChange,
+        selectedTrade,
+        hasUserChangedMind,
+        onUserChangedMind: handleUserChangedMind,
+    };
+};
+useTradeSelector.displayName = "useTradeSelector";
+export { useTradeSelector };
+//# sourceMappingURL=useTradeSelector.js.map

package/dist/esm/components/Chopin/TradeSelector/useTradeSelector/useTradeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTradeSelector.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/useTradeSelector/useTradeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,eAAe,GACO,EAAE,EAAE;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,SAAS,CACV,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,QAAQ,MAAM,kBAAkB,CAAC,SAAS,CAAC,SAClE,IAAI,CAAC,aACP,EAAE,CAAC;IACH,MAAM,IAAI,GAAG,YAAY,CAAC;QACxB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE;YACnB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE;gBACrC,MAAM;aACP,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,CAAC,KAAU,EAAE,EAAE;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAqB,CAAC;QACzC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACzD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC/B,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,KAAK,IAAI,eAAe,EAAE;YAC5B,IAAI;gBACF,eAAe,CAAC,KAAK,CAAC,CAAC;aACxB;YAAC,OAAO,GAAG,EAAE;gBACZ,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,8CAA8C,EAAE,GAAG,CAAC,CAAC;aACpE;SACF;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,MAAM,IAAI,QAAQ;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QAChD,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO;QACL,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,MAAM,EAAE,IAAI,CAAC,KAAqB;QAClC,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,aAAa,EAAE,YAAY;QAC3B,iBAAiB,EAAE,qBAAqB;QACxC,aAAa;QACb,kBAAkB;QAClB,iBAAiB,EAAE,qBAAqB;KACzC,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+export * from "./PercentageTotalsQuestion";
+export * from "./Question";
+export * from "./QuestionGroup";
+export * from "./Steps";
+export * from "./Section";
+export * from "./TradeSelector";
+export * from "./Footer";
+export * from "./Header";
+export * from "./Actions";
+export * from "./Testimonial";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Chopin/index.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/esm/components/Container/Container.js

@@ -0,0 +1,22 @@
+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 } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Container = forwardRef((props, ref) => {
+    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
+    const classes = clsx("mobius", "mobius/Container", otherProps.className);
+    return _jsx(Element, Object.assign({ ref: ref }, otherProps, { className: classes }));
+});
+Container.displayName = "Container";
+export { Container };
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAiBxB,MAAM,SAAS,GACb,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAiB,EAAE,EAAE;IACtD,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACnE,CAAC,CAAC,CAAC;AAEL,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Container } from ".";
+const CLASS_NAME = "mobius/Container";
+describe("Container", () => {
+    it("should render without errors", () => {
+        const component = render(_jsx(Container, { children: "test" }));
+        expect(component).toBeTruthy();
+    });
+    it("should use the provided elementType", () => {
+        var _a;
+        const component = render(_jsx(Container, Object.assign({ elementType: "span" }, { children: "test" })));
+        expect((_a = component.container.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("SPAN");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = render(_jsx(Container, { elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(Container, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(Container, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(Container, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Container.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.test.js","sourceRoot":"","sources":["../../../../src/components/Container/Container.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAE9B,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,SAAS,uBAAiB,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;;QAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,SAAS,kBAAC,WAAW,EAAC,MAAM,0BAAiB,CAAC,CAAC;QACzE,MAAM,CAAC,MAAA,SAAS,CAAC,SAAS,CAAC,iBAAiB,0CAAE,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,SAAS,iCAAa,MAAM,iCAAwB,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,SAAS,iCAAa,MAAM,iCAAwB,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,SAAS,kBAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEtC,CACb,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,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/esm/components/Container/index.js

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

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

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

package/dist/esm/components/DataTable/DataTable.js

@@ -0,0 +1,28 @@
+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 } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { TableLayout } from "./TableLayout";
+import { FlexLayout } from "./FlexLayout";
+import { TABLE_CLASS } from "./constants";
+const DataTable = forwardRef((props, ref) => {
+    const { layout = "table", className } = props, rest = __rest(props, ["layout", "className"]);
+    const classes = clsx(TABLE_CLASS, className);
+    if (layout === "flex") {
+        return _jsx(FlexLayout, Object.assign({ ref: ref, className: classes }, rest));
+    }
+    return _jsx(TableLayout, Object.assign({ ref: ref, className: className }, rest));
+});
+DataTable.displayName = "DataTable";
+export { DataTable };
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AAGlD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgB1C,MAAM,SAAS,GACb,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAiB,EAAE,EAAE;IACtD,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,uBAAwC,CAAQ,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,KAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;KAC/D;IAED,OAAO,KAAC,WAAW,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAM,IAAI,EAAI,CAAC;AACnE,CAAC,CAAC,CAAC;AAEL,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { DataTable } from ".";
+import { data, columns } from "./mockTableData";
+import { TABLE_BODY_CELL_CLASS, TABLE_CLASS, TABLE_HEAD_CELL_CLASS, } from "./constants";
+const props = {
+    data,
+    columns,
+};
+describe("DataTable", () => {
+    it("should render without errors", () => {
+        const component = render(_jsx(DataTable, Object.assign({}, props)));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius class", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(screen.getByTestId("test-id")).toHaveClass("mobius");
+        });
+        it("uses mobius/Table class", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
+        });
+        it("includes custom class name for table layout", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
+            expect(screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
+        });
+        it("includes custom class name for div layout", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { layout: "flex", "data-testid": "test-id", className: "my-class" })));
+            expect(screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(screen.getByTestId("test-id")).toHaveClass(TABLE_CLASS);
+        });
+        it("uses table head cell class name", () => {
+            render(_jsx(DataTable, Object.assign({}, props)));
+            expect(screen.getByRole("columnheader", {
+                name: /insurance cover/i,
+            })).toHaveClass(TABLE_HEAD_CELL_CLASS);
+        });
+        it("uses table body cell class name", () => {
+            render(_jsx(DataTable, Object.assign({}, props)));
+            expect(screen.getByRole("cell", {
+                name: /Stock/i,
+            })).toHaveClass(TABLE_BODY_CELL_CLASS);
+        });
+    });
+    describe("renders correct elements based on passed props", () => {
+        it("uses 'display:table-row' for rows by default", () => {
+            render(_jsx(DataTable, Object.assign({}, props)));
+            expect(screen.getAllByRole("row")[0]).toHaveStyle("display: table-row");
+        });
+        it("uses table head cells that are not clickable by default", () => {
+            render(_jsx(DataTable, Object.assign({}, props)));
+            const headCells = screen.getAllByRole("columnheader");
+            headCells.forEach(cell => {
+                expect(cell).not.toHaveAttribute("tabindex", "0");
+            });
+        });
+        it("uses 'display:block' when layout prop is set to flex", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { layout: "flex" })));
+            expect(screen.getAllByRole("row")[0]).toHaveStyle("display: block");
+        });
+        it("renders 'table' based container by default", () => {
+            const { container } = render(_jsx(DataTable, Object.assign({}, props)));
+            expect(container.querySelector("table.mobius")).not.toBeNull();
+            expect(container.querySelector("div.mobius")).toBeNull();
+        });
+        it("renders 'div' based container with renderAsDivs prop", () => {
+            const { container } = render(_jsx(DataTable, Object.assign({}, props, { layout: "flex" })));
+            expect(container.querySelector("div.mobius")).not.toBeNull();
+            expect(container.querySelector("table.mobius")).toBeNull();
+        });
+        it("adds sorting behaviour with sortable prop", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { isSortable: true })));
+            const headCells = screen.getAllByRole("columnheader");
+            const firstHeadCell = headCells[0];
+            expect(firstHeadCell).not.toHaveClass("sortedAsc");
+            expect(firstHeadCell).not.toHaveClass("sortedDesc");
+            fireEvent.click(firstHeadCell);
+            expect(firstHeadCell).toHaveClass("sortedAsc");
+            fireEvent.click(firstHeadCell);
+            expect(firstHeadCell).toHaveClass("sortedDesc");
+            headCells.forEach(cell => {
+                expect(cell).toHaveAttribute("tabindex", "0");
+            });
+        });
+    });
+    describe("Column and Row spanning", () => {
+        const testSpanData = {
+            lowest_excess: {
+                colspan: 2,
+                rowspan: 3,
+                targetValue: "£350",
+            },
+        };
+        it("adds span attrs to target cell with spanData prop", () => {
+            render(_jsx(DataTable, Object.assign({}, props, { spanData: testSpanData })));
+            const cell = screen.getByRole("cell", {
+                name: /£350/i,
+            });
+            expect(cell).toHaveAttribute("colspan", `${testSpanData.lowest_excess.colspan}`);
+            expect(cell).toHaveAttribute("aria-colspan", `${testSpanData.lowest_excess.colspan}`);
+            expect(cell).toHaveAttribute("rowspan", `${testSpanData.lowest_excess.rowspan}`);
+            expect(cell).toHaveAttribute("aria-rowspan", `${testSpanData.lowest_excess.rowspan}`);
+        });
+        it("doesn't render the cell if its value is undefined and 'spanData' provided", () => {
+            const testData = [
+                {
+                    insurance_cover: "Employers' liability",
+                    lowest_excess: "£250",
+                },
+            ];
+            render(_jsx(DataTable, Object.assign({}, props, { data: testData, spanData: testSpanData })));
+            const bodyCells = screen.getAllByRole("cell");
+            expect(bodyCells).toHaveLength(Object.keys(testData[0]).length);
+        });
+    });
+});
+//# sourceMappingURL=DataTable.test.js.map

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

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

package/dist/esm/components/DataTable/FlexLayout.js

@@ -0,0 +1,37 @@
+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 } from "react";
+import { useTable, useSortBy } from "react-table";
+import clsx from "clsx";
+import { TABLE_BODY_CELL_CLASS, TABLE_BODY_CLASS, TABLE_HEAD_CELL_CLASS, TABLE_HEAD_CLASS, TABLE_ROW_CLASS, } from "./constants";
+import { useHideColumns } from "../../hooks";
+import { getSortClasses, getSortableAttributes } from "./helpers";
+import { SortIcon } from "./SortIcon";
+const FlexLayout = forwardRef((props, ref) => {
+    const { className, columns, data, collapseData, isSortable, caption } = props, rest = __rest(props, ["className", "columns", "data", "collapseData", "isSortable", "caption"]);
+    const { getTableProps, headerGroups, rows, prepareRow, setHiddenColumns } = useTable({
+        columns,
+        data,
+    }, useSortBy);
+    useHideColumns(setHiddenColumns, collapseData);
+    return (_jsxs("div", Object.assign({ className: className, "aria-label": caption, ref: ref }, getTableProps(), rest, { children: [_jsx("div", Object.assign({ className: TABLE_HEAD_CLASS }, { children: headerGroups.map((headerGroup, index) => (_jsx("div", Object.assign({}, headerGroup.getHeaderGroupProps(), { className: TABLE_ROW_CLASS, "aria-rowindex": index + 1 }, { children: headerGroup.headers.map((column, idx) => {
+                        const sortClasses = getSortClasses(column);
+                        const headCellClasses = clsx(TABLE_HEAD_CELL_CLASS, sortClasses);
+                        return (_jsxs("div", Object.assign({}, column.getHeaderProps(isSortable && column.getSortByToggleProps()), { className: headCellClasses, "aria-colindex": idx + 1 }, (isSortable && getSortableAttributes()), { children: [_jsx("span", { children: column.render("Header") }), _jsx(SortIcon, { showPlaceholder: !isSortable, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc })] })));
+                    }) })))) })), _jsx("div", Object.assign({ role: "rowgroup", className: TABLE_BODY_CLASS }, { children: rows.map(row => {
+                    prepareRow(row);
+                    return (_jsx("div", Object.assign({}, row.getRowProps(), { className: TABLE_ROW_CLASS, role: "row", "aria-rowindex": row.index + 1 }, { children: row.cells.map((cell, idx) => (_jsx("div", Object.assign({}, cell.getCellProps(), { className: TABLE_BODY_CELL_CLASS, "aria-colindex": idx + 1 }, { children: _jsx("span", { children: cell.render("Cell") }) })))) })));
+                }) }))] })));
+});
+export { FlexLayout };
+//# sourceMappingURL=FlexLayout.js.map

package/dist/esm/components/DataTable/FlexLayout.js.map

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

package/dist/esm/components/DataTable/SortIcon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Icon } from "../Icon";
+import { TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS } from "./constants";
+export const SortIcon = ({ showPlaceholder = true, isSorted = false, isSortedDesc, descIcon = "chevronDown", ascIcon = "chevronUp", defaultIcon = "chevronUpDown", }) => {
+    if (showPlaceholder)
+        return _jsx("span", { className: TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS });
+    return (_jsx("span", { children: isSorted ? (_jsx(Icon, { name: isSortedDesc ? descIcon : ascIcon })) : (_jsx(Icon, { name: defaultIcon })) }));
+};
+//# sourceMappingURL=SortIcon.js.map

package/dist/esm/components/DataTable/SortIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.js","sourceRoot":"","sources":["../../../../src/components/DataTable/SortIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AAWrE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,eAAe,GAAG,IAAI,EACtB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,GAAG,aAAa,EACxB,OAAO,GAAG,WAAW,EACrB,WAAW,GAAG,eAAe,GACf,EAAE,EAAE;IAClB,IAAI,eAAe;QACjB,OAAO,eAAM,SAAS,EAAE,sCAAsC,GAAI,CAAC;IAErE,OAAO,CACL,yBACG,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CAC5B,GACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DataTable/TableLayout.js

@@ -0,0 +1,48 @@
+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 } from "react";
+import { useTable, useSortBy } from "react-table";
+import { Table } from "../Table";
+import { useHideColumns } from "../../hooks";
+import { getSortClasses, getSortableAttributes } from "./helpers";
+import { SortIcon } from "./SortIcon";
+const TableLayout = forwardRef((props, ref) => {
+    const { className, columns, data, collapseData, spanData, isSortable, caption } = props, rest = __rest(props, ["className", "columns", "data", "collapseData", "spanData", "isSortable", "caption"]);
+    const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, setHiddenColumns, } = useTable({
+        columns,
+        data,
+    }, useSortBy);
+    useHideColumns(setHiddenColumns, collapseData);
+    return (_jsxs(Table, Object.assign({ className: className, "aria-label": caption, ref: ref }, getTableProps(), rest, { children: [_jsx(Table.Head, { children: headerGroups.map((headerGroup, index) => (_jsx(Table.Row, Object.assign({}, headerGroup.getHeaderGroupProps(), { "aria-rowindex": index + 1 }, { children: headerGroup.headers.map((column, idx) => {
+                        const sortClasses = getSortClasses(column);
+                        return (_jsxs(Table.HeaderCell, Object.assign({}, column.getHeaderProps(isSortable && column.getSortByToggleProps()), { "aria-colindex": idx + 1, className: sortClasses }, (isSortable && getSortableAttributes()), { children: [_jsx("span", { children: column.render("Header") }), _jsx(SortIcon, { showPlaceholder: !isSortable, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc })] })));
+                    }) })))) }), _jsx(Table.Body, Object.assign({}, getTableBodyProps(), { children: rows.map(row => {
+                    prepareRow(row);
+                    return (_jsx(Table.Row, Object.assign({}, row.getRowProps(), { "aria-rowindex": row.index + 1 }, { children: row.cells.map((cell, idx) => {
+                            var _a;
+                            const accessor = cell.column.id;
+                            const isTargetCell = (spanData === null || spanData === void 0 ? void 0 : spanData[accessor]) &&
+                                ((_a = spanData === null || spanData === void 0 ? void 0 : spanData[accessor]) === null || _a === void 0 ? void 0 : _a.targetValue) === cell.value;
+                            if (isTargetCell) {
+                                const { colspan, rowspan, substValue, spanClass } = spanData[accessor];
+                                return (_jsx(Table.Cell, Object.assign({}, cell.getCellProps(), { "aria-colindex": idx + 1, colSpan: colspan, rowSpan: rowspan, "aria-colspan": colspan, "aria-rowspan": rowspan }, { children: _jsx("span", Object.assign({ className: spanClass }, { children: substValue || cell.render("Cell") })) })));
+                            }
+                            const isEmptyCell = !cell.value && spanData;
+                            if (isEmptyCell)
+                                return false;
+                            return (_jsx(Table.Cell, Object.assign({}, cell.getCellProps(), { "aria-colindex": idx + 1 }, { children: _jsx("span", { children: cell.render("Cell") }) })));
+                        }) })));
+                }) }))] })));
+});
+export { TableLayout };
+//# sourceMappingURL=TableLayout.js.map

package/dist/esm/components/DataTable/TableLayout.js.map

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

package/dist/esm/components/DataTable/constants.js

@@ -0,0 +1,8 @@
+export const TABLE_CLASS = "mobius mobius/Table";
+export const TABLE_HEAD_CLASS = "mobius mobius/TableHead";
+export const TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS = "mobius mobius/TableHeadSortIconPlaceholder";
+export const TABLE_ROW_CLASS = "mobius mobius/TableRow";
+export const TABLE_HEAD_CELL_CLASS = "mobius mobius/TableHeadCell";
+export const TABLE_BODY_CLASS = "mobius mobius/TableBody";
+export const TABLE_BODY_CELL_CLASS = "mobius mobius/TableBodyCell";
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/DataTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/DataTable/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAC1D,MAAM,CAAC,MAAM,sCAAsC,GACjD,4CAA4C,CAAC;AAC/C,MAAM,CAAC,MAAM,eAAe,GAAG,wBAAwB,CAAC;AACxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AACnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAC1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC"}

package/dist/esm/components/DataTable/helpers.js

@@ -0,0 +1,12 @@
+import clsx from "clsx";
+export function getSortClasses(column) {
+    return clsx({
+        sortedDesc: column.isSorted && column.isSortedDesc,
+        sortedAsc: column.isSorted && !column.isSortedDesc,
+    });
+}
+export const getSortableAttributes = () => ({
+    role: "columnheader",
+    tabIndex: 0,
+});
+//# sourceMappingURL=helpers.js.map

package/dist/esm/components/DataTable/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/DataTable/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,UAAU,cAAc,CAAC,MAAW;IACxC,OAAO,IAAI,CAAC;QACV,UAAU,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY;QAClD,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,YAAY;KACnD,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./DataTable";
+export * from "./types";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/DataTable/mockTableData.js

@@ -0,0 +1,32 @@
+export const data = [
+    {
+        insurance_cover: "Employers' liability",
+        lowest_excess: "£250",
+        highest_excess: "£2,500",
+    },
+    {
+        insurance_cover: "Public liability",
+        lowest_excess: "£350",
+        highest_excess: "£500",
+    },
+    {
+        insurance_cover: "Stock",
+        lowest_excess: "£100",
+        highest_excess: "£500",
+    },
+];
+export const columns = [
+    {
+        Header: "Insurance cover",
+        accessor: "insurance_cover",
+    },
+    {
+        Header: "Lowest excess",
+        accessor: "lowest_excess",
+    },
+    {
+        Header: "Highest excess",
+        accessor: "highest_excess",
+    },
+];
+//# sourceMappingURL=mockTableData.js.map

package/dist/esm/components/DataTable/mockTableData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockTableData.js","sourceRoot":"","sources":["../../../../src/components/DataTable/mockTableData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAkB;IACjC;QACE,eAAe,EAAE,sBAAsB;QACvC,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,QAAQ;KACzB;IACD;QACE,eAAe,EAAE,kBAAkB;QACnC,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,MAAM;KACvB;IACD;QACE,eAAe,EAAE,OAAO;QACxB,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,MAAM;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC5C;QACE,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,iBAAiB;KAC5B;IACD;QACE,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,eAAe;KAC1B;IACD;QACE,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,gBAAgB;KAC3B;CACF,CAAC"}

package/dist/esm/components/DataTable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/DataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/DataTable/types.ts"],"names":[],"mappings":""}