@simplybusiness/mobius 3.3.2 → 3.4.0

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

@@ -1,17 +1,91 @@
-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));
-    } })));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+import { Listing } from "../Listing";
+import { useOnClickOutside } from "../../../../hooks/useOnClickOutside";
+export const SearchResults = (props) => {
+    const { isOpen, labels, className, results, isLoading, fallbackUrl, describedBy, inputRef, onClick, onClose, } = props;
+    const dialogRef = useRef(null);
+    const resultRefs = useRef([]);
+    const [focusId, setFocusId] = useState(0);
+    const classes = clsx("chopin/TradeSelectorResults", {
+        "--is-open": isOpen,
+    }, className);
+    const closeSearchResults = useCallback(() => {
+        setFocusId(0);
+        onClose();
+        if (dialogRef.current) {
+            dialogRef.current.close();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useOnClickOutside(dialogRef, () => {
+        if (dialogRef.current && dialogRef.current.open) {
+            closeSearchResults();
+        }
+    });
+    const handleTradeClick = useCallback((trade) => {
+        closeSearchResults();
+        onClick(trade);
+    }, [closeSearchResults, onClick]);
+    const handleKeyDown = useCallback((event) => {
+        var _a;
+        if (!((_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.open) || !results)
+            return;
+        if (event.code === "ArrowDown") {
+            if (focusId === results.length - 1) {
+                setFocusId(0);
+                return;
+            }
+            setFocusId(focusId + 1);
+        }
+        if (event.code === "ArrowUp") {
+            if (focusId === 0) {
+                setFocusId(results.length - 1);
+                return;
+            }
+            setFocusId(focusId - 1);
+        }
+        if (event.code === "Escape") {
+            closeSearchResults();
+        }
+        if (event.code === "Enter") {
+            if (focusId === 0 && results) {
+                const [firstTrade] = results;
+                handleTradeClick(firstTrade);
+            }
+        }
+    }, [focusId, closeSearchResults, results, handleTradeClick]);
+    useEffect(() => {
+        var _a;
+        if (((_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.open) && resultRefs.current[focusId]) {
+            resultRefs.current[focusId].focus();
+        }
+    }, [focusId]);
+    useEffect(() => {
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [handleKeyDown]);
+    useEffect(() => {
+        if (dialogRef.current && isOpen) {
+            if (!dialogRef.current.open && inputRef.current) {
+                dialogRef.current.show();
+                // Return focus from <dialog> back to <input>
+                inputRef.current.focus();
+            }
+        }
+    }, [isOpen, inputRef]);
+    if (!isOpen)
+        return null;
+    const searchResponseExact = results
+        ? results.filter((result) => result.type === "exact")
+        : [];
+    const searchResponseSuggested = results
+        ? results.filter((result) => result.type === "suggested")
+        : [];
+    const noResults = (results === null || results === void 0 ? void 0 : results.length) === 0;
+    return (_jsx("dialog", Object.assign({ className: classes, ref: dialogRef, "aria-describedby": describedBy }, { children: isLoading ? (_jsx("header", Object.assign({ className: "chopin/TradeSelectorListTitle" }, { children: labels.loading }))) : noResults ? (_jsx("header", Object.assign({ className: "chopin/TradeSelectorListTitle" }, { children: _jsx("a", Object.assign({ href: fallbackUrl, className: "chopin/TradeSelectorListTitleLink" }, { children: labels.noResults })) }))) : (_jsxs(_Fragment, { children: [searchResponseExact.length > 0 && (_jsx(Listing, { title: labels.exact, trades: searchResponseExact, resultRefs: resultRefs, onClick: handleTradeClick, selectedId: focusId })), searchResponseSuggested.length > 0 && (_jsx(Listing, { title: labels.suggested, trades: searchResponseSuggested, resultRefs: resultRefs, refCountStart: searchResponseExact.length, onClick: handleTradeClick, selectedId: focusId }))] })) })));
+};
 //# sourceMappingURL=SearchResults.js.map

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

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

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

@@ -1,113 +1,85 @@
 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: "",
+import React, { useRef } from "react";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { jestHTMLDialogPolyfill } from "../jestHTMLDialogPolyfill";
+import { SearchResults } from "./SearchResults";
+import { mockTrade } from "../mockApiResults";
+import { getConfig } from "../config";
+jestHTMLDialogPolyfill();
+jest.mock("react", () => (Object.assign(Object.assign({}, jest.requireActual("react")), { useRef: jest.fn() })));
+jest.mock("@react-aria/focus", () => ({
+    useFocusRing: () => ({
+        isFocusVisible: () => { },
+        focusProps: () => { },
+    }),
+}));
+jest.mock("@react-aria/interactions", () => ({
+    useHover: () => ({
+        hoverProps: () => { },
+        isHovered: () => { },
+    }),
+}));
+const SearchResultsComponent = (props) => {
+    const { defaultLabels } = getConfig();
+    const defaultProps = {
+        isOpen: true,
+        inputRef: useRef(null),
+        results: [mockTrade],
+        fallbackUrl: "https://www.example.com",
+        labels: Object.assign({}, defaultLabels),
+        isLoading: false,
+        onClick: jest.fn(),
+        onClose: jest.fn(),
+    };
+    return _jsx(SearchResults, Object.assign({}, defaultProps, props));
 };
-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);
+    beforeEach(() => {
+        jest.spyOn(React, "useRef").mockReturnValue({
+            current: [],
         });
     });
-    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();
-        });
+    const loadingText = "Loading...";
+    const tradeText = "Landlord";
+    const noResultsText = "View all trades";
+    it("renders loading state", () => {
+        render(_jsx(SearchResultsComponent, { isLoading: true }));
+        const loading = screen.queryByText(loadingText);
+        const trade = screen.queryByText(tradeText);
+        const noResultsLink = screen.queryByText(noResultsText);
+        expect(loading).toBeInTheDocument();
+        expect(noResultsLink).not.toBeInTheDocument();
+        expect(trade).not.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();
-        });
+    it("renders no results state", () => {
+        render(_jsx(SearchResultsComponent, { results: [] }));
+        const loading = screen.queryByText(loadingText);
+        const trade = screen.queryByText(tradeText);
+        const noResultsLink = screen.queryByText(noResultsText);
+        expect(loading).not.toBeInTheDocument();
+        expect(noResultsLink).toBeInTheDocument();
+        expect(trade).not.toBeInTheDocument();
+    });
+    it("renders trades list", () => {
+        render(_jsx(SearchResultsComponent, {}));
+        const loading = screen.queryByText(loadingText);
+        const trade = screen.queryByText(tradeText);
+        const noResultsLink = screen.queryByText(noResultsText);
+        expect(loading).not.toBeInTheDocument();
+        expect(noResultsLink).not.toBeInTheDocument();
+        expect(trade).toBeInTheDocument();
     });
-    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();
+    describe("pressing Enter key", () => {
+        it("selects the first trade from the list", () => {
+            const onClick = jest.fn();
+            const { container } = render(_jsx(SearchResultsComponent, { onClick: onClick }));
+            const button = container.querySelector("button");
+            expect(button).toHaveClass("--is-focused");
+            fireEvent.keyDown(container, {
+                key: "Enter",
+                code: "Enter",
+            });
+            expect(onClick).toHaveBeenCalled();
         });
     });
 });

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

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

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

@@ -0,0 +1,30 @@
+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 clsx from "clsx";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import { Text } from "../../../Text";
+export const TradeInput = (props) => {
+    const { onChange, onEdit, inputRef, inputProps, value, className, label, placeholder, initialTrade, isEditable } = props, otherProps = __rest(props, ["onChange", "onEdit", "inputRef", "inputProps", "value", "className", "label", "placeholder", "initialTrade", "isEditable"]);
+    const selectedTrade = initialTrade && !isEditable;
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { hoverProps, isHovered } = useHover(Object.assign({}, otherProps));
+    const classes = clsx("chopin", "chopin/TradeSelectorInput", {
+        "--is-focused": isFocusVisible,
+        "--is-hovered": isHovered,
+    }, className);
+    return (_jsx("div", Object.assign({}, focusProps, { children: selectedTrade ? (_jsxs(Text, { children: ["You have selected \u2018", _jsx("strong", { children: initialTrade }), "\u2019 as your trade/profession.", " ", _jsx("button", Object.assign({ type: "button", className: "mobius/Link chopin/TradeSelectorButton", "aria-label": "Change your selected profession", onClick: onEdit }, { children: "Change" }))] })) : (_jsxs("div", Object.assign({ className: "chopin/TradeSelectorInputContainer" }, { children: [_jsx("input", Object.assign({}, hoverProps, inputProps, { type: "text", placeholder: placeholder, "aria-label": label, className: classes, onChange: onChange, ref: inputRef, value: value })), isEditable && (_jsx("button", Object.assign({ type: "button", className: "mobius/Link chopin/TradeSelectorButton", "aria-label": "Cancel changes", onClick: onEdit }, { children: "Cancel" })))] }))) })));
+};
+//# sourceMappingURL=TradeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradeInput.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/TradeInput/TradeInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAerC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,KAER,KAAK,EADJ,UAAU,UACX,KAAK,EAZH,4HAYL,CAAQ,CAAC;IACV,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC;IAClD,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAClD,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,mBACrC,UAAU,EACb,CAAC;IACH,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,2BAA2B,EAC3B;QACE,cAAc,EAAE,cAAc;QAC9B,cAAc,EAAE,SAAS;KAC1B,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAS,UAAU,cAChB,aAAa,CAAC,CAAC,CAAC,CACf,MAAC,IAAI,2CACgB,2BAAS,YAAY,GAAU,sCAChC,GAAG,EACrB,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wCAAwC,gBACvC,iCAAiC,EAC5C,OAAO,EAAE,MAAM,4BAGR,IACJ,CACR,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,oCAAoC,iBACjD,gCACM,UAAU,EACV,UAAU,IACd,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,gBACZ,KAAK,EACjB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,IACZ,EACD,UAAU,IAAI,CACb,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wCAAwC,gBACvC,gBAAgB,EAC3B,OAAO,EAAE,MAAM,4BAGR,CACV,KACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, fireEvent, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { useRef } from "react";
+import { TradeInput } from "./TradeInput";
+const TradeInputComponent = (props) => {
+    const defaultProps = {
+        onChange: jest.fn(),
+        inputRef: useRef(null),
+        value: "",
+        placeholder: "e.g. Cleaner, builder, consultant",
+        onEdit: jest.fn(),
+        isEditable: false,
+    };
+    return _jsx(TradeInput, Object.assign({}, defaultProps, props));
+};
+describe("TradeInput", () => {
+    it("renders selected trade", () => {
+        var _a;
+        const initialTrade = "Landlord";
+        const onEdit = jest.fn();
+        render(_jsx(TradeInputComponent, { initialTrade: initialTrade, onEdit: onEdit }));
+        const initialTradeText = screen.queryByText(initialTrade);
+        const changeButton = screen.queryByRole("button");
+        expect((_a = initialTradeText === null || initialTradeText === void 0 ? void 0 : initialTradeText.parentNode) === null || _a === void 0 ? void 0 : _a.textContent).toEqual(`You have selected ‘${initialTrade}’ as your trade/profession. Change`);
+        fireEvent.click(changeButton);
+        expect(onEdit).toHaveBeenCalled();
+    });
+    it("renders input field", async () => {
+        const onChange = jest.fn();
+        render(_jsx(TradeInputComponent, { onChange: onChange }));
+        const inputField = screen.queryByRole("textbox");
+        expect(inputField).toBeInTheDocument();
+        await userEvent.tab();
+        await userEvent.keyboard("[Space]");
+        expect(onChange).toHaveBeenCalled();
+    });
+    it("sets classes for interaction states", async () => {
+        render(_jsx(TradeInputComponent, {}));
+        const inputField = screen.queryByRole("textbox");
+        await userEvent.tab();
+        expect(inputField).toHaveClass("--is-focused");
+        fireEvent.mouseEnter(inputField);
+        expect(inputField).toHaveClass("--is-hovered");
+    });
+    it("allows user to edit trade", () => {
+        render(_jsx(TradeInputComponent, { isEditable: true }));
+        const cancelText = screen.queryByText("Cancel");
+        expect(cancelText).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=TradeInput.test.js.map

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

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

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

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

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

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

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

@@ -1,53 +1,84 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useState, useRef, useEffect, useMemo, } from "react";
 import clsx from "clsx";
-import { useSlotId } from "@react-aria/utils";
 import { useLabel } from "@react-aria/label";
+import { useSlotId } from "@react-aria/utils";
 import { getConfig } from "./config";
-import { SelectedTrade } from "./SelectedTrade";
+import { TradeInput } from "./TradeInput";
 import { SearchResults } from "./SearchResults";
-import { useTradeSelector } from "./useTradeSelector";
-import { getItemsToDisplay } from "./getItemsToDisplay";
+import { useFetchTrades } from "./useFetchTrades";
+import { useTradeSelectorUrl } from "./useTradeSelectorUrl";
+import { Header } from "./Header";
 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";
+export const ERROR_MESSAGE_SERVICE_UNAVAILABLE = "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, initialTrade, } = 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 { minInput = 3, apiRequestDebounceInMs = 250, urls, labels, className, onTradeSelected, hideLabel, initialTrade = "", vertical, searchScope, } = props;
+    const { site, baseUrl, defaultLabels } = getConfig();
+    const fieldLabels = Object.assign(Object.assign({}, defaultLabels), labels);
     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,
-        initialTrade,
-    });
     const classes = clsx("chopin", "chopin/TradeSelector", className);
+    const [userInput, setUserInput] = useState("");
+    const [selectedTrade, setSelectedTrade] = useState(null);
+    const [editMode, setEditMode] = useState(false);
+    const [isOverlayVisible, setIsOverlayVisible] = useState(false);
+    const inputRef = useRef(null);
+    const currentTrade = selectedTrade ? selectedTrade.value : initialTrade;
+    const endpoint = useTradeSelectorUrl(links.tradeApi, userInput, {
+        site: links.quoteRedirect,
+        vertical,
+        searchScope,
+    });
+    const { trades, isLoading, error, fetchTrades } = useFetchTrades(endpoint, apiRequestDebounceInMs);
     const errorMessage = error === null || error === void 0 ? void 0 : error.message;
     const errorMessageId = useSlotId([Boolean(errorMessage)]);
     const { labelProps, fieldProps } = useLabel({
         label: fieldLabels.input,
     });
+    const ariaLabel = hideLabel ? fieldLabels.input : undefined;
+    const inputProps = hideLabel ? undefined : fieldProps;
     const describedBy = spaceDelimitedList([
         errorMessageId,
         props["aria-describedby"],
     ]);
-    const isOpen = inputValue.length >= minInput && !errorMessage;
-    const shouldSelectedTradeDisplay = selectedTrade && !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, 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 }))] }))] })));
+    const handleChange = (event) => setUserInput(event.target.value);
+    const toggleEditMode = () => setEditMode(!editMode);
+    const handleOverlayClose = () => {
+        setIsOverlayVisible(false);
+    };
+    const handleTradeSelect = (trade) => {
+        setSelectedTrade(trade);
+        if (editMode) {
+            toggleEditMode();
+        }
+        if (trade && onTradeSelected) {
+            try {
+                onTradeSelected(trade);
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error("onTradeSelected returned the following error", err);
+            }
+        }
+    };
+    useEffect(() => {
+        if (editMode && currentTrade) {
+            setUserInput(currentTrade);
+        }
+        if (!editMode) {
+            setUserInput("");
+        }
+    }, [editMode, currentTrade]);
+    useEffect(() => {
+        if (userInput.length >= minInput) {
+            setIsOverlayVisible(true);
+            fetchTrades(true);
+        }
+        if (userInput.length < minInput) {
+            setIsOverlayVisible(false);
+        }
+    }, [minInput, fetchTrades, userInput.length]);
+    return (_jsxs("div", Object.assign({ ref: ref, className: classes }, { children: [_jsx(Header, { isOpen: !hideLabel, labelProps: labelProps, labels: fieldLabels }), _jsx(TradeInput, { inputRef: inputRef, inputProps: inputProps, value: userInput, onChange: handleChange, label: ariaLabel, placeholder: fieldLabels.placeholder, initialTrade: currentTrade, onEdit: toggleEditMode, isEditable: editMode }), error ? (_jsx(ErrorMessage, { id: errorMessageId, errorMessage: ERROR_MESSAGE_SERVICE_UNAVAILABLE })) : (_jsx(SearchResults, { isOpen: isOverlayVisible, labels: fieldLabels, onClick: handleTradeSelect, onClose: handleOverlayClose, results: trades, isLoading: isLoading, fallbackUrl: links.allOccupations, describedBy: describedBy, inputRef: inputRef }))] })));
 });
 TradeSelector.displayName = "TradeSelector";
 export { TradeSelector };

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

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