@simplybusiness/mobius 3.0.0

package/dist/esm/components/Chopin/TradeSelector/ComboBox/ComboBox.test.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Section, Item } from "@react-stately/collections";
+import { ComboBox } from ".";
+const CONTAINER_CLASS_NAME = "chopin/ComboBoxInputContainer";
+const INPUT_CLASS_NAME = "chopin/ComboBoxInput";
+const LISTBOX_CLASS_NAME = "chopin/ListBoxSection";
+const LISTBOX_HEADING_CLASS_NAME = "chopin/ListBoxSectionHeading";
+const LISTBOX_LIST_CLASS_NAME = "chopin/ListBoxSectionList";
+const LISTBOX_OPTION_CLASS_NAME = "chopin/TradeSelectorOption";
+describe("ComboBox", () => {
+    it("should render without errors", async () => {
+        const sampleContent = "Sample text";
+        render(_jsx(ComboBox, Object.assign({ label: "Test" }, { children: _jsx(Item, { children: sampleContent }) })));
+        await userEvent.tab();
+        await userEvent.keyboard("[Alt][ArrowDown]");
+        expect(screen.getByText(sampleContent)).toBeInTheDocument();
+    });
+    it("should render with class names", () => {
+        render(_jsx(ComboBox, Object.assign({ label: "Test" }, { children: _jsx(Item, { children: "Sample text" }) })));
+        const input = screen.getByRole("combobox");
+        expect(input.parentElement).toHaveClass(CONTAINER_CLASS_NAME);
+        expect(input).toHaveClass(INPUT_CLASS_NAME);
+    });
+    // NOTE: testing ListBox in isolation, requires complicated state mocking.
+    // ComboBox uses ListBox and provides it with a generated state object.
+    describe("nested ListBox", () => {
+        it("should render with class names", async () => {
+            const firstSection = "First section";
+            const firstItem = "First item";
+            const secondSection = "Second section";
+            const secondItem = "Second item";
+            const EXPECTED_NUMBER_OF_SECTIONS = 2;
+            const EXPECTED_NUMBER_OF_GROUPS = 2;
+            const EXPECTED_NUMBER_OF_ITEMS = 2;
+            render(_jsxs(ComboBox, Object.assign({ label: "Test" }, { children: [_jsx(Section, Object.assign({ title: firstSection }, { children: _jsx(Item, { children: firstItem }) })), _jsx(Section, Object.assign({ title: secondSection }, { children: _jsx(Item, { children: secondItem }) }))] })));
+            await userEvent.tab();
+            await userEvent.keyboard("[Alt][ArrowDown]");
+            const sections = screen.queryAllByRole("presentation");
+            const groups = screen.queryAllByRole("group");
+            const items = screen.queryAllByRole("option");
+            const heading = sections[0].firstChild;
+            expect(sections.length).toBe(EXPECTED_NUMBER_OF_SECTIONS);
+            expect(groups.length).toBe(EXPECTED_NUMBER_OF_GROUPS);
+            expect(items.length).toBe(EXPECTED_NUMBER_OF_ITEMS);
+            expect(sections[0]).toHaveClass(LISTBOX_CLASS_NAME);
+            expect(groups[0]).toHaveClass(LISTBOX_LIST_CLASS_NAME);
+            expect(items[0]).toHaveClass(LISTBOX_OPTION_CLASS_NAME);
+            expect(heading).toHaveClass(LISTBOX_HEADING_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=ComboBox.test.js.map

package/dist/esm/components/Chopin/TradeSelector/ComboBox/ComboBox.test.js.map

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useListBox } from "@react-aria/listbox";
+import { ListBoxSection } from "./ListBoxSection";
+import { Option } from "./Option";
+const ListBox = (props) => {
+    const ref = useRef(null);
+    const { listBoxRef = ref, state } = props;
+    const { listBoxProps } = useListBox(props, state, listBoxRef);
+    return (_jsx("ul", Object.assign({}, listBoxProps, { ref: listBoxRef, className: "chopin/ListBox" }, { children: [...state.collection].map(item => item.type === "section" ? (_jsx(ListBoxSection, { section: item, state: state }, item.key)) : (_jsx(Option, { item: item, state: state }, item.key))) })));
+};
+export { ListBox };
+//# sourceMappingURL=ListBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/ListBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAa,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAQ,YAAY,IAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,gBAC9D,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAChC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,KAAC,cAAc,IAAgB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAArC,IAAI,CAAC,GAAG,CAAiC,CAC/D,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CACpD,CACF,IACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/ListBox/ListBoxSection.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useListBoxSection } from "@react-aria/listbox";
+import { Option } from "./Option";
+const ListBoxSection = ({ section, state }) => {
+    const { itemProps, headingProps, groupProps } = useListBoxSection({
+        heading: section.rendered,
+        "aria-label": section["aria-label"],
+    });
+    return (_jsxs("li", Object.assign({}, itemProps, { className: "chopin/ListBoxSection" }, { children: [section.rendered && (_jsx("span", Object.assign({}, headingProps, { className: "chopin/ListBoxSectionHeading" }, { children: section.rendered }))), _jsx("ul", Object.assign({}, groupProps, { className: "chopin/ListBoxSectionList" }, { children: [...section.childNodes].map(node => (_jsx(Option, { item: node, state: state }, node.key))) }))] })));
+};
+export { ListBoxSection };
+//# sourceMappingURL=ListBoxSection.js.map

package/dist/esm/components/Chopin/TradeSelector/ListBox/ListBoxSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/ListBoxSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC;QAChE,OAAO,EAAE,OAAO,CAAC,QAAQ;QACzB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAQ,SAAS,IAAE,SAAS,EAAC,uBAAuB,iBACjD,OAAO,CAAC,QAAQ,IAAI,CACnB,+BAAU,YAAY,IAAE,SAAS,EAAC,8BAA8B,gBAC7D,OAAO,CAAC,QAAQ,IACZ,CACR,EACD,6BAAQ,UAAU,IAAE,SAAS,EAAC,2BAA2B,gBACtD,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACnC,KAAC,MAAM,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CACpD,CAAC,IACC,KACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/ListBox/Option.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useOption } from "@react-aria/listbox";
+import clsx from "clsx";
+const Option = ({ item, state }) => {
+    const ref = useRef(null);
+    const { optionProps, isSelected, isFocused, isDisabled } = useOption({ key: item.key }, state, ref);
+    const classes = clsx("chopin/TradeSelectorOption", {
+        "--is-selected": isSelected,
+        "--is-focused": isFocused,
+        "--is-disabled": isDisabled,
+    });
+    return (_jsx("li", Object.assign({}, optionProps, { ref: ref, className: classes }, { children: item.rendered })));
+};
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/esm/components/Chopin/TradeSelector/ListBox/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/ListBox/Option.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAe,EAAE,EAAE;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,SAAS,CAClE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EACjB,KAAK,EACL,GAAG,CACJ,CAAC;IAEF,MAAM,OAAO,GAAG,IAAI,CAAC,4BAA4B,EAAE;QACjD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAQ,WAAW,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAC9C,IAAI,CAAC,QAAQ,IACX,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useOverlay, DismissButton } from "@react-aria/overlays";
+import { FocusScope } from "@react-aria/focus";
+const Popover = (props) => {
+    const ref = useRef(null);
+    const { popoverRef = ref, isOpen, onClose, children } = props;
+    // Handle events that should cause the popup to close,
+    // e.g. blur, clicking outside, or pressing the escape key.
+    const { overlayProps } = useOverlay({
+        isOpen,
+        onClose,
+        shouldCloseOnBlur: true,
+        isDismissable: true,
+    }, popoverRef);
+    // Add a hidden <DismissButton> component at the end of the popover
+    // to allow screen reader users to dismiss the popup easily.
+    return (_jsx(FocusScope, Object.assign({ restoreFocus: true }, { children: _jsxs("div", Object.assign({}, overlayProps, { ref: popoverRef, className: "chopin/Popover" }, { children: [children, _jsx(DismissButton, { onDismiss: onClose })] })) })));
+};
+export { Popover };
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Popover/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAwB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAW/C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,GAAG,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9D,sDAAsD;IACtD,2DAA2D;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CACjC;QACE,MAAM;QACN,OAAO;QACP,iBAAiB,EAAE,IAAI;QACvB,aAAa,EAAE,IAAI;KACpB,EACD,UAAU,CACX,CAAC;IAEF,mEAAmE;IACnE,4DAA4D;IAC5D,OAAO,CACL,KAAC,UAAU,kBAAC,YAAY,sBACtB,+BAAS,YAAY,IAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,iBAC/D,QAAQ,EACT,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,GAAI,KACjC,IACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/Popover/Popover.test.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Popover } from ".";
+const POPOVER_CLASS_NAME = "chopin/Popover";
+describe("Popover", () => {
+    it("should render without errors", () => {
+        render(_jsx(Popover, { children: _jsx("li", { children: "Item" }) }));
+        expect(screen.getByText("Item")).toBeInTheDocument();
+    });
+    it("should render with class names", () => {
+        render(_jsx(Popover, { children: _jsx("li", { children: "Item" }) }));
+        const innerContainer = screen.getByText("Item").parentElement;
+        expect(innerContainer).toHaveClass(POPOVER_CLASS_NAME);
+    });
+});
+//# sourceMappingURL=Popover.test.js.map

package/dist/esm/components/Chopin/TradeSelector/Popover/Popover.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Popover/Popover.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,OAAO,cACN,gCAAa,GACL,CACX,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CACJ,KAAC,OAAO,cACN,gCAAa,GACL,CACX,CAAC;QAEF,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC;QAE9D,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Item, Section } from "@react-stately/collections";
+import { ComboBox } from "../ComboBox";
+export const SearchResults = ({ inputValue, items, labels, fieldProps, describedBy, fallbackUrl, onInputChange, onSelectionChange, label, }) => (_jsx(ComboBox, Object.assign({ inputValue: inputValue, onInputChange: onInputChange, disabledKeys: [labels.noResults], items: items, onSelectionChange: onSelectionChange, "aria-describedby": describedBy, fieldProps: fieldProps, label: label, placeholder: labels.placeholder }, { children: section => {
+        const { name, title, children: sectionChildren } = section;
+        const noResults = items.find(item => item.name === labels.noResults);
+        if (noResults) {
+            return (_jsx(Item, Object.assign({ textValue: labels.noResults }, { children: _jsx("a", Object.assign({ href: fallbackUrl, className: "chopin/ListBoxSectionHeadingLink" }, { children: labels.noResults })) }), labels.noResults));
+        }
+        return (_jsx(Section, Object.assign({ items: sectionChildren, title: title }, { children: item => {
+                const { value, label: itemLabel } = item;
+                return (_jsx(Item, Object.assign({ textValue: value }, { children: _jsx("span", { className: "chopin/TradeSelectorOptionContent", 
+                        // eslint-disable-next-line react/no-danger
+                        dangerouslySetInnerHTML: { __html: itemLabel } }) }), value));
+            } }), name));
+    } })));
+//# sourceMappingURL=SearchResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SearchResults/SearchResults.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAevC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,GACc,EAAE,EAAE,CAAC,CACxB,KAAC,QAAQ,kBACP,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,MAAM,CAAC,SAAmB,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,sBAClB,WAAW,EAC7B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,MAAM,CAAC,WAAW,gBAE9B,OAAO,CAAC,EAAE;QACT,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;QAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC;QAErE,IAAI,SAAS,EAAE;YACb,OAAO,CACL,KAAC,IAAI,kBAAwB,SAAS,EAAE,MAAM,CAAC,SAAS,gBACtD,0BAAG,IAAI,EAAE,WAAW,EAAE,SAAS,EAAC,kCAAkC,gBAC/D,MAAM,CAAC,SAAS,IACf,KAHK,MAAM,CAAC,SAAS,CAIpB,CACR,CAAC;SACH;QAED,OAAO,CACL,KAAC,OAAO,kBAAY,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,gBACrD,IAAI,CAAC,EAAE;gBACN,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAkB,CAAC;gBAEvD,OAAO,CACL,KAAC,IAAI,kBAAa,SAAS,EAAE,KAAK,gBAChC,eACE,SAAS,EAAC,mCAAmC;wBAC7C,2CAA2C;wBAC3C,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC9C,KALO,KAAK,CAMT,CACR,CAAC;YACJ,CAAC,KAbW,IAAI,CAcR,CACX,CAAC;IACJ,CAAC,IACQ,CACZ,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { SearchResults } from ".";
+import { exactResults, suggestedResults } from "../mockApiResults";
+const defaultLabels = {
+    input: "",
+    exact: "Exact matches",
+    suggested: "Suggested matches",
+    loading: "",
+    noResults: "View all trades",
+    description: "",
+    placeholder: "",
+};
+const mockedTrades = [
+    {
+        name: "exact",
+        title: defaultLabels.exact,
+        children: [...exactResults],
+    },
+    {
+        name: "suggested",
+        title: defaultLabels.suggested,
+        children: [...suggestedResults],
+    },
+];
+const fallbackUrl = "https://www.example.com/";
+describe("SearchResults", () => {
+    beforeAll(() => {
+        // Suppress the following warning
+        // If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility
+        jest.spyOn(console, "warn").mockImplementation(jest.fn());
+    });
+    describe("given items list contain no results item", () => {
+        it("displays no results label with fallback url", async () => {
+            const props = {
+                inputValue: "",
+                items: [
+                    {
+                        name: defaultLabels.noResults,
+                        title: defaultLabels.noResults,
+                        children: [],
+                    },
+                ],
+                labels: Object.assign(Object.assign({}, defaultLabels), { noResults: defaultLabels.noResults }),
+                fallbackUrl,
+                onInputChange: () => { },
+                onSelectionChange: () => { },
+            };
+            render(_jsx(SearchResults, Object.assign({}, props)));
+            await userEvent.tab();
+            await userEvent.keyboard("[Alt][ArrowDown]");
+            expect(screen.getByText(defaultLabels.noResults)).toHaveAttribute("href", fallbackUrl);
+        });
+    });
+    describe("given a list of trades", () => {
+        it("displays the trades grouped by exact and suggested matches", async () => {
+            const props = {
+                inputValue: "",
+                items: mockedTrades,
+                labels: defaultLabels,
+                fallbackUrl: "https://www.example.com/",
+                onInputChange: () => { },
+                onSelectionChange: () => { },
+            };
+            const exactResultTrade = "Swimming pool installers";
+            const suggestedResultTrade = "Fitness instructor";
+            const { container } = render(_jsx(SearchResults, Object.assign({}, props)));
+            await userEvent.tab();
+            await userEvent.keyboard("[Alt][ArrowDown]");
+            expect(screen.getByText(defaultLabels.exact)).toBeInTheDocument();
+            expect(container.querySelector(`[data-key='${exactResultTrade}']`)).toBeInTheDocument();
+            expect(screen.getByText(defaultLabels.suggested)).toBeInTheDocument();
+            expect(container.querySelector(`[data-key='${suggestedResultTrade}']`)).toBeInTheDocument();
+        });
+    });
+    describe("given input value changes", () => {
+        it("onInputChange prop is invoked", () => {
+            const onInputChangeHandler = jest.fn();
+            const props = {
+                inputValue: "",
+                items: mockedTrades,
+                labels: defaultLabels,
+                fallbackUrl: "https://www.example.com/",
+                onInputChange: onInputChangeHandler,
+                onSelectionChange: () => { },
+            };
+            render(_jsx(SearchResults, Object.assign({}, props)));
+            const input = screen.getByRole("combobox");
+            fireEvent.change(input, { target: { value: "New text" } });
+            expect(onInputChangeHandler).toHaveBeenCalled();
+        });
+    });
+    describe("given user selection value changes", () => {
+        it("onSelectionChange prop is invoked", async () => {
+            const onSelectionChangeHandler = jest.fn();
+            const props = {
+                inputValue: "",
+                items: mockedTrades,
+                labels: defaultLabels,
+                fallbackUrl: "https://www.example.com/",
+                onInputChange: () => { },
+                onSelectionChange: onSelectionChangeHandler,
+            };
+            const { container } = render(_jsx(SearchResults, Object.assign({}, props)));
+            await userEvent.tab();
+            await userEvent.keyboard("[Alt][ArrowDown]");
+            const option = container.querySelector(`[data-key='Swimming pool installers']`);
+            fireEvent.click(option);
+            expect(onSelectionChangeHandler).toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=SearchResults.test.js.map

package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SearchResults/SearchResults.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,iBAAiB;IAC5B,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,QAAQ,EAAE,CAAC,GAAG,YAAY,CAAC;KAC5B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,aAAa,CAAC,SAAS;QAC9B,QAAQ,EAAE,CAAC,GAAG,gBAAgB,CAAC;KAChC;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,0BAA0B,CAAC;AAE/C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,iCAAiC;QACjC,uHAAuH;QACvH,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACxD,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;YAC3D,MAAM,KAAK,GAAG;gBACZ,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,aAAa,CAAC,SAAS;wBAC7B,KAAK,EAAE,aAAa,CAAC,SAAS;wBAC9B,QAAQ,EAAE,EAAE;qBACb;iBACF;gBACD,MAAM,kCACD,aAAa,KAChB,SAAS,EAAE,aAAa,CAAC,SAAS,GACnC;gBACD,WAAW;gBACX,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;gBACvB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;aAC5B,CAAC;YAEF,MAAM,CAAC,KAAC,aAAa,oBAAK,KAAK,EAAI,CAAC,CAAC;YAErC,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;YAEtB,MAAM,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;YAE7C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAC/D,MAAM,EACN,WAAW,CACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;YAC1E,MAAM,KAAK,GAAG;gBACZ,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,aAAa;gBACrB,WAAW,EAAE,0BAA0B;gBACvC,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;gBACvB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;aAC5B,CAAC;YAEF,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;YACpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;YAElD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,oBAAK,KAAK,EAAI,CAAC,CAAC;YAE3D,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;YAEtB,MAAM,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;YAE7C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAClE,MAAM,CACJ,SAAS,CAAC,aAAa,CAAC,cAAc,gBAAgB,IAAI,CAAC,CAC5D,CAAC,iBAAiB,EAAE,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACtE,MAAM,CACJ,SAAS,CAAC,aAAa,CAAC,cAAc,oBAAoB,IAAI,CAAC,CAChE,CAAC,iBAAiB,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,oBAAoB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvC,MAAM,KAAK,GAAG;gBACZ,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,aAAa;gBACrB,WAAW,EAAE,0BAA0B;gBACvC,aAAa,EAAE,oBAAoB;gBACnC,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;aAC5B,CAAC;YAEF,MAAM,CAAC,KAAC,aAAa,oBAAK,KAAK,EAAI,CAAC,CAAC;YAErC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAE3C,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;YAE3D,MAAM,CAAC,oBAAoB,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAClD,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;YACjD,MAAM,wBAAwB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE3C,MAAM,KAAK,GAAG;gBACZ,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,aAAa;gBACrB,WAAW,EAAE,0BAA0B;gBACvC,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;gBACvB,iBAAiB,EAAE,wBAAwB;aAC5C,CAAC;YAEF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,oBAAK,KAAK,EAAI,CAAC,CAAC;YAE3D,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;YAEtB,MAAM,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;YAE7C,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CACpC,uCAAuC,CACxC,CAAC;YAEF,SAAS,CAAC,KAAK,CAAC,MAAiB,CAAC,CAAC;YAEnC,MAAM,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Text } from "../../../Text";
+export const SelectedTrade = ({ trade, onClick }) => (_jsxs(Text, { children: ["You have selected \u2018", _jsx("strong", { children: trade }), "\u2019 as your trade/profession.", " ", _jsx("button", Object.assign({ type: "button", className: "mobius/Link chopin/TradeSelectorButton", "aria-label": "Change your selected profession", onClick: onClick }, { children: "Change" }))] }));
+//# sourceMappingURL=SelectedTrade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedTrade.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAsB,EAAE,EAAE,CAAC,CACvE,MAAC,IAAI,2CACgB,2BAAS,KAAK,GAAU,sCAA4B,GAAG,EAC1E,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wCAAwC,gBACvC,iCAAiC,EAC5C,OAAO,EAAE,OAAO,4BAGT,IACJ,CACR,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.test.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { SelectedTrade } from ".";
+describe("SelectedTrade", () => {
+    it("renders without errors", () => {
+        const trade = "Plumber";
+        const clickHandler = jest.fn();
+        const { container } = render(_jsx(SelectedTrade, { trade: trade, onClick: clickHandler }));
+        const textElement = container.querySelector("p");
+        const button = screen.getByText("Change");
+        expect(textElement).toHaveTextContent(`You have selected ‘${trade}’ as your trade/profession.`);
+        fireEvent.click(button);
+        expect(clickHandler).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=SelectedTrade.test.js.map

package/dist/esm/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedTrade.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG,SAAS,CAAC;QACxB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,GAAI,CACvD,CAAC;QAEF,MAAM,WAAW,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,CACnC,sBAAsB,KAAK,6BAA6B,CACzD,CAAC;QAEF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAExB,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import clsx from "clsx";
+import { useSlotId } from "@react-aria/utils";
+import { useLabel } from "@react-aria/label";
+import { getConfig } from "./config";
+import { SelectedTrade } from "./SelectedTrade";
+import { SearchResults } from "./SearchResults";
+import { useTradeSelector } from "./useTradeSelector";
+import { getItemsToDisplay } from "./getItemsToDisplay";
+import { ErrorMessage } from "../../ErrorMessage";
+import { spaceDelimitedList } from "../../../utils/spaceDelimitedList";
+import { Label } from "../../Label";
+import { Text } from "../../Text";
+export const ERROR_MESSAGE_SERVICE_UNAVAIALBLE = "The service is currently unavailable. Please try again later";
+const TradeSelector = forwardRef((props, ref) => {
+    const { elementType: Element = "div", minInput = 3, apiRequestDebounceInMs = 250, urls, labels, className, onTradeSelected, hideLabel, } = props;
+    const fieldLabels = Object.assign({ input: "What is your specific trade/profession?", description: "", exact: "Exact matches for your search", placeholder: "e.g. Cleaner, builder, consultant", suggested: "Suggested matches for your search", noResults: "View all trades", loading: "Loading..." }, labels);
+    const { site, baseUrl } = getConfig();
+    const links = useMemo(() => (Object.assign({ quoteRedirect: site, tradeApi: baseUrl, allOccupations: "https://quote.simplybusiness.co.uk/trades?vertical=business" }, urls)), [site, baseUrl, urls]);
+    const { inputValue, trades, onInputChange, onSelectionChange, error, isLoading, selectedTrade, hasUserChangedMind, onUserChangedMind, } = useTradeSelector({
+        minInput,
+        apiRequestDebounceInMs,
+        urls: links,
+        onTradeSelected,
+    });
+    const classes = clsx("chopin", "chopin/TradeSelector", className);
+    const errorMessage = error === null || error === void 0 ? void 0 : error.message;
+    const errorMessageId = useSlotId([Boolean(errorMessage)]);
+    const { labelProps, fieldProps } = useLabel({
+        label: fieldLabels.input,
+    });
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    const isOpen = inputValue.length >= minInput && !errorMessage;
+    const shouldSelectedTradeDisplay = (selectedTrade === null || selectedTrade === void 0 ? void 0 : selectedTrade.value) && !hasUserChangedMind;
+    const items = isOpen
+        ? getItemsToDisplay({
+            trades,
+            isLoading,
+            labels: fieldLabels,
+        })
+        : [];
+    const { input: inputLabel, description } = fieldLabels;
+    const ariaLabel = hideLabel ? inputLabel : undefined;
+    const inputProps = hideLabel ? undefined : fieldProps;
+    return (_jsxs(Element, Object.assign({ ref: ref, className: classes }, { children: [!hideLabel && (_jsxs(_Fragment, { children: [_jsx(Label, Object.assign({}, labelProps, { className: "chopin/TradeSelectorLabel", "aria-hidden": true }, { children: inputLabel })), _jsx(Text, Object.assign({ className: "chopin/TradeSelectorDescription", variant: "caption" }, { children: description }))] })), shouldSelectedTradeDisplay ? (_jsx(SelectedTrade, { trade: selectedTrade.value, onClick: onUserChangedMind })) : (_jsxs(_Fragment, { children: [_jsx(SearchResults, { inputValue: inputValue, items: items, labels: fieldLabels, describedBy: describedBy, fallbackUrl: links.allOccupations, onInputChange: onInputChange, onSelectionChange: onSelectionChange, fieldProps: inputProps, label: ariaLabel }), error && (_jsx(ErrorMessage, { id: errorMessageId, errorMessage: ERROR_MESSAGE_SERVICE_UNAVAIALBLE }))] }))] })));
+});
+TradeSelector.displayName = "TradeSelector";
+export { TradeSelector };
+//# sourceMappingURL=TradeSelector.js.map

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

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