@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Chopin/TradeSelector/useTradeSelector/useTradeSelector.d.ts

@@ -0,0 +1,17 @@
+import { Key } from "react";
+import type { TradeProps, useTradeSelectorProps } from "..";
+declare const useTradeSelector: {
+    ({ minInput, urls, onTradeSelected, }: useTradeSelectorProps): {
+        inputValue: string;
+        isLoading: boolean;
+        trades: TradeProps[];
+        error: Error | undefined;
+        onInputChange: import("react").Dispatch<import("react").SetStateAction<string>>;
+        onSelectionChange: (value: Key) => void;
+        selectedTrade: TradeProps | undefined;
+        hasUserChangedMind: Boolean;
+        onUserChangedMind: () => void;
+    };
+    displayName: string;
+};
+export { useTradeSelector };

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTradeSelector = void 0;
+const react_1 = require("react");
+const data_1 = require("@react-stately/data");
+const useTradeSelector = ({ minInput, urls, onTradeSelected, }) => {
+    const [userInput, setUserInput] = (0, react_1.useState)("");
+    const [selectedTrade, setSelectedTrade] = (0, react_1.useState)(undefined);
+    const [hasUserChangedMind, setHasUserChangedMind] = (0, react_1.useState)(false);
+    const endpoint = `${urls.tradeApi}?q=${encodeURIComponent(userInput)}&site=${urls.quoteRedirect}`;
+    const list = (0, data_1.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);
+    (0, react_1.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,
+    };
+};
+exports.useTradeSelector = useTradeSelector;
+useTradeSelector.displayName = "useTradeSelector";
+//# sourceMappingURL=useTradeSelector.js.map

package/dist/cjs/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,iCAAiD;AACjD,8CAAmD;AAGnD,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,eAAe,GACO,EAAE,EAAE;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,SAAS,CACV,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAU,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,IAAA,mBAAY,EAAC;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,IAAA,iBAAS,EAAC,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;AAIO,4CAAgB;AAFzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,10 @@
+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";

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

@@ -0,0 +1,27 @@
+"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("./PercentageTotalsQuestion"), exports);
+__exportStar(require("./Question"), exports);
+__exportStar(require("./QuestionGroup"), exports);
+__exportStar(require("./Steps"), exports);
+__exportStar(require("./Section"), exports);
+__exportStar(require("./TradeSelector"), exports);
+__exportStar(require("./Footer"), exports);
+__exportStar(require("./Header"), exports);
+__exportStar(require("./Actions"), exports);
+__exportStar(require("./Testimonial"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Chopin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6DAA2C;AAC3C,6CAA2B;AAC3B,kDAAgC;AAChC,0CAAwB;AACxB,4CAA0B;AAC1B,kDAAgC;AAChC,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,gDAA8B"}

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

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

package/dist/cjs/components/Container/Container.js

@@ -0,0 +1,28 @@
+"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.Container = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Container = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Container", otherProps.className);
+    return (0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }));
+});
+exports.Container = Container;
+Container.displayName = "Container";
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAiBxB,MAAM,SAAS,GACb,IAAA,kBAAU,EAAC,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,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACnE,CAAC,CAAC,CAAC;AAGI,8BAAS;AADlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,39 @@
+"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 CLASS_NAME = "mobius/Container";
+describe("Container", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { children: "test" }));
+        expect(component).toBeTruthy();
+    });
+    it("should use the provided elementType", () => {
+        var _a;
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.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 } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, { elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, 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.Container, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Container, 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(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Container.test.js.map

package/dist/cjs/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,kDAAwD;AACxD,wBAA8B;AAE9B,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,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,IAAA,cAAM,EAAC,uBAAC,YAAS,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,IAAA,cAAM,EAAC,uBAAC,YAAS,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,IAAA,cAAM,EAAC,uBAAC,YAAS,iCAAa,MAAM,iCAAwB,CAAC,CAAC;YAC9D,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,YAAS,iCAAa,MAAM,iCAAwB,CAAC,CAAC;YAC9D,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,EACJ,uBAAC,YAAS,kBAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEtC,CACb,CAAC;YACF,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/Container/index.d.ts

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

package/dist/cjs/components/Container/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("./Container"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { Column } from "react-table";
+import { ForwardedRefComponent } from "../../types/components";
+import { SpanType, DataTableElementType, CollapseDataType, LayoutType } from "./types";
+export interface DataTableProps extends DOMProps, RefAttributes<DataTableElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    data: Array<object>;
+    columns: Array<Column<object>>;
+    layout?: LayoutType;
+    isSortable?: boolean;
+    spanData?: SpanType;
+    collapseData?: CollapseDataType;
+    caption?: string;
+}
+declare const DataTable: ForwardedRefComponent<DataTableProps, DataTableElementType>;
+export { DataTable };

package/dist/cjs/components/DataTable/DataTable.js

@@ -0,0 +1,34 @@
+"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.DataTable = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const TableLayout_1 = require("./TableLayout");
+const FlexLayout_1 = require("./FlexLayout");
+const constants_1 = require("./constants");
+const DataTable = (0, react_1.forwardRef)((props, ref) => {
+    const { layout = "table", className } = props, rest = __rest(props, ["layout", "className"]);
+    const classes = (0, clsx_1.default)(constants_1.TABLE_CLASS, className);
+    if (layout === "flex") {
+        return (0, jsx_runtime_1.jsx)(FlexLayout_1.FlexLayout, Object.assign({ ref: ref, className: classes }, rest));
+    }
+    return (0, jsx_runtime_1.jsx)(TableLayout_1.TableLayout, Object.assign({ ref: ref, className: className }, rest));
+});
+exports.DataTable = DataTable;
+DataTable.displayName = "DataTable";
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAGlD,gDAAwB;AAExB,+CAA4C;AAQ5C,6CAA0C;AAC1C,2CAA0C;AAgB1C,MAAM,SAAS,GACb,IAAA,kBAAU,EAAC,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,IAAA,cAAI,EAAC,uBAAW,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,uBAAC,uBAAU,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;KAC/D;IAED,OAAO,uBAAC,yBAAW,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAM,IAAI,EAAI,CAAC;AACnE,CAAC,CAAC,CAAC;AAGI,8BAAS;AADlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,121 @@
+"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 mockTableData_1 = require("./mockTableData");
+const constants_1 = require("./constants");
+const props = {
+    data: mockTableData_1.data,
+    columns: mockTableData_1.columns,
+};
+describe("DataTable", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props)));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass("mobius");
+        });
+        it("uses mobius/Table class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass(constants_1.TABLE_CLASS);
+        });
+        it("includes custom class name for table layout", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass(constants_1.TABLE_CLASS);
+        });
+        it("includes custom class name for div layout", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { layout: "flex", "data-testid": "test-id", className: "my-class" })));
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test-id")).toHaveClass(constants_1.TABLE_CLASS);
+        });
+        it("uses table head cell class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props)));
+            expect(react_1.screen.getByRole("columnheader", {
+                name: /insurance cover/i,
+            })).toHaveClass(constants_1.TABLE_HEAD_CELL_CLASS);
+        });
+        it("uses table body cell class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props)));
+            expect(react_1.screen.getByRole("cell", {
+                name: /Stock/i,
+            })).toHaveClass(constants_1.TABLE_BODY_CELL_CLASS);
+        });
+    });
+    describe("renders correct elements based on passed props", () => {
+        it("uses 'display:table-row' for rows by default", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props)));
+            expect(react_1.screen.getAllByRole("row")[0]).toHaveStyle("display: table-row");
+        });
+        it("uses table head cells that are not clickable by default", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props)));
+            const headCells = react_1.screen.getAllByRole("columnheader");
+            headCells.forEach(cell => {
+                expect(cell).not.toHaveAttribute("tabindex", "0");
+            });
+        });
+        it("uses 'display:block' when layout prop is set to flex", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { layout: "flex" })));
+            expect(react_1.screen.getAllByRole("row")[0]).toHaveStyle("display: block");
+        });
+        it("renders 'table' based container by default", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.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 } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.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", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { isSortable: true })));
+            const headCells = react_1.screen.getAllByRole("columnheader");
+            const firstHeadCell = headCells[0];
+            expect(firstHeadCell).not.toHaveClass("sortedAsc");
+            expect(firstHeadCell).not.toHaveClass("sortedDesc");
+            react_1.fireEvent.click(firstHeadCell);
+            expect(firstHeadCell).toHaveClass("sortedAsc");
+            react_1.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", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { spanData: testSpanData })));
+            const cell = react_1.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",
+                },
+            ];
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, props, { data: testData, spanData: testSpanData })));
+            const bodyCells = react_1.screen.getAllByRole("cell");
+            expect(bodyCells).toHaveLength(Object.keys(testData[0]).length);
+        });
+    });
+});
+//# sourceMappingURL=DataTable.test.js.map

package/dist/cjs/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":";;;AAAA,kDAAmE;AACnE,wBAA8B;AAC9B,mDAAgD;AAChD,2CAIqB;AAErB,MAAM,KAAK,GAAG;IACZ,IAAI,EAAJ,oBAAI;IACJ,OAAO,EAAP,uBAAO;CACR,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,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,YAAS,oBAAK,KAAK,mBAAc,SAAS,IAAG,CAAC,CAAC;YACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACjC,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,mBAAc,SAAS,IAAG,CAAC,CAAC;YACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,uBAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,IAAA,cAAM,EACJ,uBAAC,YAAS,oBAAK,KAAK,mBAAc,SAAS,EAAC,SAAS,EAAC,UAAU,IAAG,CACpE,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,uBAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EACJ,uBAAC,YAAS,oBACJ,KAAK,IACT,MAAM,EAAC,MAAM,iBACD,SAAS,EACrB,SAAS,EAAC,UAAU,IACpB,CACH,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,uBAAW,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACzC,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,cAAc,EAAE;gBAC/B,IAAI,EAAE,kBAAkB;aACzB,CAAC,CACH,CAAC,WAAW,CAAC,iCAAqB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YACzC,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,MAAM,EAAE;gBACvB,IAAI,EAAE,QAAQ;aACf,CAAC,CACH,CAAC,WAAW,CAAC,iCAAqB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC9D,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,CAAC,cAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACjC,MAAM,SAAS,GAAG,cAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;YACtD,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,IAAE,MAAM,EAAC,MAAM,IAAG,CAAC,CAAC;YAC/C,MAAM,CAAC,cAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;YACvD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,IAAE,MAAM,EAAC,MAAM,IAAG,CAAC,CAAC;YACrE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAC7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,IAAE,UAAU,UAAG,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,cAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;YACtD,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAEnC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpD,iBAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAC/B,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YAC/C,iBAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAC/B,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAChD,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG;YACnB,aAAa,EAAE;gBACb,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;gBACV,WAAW,EAAE,MAAM;aACpB;SACF,CAAC;QAEF,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,IAAE,QAAQ,EAAE,YAAY,IAAI,CAAC,CAAC;YACzD,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,MAAM,EAAE;gBACpC,IAAI,EAAE,OAAO;aACd,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,SAAS,EACT,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,cAAc,EACd,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,SAAS,EACT,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAC1B,cAAc,EACd,GAAG,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,CACxC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2EAA2E,EAAE,GAAG,EAAE;YACnF,MAAM,QAAQ,GAAG;gBACf;oBACE,eAAe,EAAE,sBAAsB;oBACvC,aAAa,EAAE,MAAM;iBACtB;aACF,CAAC;YAEF,IAAA,cAAM,EAAC,uBAAC,YAAS,oBAAK,KAAK,IAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,IAAI,CAAC,CAAC;YACzE,MAAM,SAAS,GAAG,cAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/DataTable/FlexLayout.d.ts

@@ -0,0 +1,5 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { CommonTableProps, DataTableElementType } from "./types";
+export declare type FlexBasedTableProps = CommonTableProps;
+declare const FlexLayout: ForwardedRefComponent<FlexBasedTableProps, DataTableElementType>;
+export { FlexLayout };

package/dist/cjs/components/DataTable/FlexLayout.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.FlexLayout = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_table_1 = require("react-table");
+const clsx_1 = __importDefault(require("clsx"));
+const constants_1 = require("./constants");
+const hooks_1 = require("../../hooks");
+const helpers_1 = require("./helpers");
+const SortIcon_1 = require("./SortIcon");
+const FlexLayout = (0, react_1.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 } = (0, react_table_1.useTable)({
+        columns,
+        data,
+    }, react_table_1.useSortBy);
+    (0, hooks_1.useHideColumns)(setHiddenColumns, collapseData);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className, "aria-label": caption, ref: ref }, getTableProps(), rest, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: constants_1.TABLE_HEAD_CLASS }, { children: headerGroups.map((headerGroup, index) => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, headerGroup.getHeaderGroupProps(), { className: constants_1.TABLE_ROW_CLASS, "aria-rowindex": index + 1 }, { children: headerGroup.headers.map((column, idx) => {
+                        const sortClasses = (0, helpers_1.getSortClasses)(column);
+                        const headCellClasses = (0, clsx_1.default)(constants_1.TABLE_HEAD_CELL_CLASS, sortClasses);
+                        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, column.getHeaderProps(isSortable && column.getSortByToggleProps()), { className: headCellClasses, "aria-colindex": idx + 1 }, (isSortable && (0, helpers_1.getSortableAttributes)()), { children: [(0, jsx_runtime_1.jsx)("span", { children: column.render("Header") }), (0, jsx_runtime_1.jsx)(SortIcon_1.SortIcon, { showPlaceholder: !isSortable, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc })] })));
+                    }) })))) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ role: "rowgroup", className: constants_1.TABLE_BODY_CLASS }, { children: rows.map(row => {
+                    prepareRow(row);
+                    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, row.getRowProps(), { className: constants_1.TABLE_ROW_CLASS, role: "row", "aria-rowindex": row.index + 1 }, { children: row.cells.map((cell, idx) => ((0, jsx_runtime_1.jsx)("div", Object.assign({}, cell.getCellProps(), { className: constants_1.TABLE_BODY_CELL_CLASS, "aria-colindex": idx + 1 }, { children: (0, jsx_runtime_1.jsx)("span", { children: cell.render("Cell") }) })))) })));
+                }) }))] })));
+});
+exports.FlexLayout = FlexLayout;
+//# sourceMappingURL=FlexLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexLayout.js","sourceRoot":"","sources":["../../../../src/components/DataTable/FlexLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,6CAAkD;AAClD,gDAAwB;AAExB,2CAMqB;AAErB,uCAA6C;AAC7C,uCAAkE;AAClE,yCAAsC;AAItC,MAAM,UAAU,GAGZ,IAAA,kBAAU,EAAC,CAAC,KAA0B,EAAE,GAAiB,EAAE,EAAE;IAC/D,MAAM,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EARH,yEAQL,CAAQ,CAAC;IAEV,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACvE,IAAA,sBAAQ,EACN;QACE,OAAO;QACP,IAAI;KACL,EACD,uBAAS,CACV,CAAC;IAEJ,IAAA,sBAAc,EAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAE/C,OAAO,CACL,+CACE,SAAS,EAAE,SAAS,gBACR,OAAO,EACnB,GAAG,EAAE,GAAG,IACJ,aAAa,EAAE,EACf,IAAI,eAER,8CAAK,SAAS,EAAE,4BAAgB,gBAC7B,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,gDACM,WAAW,CAAC,mBAAmB,EAAE,IACrC,SAAS,EAAE,2BAAe,mBACX,KAAK,GAAG,CAAC,gBAEvB,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,EAAE,EAAE;wBAC5C,MAAM,WAAW,GAAG,IAAA,wBAAc,EAAC,MAAM,CAAC,CAAC;wBAC3C,MAAM,eAAe,GAAG,IAAA,cAAI,EAAC,iCAAqB,EAAE,WAAW,CAAC,CAAC;wBACjE,OAAO,CACL,iDACM,MAAM,CAAC,cAAc,CACvB,UAAU,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAC5C,IACD,SAAS,EAAE,eAAe,mBACX,GAAG,GAAG,CAAC,IAClB,CAAC,UAAU,IAAI,IAAA,+BAAqB,GAAE,CAAC,eAE3C,2CAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAQ,EACtC,uBAAC,mBAAQ,IACP,eAAe,EAAE,CAAC,UAAU,EAC5B,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,YAAY,EAAE,MAAM,CAAC,YAAY,GACjC,KACE,CACP,CAAC;oBACJ,CAAC,CAAC,IACE,CACP,CAAC,IACE,EACN,8CAAK,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,4BAAgB,gBAC7C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBACd,UAAU,CAAC,GAAG,CAAC,CAAC;oBAChB,OAAO,CACL,gDACM,GAAG,CAAC,WAAW,EAAE,IACrB,SAAS,EAAE,2BAAe,EAC1B,IAAI,EAAC,KAAK,mBACK,GAAG,CAAC,KAAK,GAAG,CAAC,gBAE3B,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,gDACM,IAAI,CAAC,YAAY,EAAE,IACvB,SAAS,EAAE,iCAAqB,mBACjB,GAAG,GAAG,CAAC,gBAEtB,2CAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAQ,IAC9B,CACP,CAAC,IACE,CACP,CAAC;gBACJ,CAAC,CAAC,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,gCAAU"}

package/dist/cjs/components/DataTable/SortIcon.d.ts

@@ -0,0 +1,10 @@
+import type { IconName } from "@simplybusiness/icons";
+export declare type SortIconProps = {
+    showPlaceholder?: boolean;
+    isSorted?: boolean;
+    isSortedDesc?: boolean;
+    descIcon?: IconName;
+    ascIcon?: IconName;
+    defaultIcon?: IconName;
+};
+export declare const SortIcon: ({ showPlaceholder, isSorted, isSortedDesc, descIcon, ascIcon, defaultIcon, }: SortIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortIcon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Icon_1 = require("../Icon");
+const constants_1 = require("./constants");
+const SortIcon = ({ showPlaceholder = true, isSorted = false, isSortedDesc, descIcon = "chevronDown", ascIcon = "chevronUp", defaultIcon = "chevronUpDown", }) => {
+    if (showPlaceholder)
+        return (0, jsx_runtime_1.jsx)("span", { className: constants_1.TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS });
+    return ((0, jsx_runtime_1.jsx)("span", { children: isSorted ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: isSortedDesc ? descIcon : ascIcon })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: defaultIcon })) }));
+};
+exports.SortIcon = SortIcon;
+//# sourceMappingURL=SortIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.js","sourceRoot":"","sources":["../../../../src/components/DataTable/SortIcon.tsx"],"names":[],"mappings":";;;;AACA,kCAA+B;AAC/B,2CAAqE;AAW9D,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,iCAAM,SAAS,EAAE,kDAAsC,GAAI,CAAC;IAErE,OAAO,CACL,2CACG,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,WAAI,IAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CAC5B,GACI,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB"}

package/dist/cjs/components/DataTable/TableLayout.d.ts

@@ -0,0 +1,7 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { SpanType, DataTableElementType, CommonTableProps } from "./types";
+export interface TableLayoutProps extends CommonTableProps {
+    spanData?: SpanType;
+}
+declare const TableLayout: ForwardedRefComponent<TableLayoutProps, DataTableElementType>;
+export { TableLayout };

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

@@ -0,0 +1,51 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableLayout = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_table_1 = require("react-table");
+const Table_1 = require("../Table");
+const hooks_1 = require("../../hooks");
+const helpers_1 = require("./helpers");
+const SortIcon_1 = require("./SortIcon");
+const TableLayout = (0, react_1.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, } = (0, react_table_1.useTable)({
+        columns,
+        data,
+    }, react_table_1.useSortBy);
+    (0, hooks_1.useHideColumns)(setHiddenColumns, collapseData);
+    return ((0, jsx_runtime_1.jsxs)(Table_1.Table, Object.assign({ className: className, "aria-label": caption, ref: ref }, getTableProps(), rest, { children: [(0, jsx_runtime_1.jsx)(Table_1.Table.Head, { children: headerGroups.map((headerGroup, index) => ((0, jsx_runtime_1.jsx)(Table_1.Table.Row, Object.assign({}, headerGroup.getHeaderGroupProps(), { "aria-rowindex": index + 1 }, { children: headerGroup.headers.map((column, idx) => {
+                        const sortClasses = (0, helpers_1.getSortClasses)(column);
+                        return ((0, jsx_runtime_1.jsxs)(Table_1.Table.HeaderCell, Object.assign({}, column.getHeaderProps(isSortable && column.getSortByToggleProps()), { "aria-colindex": idx + 1, className: sortClasses }, (isSortable && (0, helpers_1.getSortableAttributes)()), { children: [(0, jsx_runtime_1.jsx)("span", { children: column.render("Header") }), (0, jsx_runtime_1.jsx)(SortIcon_1.SortIcon, { showPlaceholder: !isSortable, isSorted: column.isSorted, isSortedDesc: column.isSortedDesc })] })));
+                    }) })))) }), (0, jsx_runtime_1.jsx)(Table_1.Table.Body, Object.assign({}, getTableBodyProps(), { children: rows.map(row => {
+                    prepareRow(row);
+                    return ((0, jsx_runtime_1.jsx)(Table_1.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 ((0, jsx_runtime_1.jsx)(Table_1.Table.Cell, Object.assign({}, cell.getCellProps(), { "aria-colindex": idx + 1, colSpan: colspan, rowSpan: rowspan, "aria-colspan": colspan, "aria-rowspan": rowspan }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: spanClass }, { children: substValue || cell.render("Cell") })) })));
+                            }
+                            const isEmptyCell = !cell.value && spanData;
+                            if (isEmptyCell)
+                                return false;
+                            return ((0, jsx_runtime_1.jsx)(Table_1.Table.Cell, Object.assign({}, cell.getCellProps(), { "aria-colindex": idx + 1 }, { children: (0, jsx_runtime_1.jsx)("span", { children: cell.render("Cell") }) })));
+                        }) })));
+                }) }))] })));
+});
+exports.TableLayout = TableLayout;
+//# sourceMappingURL=TableLayout.js.map

package/dist/cjs/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/cjs/components/DataTable/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const TABLE_CLASS = "mobius mobius/Table";
+export declare const TABLE_HEAD_CLASS = "mobius mobius/TableHead";
+export declare const TABLE_HEAD_SORT_ICON_PLACEHOLDER_CLASS = "mobius mobius/TableHeadSortIconPlaceholder";
+export declare const TABLE_ROW_CLASS = "mobius mobius/TableRow";
+export declare const TABLE_HEAD_CELL_CLASS = "mobius mobius/TableHeadCell";
+export declare const TABLE_BODY_CLASS = "mobius mobius/TableBody";
+export declare const TABLE_BODY_CELL_CLASS = "mobius mobius/TableBodyCell";