@simplybusiness/mobius 3.3.2 → 3.4.0

package/CHANGELOG.md

@@ -5,6 +5,28 @@ All notable changes to this project will be documented in this file, or link in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.4.0] - 2023-03-06
+
+### Added
+
+- Add support for `vertical` and `searchScope` properties on `TradeSelector`.
+- Add basic implementation of Trade Selector 2, which does not depend on heavy libraries
+- Update README with suggestion for testing Mobius impact in project
+- Add Trade Selector 2 CSS styles
+- Enable selecting and editing a trade in Trade Selector 2
+- Add missing features to Trade Selector 2: call real API, show loading/error/empty state, add aria labels, onTradeSelected prop
+- Add unit tests for Trade Selector 2
+- Trade Selector: on Enter, select first trade from the list
+
+### Changed
+
+- To improve code readability and maintainability in Trade Selector 2: split component state between parent component and Search Results component; extract trade fetching into its own hook; extract header into its own component; move labels into the config helper in order to colocate configuration related parameters
+- Remove Trade Selector; rename Trade Selector 2 to Trade Selector
+
+### Fixed
+
+- Fixed an issue in Trade Selector 2 where 'View all trades' link may appear when minimum input threshold is met
+
 ## [3.3.2] - 2023-02-07
 
 ### Fixed
@@ -166,6 +188,7 @@ Additionally, mobius and themes are available on the public NPM registry and can
 
 ## Github Links
 
+[3.4.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.4.0
 [3.3.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.3.2
 [3.3.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.3.1
 [3.3.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.3.0

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

@@ -8,6 +8,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const focus_1 = require("@react-aria/focus");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
+const useOnClickOutside_1 = require("../../../hooks/useOnClickOutside");
 const useWindowEvent_1 = require("../../../hooks/useWindowEvent");
 function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", children, onChange = () => { }, isDesktop, closeHelpOnOutsideClick = false, }) {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
@@ -18,20 +19,14 @@ function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", c
             setIsOpen(false);
         }
     });
-    const handleClickOutside = (0, react_1.useCallback)((event) => {
-        if (ref.current &&
-            !ref.current.contains(event.target) &&
-            closeHelpOnOutsideClick) {
+    (0, useOnClickOutside_1.useOnClickOutside)(ref, () => {
+        if (closeHelpOnOutsideClick) {
             setIsOpen(false);
         }
-    }, [setIsOpen, closeHelpOnOutsideClick]);
+    });
     (0, react_1.useEffect)(() => {
         onChange(isOpen);
-        window.addEventListener("click", handleClickOutside, {
-            passive: true,
-        });
-        return () => window.removeEventListener("click", handleClickOutside);
-    }, [onChange, isOpen, handleClickOutside]);
+    }, [onChange, isOpen]);
     const className = (0, clsx_1.default)("chopin/QuestionHelp", {
         "--is-open": isOpen,
         "--is-closed": !isOpen,

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,gDAAwB;AACxB,iCAA4E;AAC5E,kEAA+D;AAW/D,SAAgB,YAAY,CAAC,EAC3B,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,EACT,uBAAuB,GAAG,KAAK,GACb;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,CAAC,CAAC;IAExD,IAAA,+BAAc,EAAC,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,KAAiB,EAAE,EAAE;QACpB,IACE,GAAG,CAAC,OAAO;YACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAwB,CAAC;YACrD,uBAAuB,EACvB;YACA,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,uBAAuB,CAAC,CACrC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE;YACnD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,IAAA,cAAI,EACpB,qBAAqB,EACrB;QACE,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,CAAC,MAAM;KACvB,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAC,4BAA4B,EAAE;QAC1D,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACjC,iDACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,gBAAgB,IACvB,UAAU,cAEd,2CAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,IAC1C,EACT,8CACE,SAAS,EAAC,4BAA4B,iBAC1B,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,SAAS,iBACD,CAAC,MAAM,gBAEnB,QAAQ,IACL,KACF,CACP,CAAC;AACJ,CAAC;AA3ED,oCA2EC"}
+{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,gDAAwB;AACxB,iCAA+D;AAC/D,wEAAqE;AACrE,kEAA+D;AAW/D,SAAgB,YAAY,CAAC,EAC3B,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,EACT,uBAAuB,GAAG,KAAK,GACb;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,CAAC,CAAC;IAExD,IAAA,+BAAc,EAAC,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,qCAAiB,EAAC,GAAG,EAAE,GAAG,EAAE;QAC1B,IAAI,uBAAuB,EAAE;YAC3B,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAG,IAAA,cAAI,EACpB,qBAAqB,EACrB;QACE,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,CAAC,MAAM;KACvB,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAC,4BAA4B,EAAE;QAC1D,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACjC,iDACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,gBAAgB,IACvB,UAAU,cAEd,2CAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,IAC1C,EACT,8CACE,SAAS,EAAC,4BAA4B,iBAC1B,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,SAAS,iBACD,CAAC,MAAM,gBAEnB,QAAQ,IACL,KACF,CACP,CAAC;AACJ,CAAC;AA9DD,oCA8DC"}

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

@@ -0,0 +1,9 @@
+import { FocusableElement } from "@react-types/shared";
+import { DOMAttributes } from "react";
+import type { LabelProps } from "../types";
+export type HeaderProps = {
+    isOpen: boolean;
+    labelProps: DOMAttributes<FocusableElement> | React.LabelHTMLAttributes<HTMLLabelElement>;
+    labels: LabelProps;
+};
+export declare const Header: (props: HeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Label_1 = require("../../../Label");
+const Text_1 = require("../../../Text");
+const Header = (props) => {
+    const { isOpen, labelProps, labels } = props;
+    if (!isOpen)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: "chopin/TradeSelectorLabel", "aria-hidden": true }, { children: labels.input })), labels.description && ((0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ className: "chopin/TradeSelectorDescription", variant: "caption" }, { children: labels.description })))] }));
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/Chopin/TradeSelector/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Header/Header.tsx"],"names":[],"mappings":";;;;AAGA,0CAAuC;AACvC,wCAAqC;AAW9B,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,6DACE,uBAAC,aAAK,oBAAK,UAAU,IAAE,SAAS,EAAC,2BAA2B,qCACzD,MAAM,CAAC,KAAK,IACP,EACP,MAAM,CAAC,WAAW,IAAI,CACrB,uBAAC,WAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAC,SAAS,gBAChE,MAAM,CAAC,WAAW,IACd,CACR,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,MAAM,UAiBjB"}

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

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

package/dist/cjs/components/Chopin/TradeSelector/{Popover → Header}/index.js

@@ -14,5 +14,5 @@ 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("./Popover"), exports);
+__exportStar(require("./Header"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { MutableRefObject } from "react";
+import { TradeProps } from "../types";
+export type ListingProps = {
+    title: string;
+    trades: TradeProps[];
+    resultRefs?: MutableRefObject<HTMLButtonElement[]>;
+    refCountStart?: number;
+    className?: string;
+    onClick: (trade: TradeProps) => void;
+    selectedId: number;
+};
+export declare const Listing: (props: ListingProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Listing = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const ListingItem_1 = require("./ListingItem");
+const Listing = (props) => {
+    const { title, trades, resultRefs, refCountStart = 0, selectedId, className, onClick, } = props;
+    const listClasses = (0, clsx_1.default)("chopin/TradeSelectorList", className);
+    return ((0, jsx_runtime_1.jsxs)("nav", Object.assign({ "aria-label": title }, { children: [(0, jsx_runtime_1.jsx)("header", Object.assign({ className: "chopin/TradeSelectorListTitle" }, { children: title })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: listClasses }, { children: trades.map((trade, i) => {
+                    const id = refCountStart + i;
+                    const selected = selectedId === id;
+                    return ((0, jsx_runtime_1.jsx)(ListingItem_1.ListingItem, { trade: trade, ref: el => {
+                            if (!el || !resultRefs)
+                                return;
+                            resultRefs.current[id] = el;
+                        }, onClick: onClick, selected: selected }, trade.value));
+                }) }))] })));
+};
+exports.Listing = Listing;
+//# sourceMappingURL=Listing.js.map

package/dist/cjs/components/Chopin/TradeSelector/Listing/Listing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listing.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/Listing.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AAGxB,+CAA4C;AAYrC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,KAAK,EACL,MAAM,EACN,UAAU,EACV,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,SAAS,EACT,OAAO,GACR,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,6DAAiB,KAAK,iBACpB,iDAAQ,SAAS,EAAC,+BAA+B,gBAAE,KAAK,IAAU,EAClE,6CAAI,SAAS,EAAE,WAAW,gBACvB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBACvB,MAAM,EAAE,GAAG,aAAa,GAAG,CAAC,CAAC;oBAC7B,MAAM,QAAQ,GAAG,UAAU,KAAK,EAAE,CAAC;oBACnC,OAAO,CACL,uBAAC,yBAAW,IAEV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,EAAE,CAAC,EAAE;4BACR,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU;gCAAE,OAAO;4BAC/B,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;wBAC9B,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAPb,KAAK,CAAC,KAAK,CAQhB,CACH,CAAC;gBACJ,CAAC,CAAC,IACC,KACD,CACP,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,OAAO,WAmClB"}

package/dist/cjs/components/Chopin/TradeSelector/Listing/Listing.test.js

@@ -0,0 +1,51 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@testing-library/react");
+const mockApiResults_1 = require("../mockApiResults");
+const Listing_1 = require("./Listing");
+jest.mock("react", () => (Object.assign(Object.assign({}, jest.requireActual("react")), { useRef: jest.fn() })));
+describe("Listing", () => {
+    it("renders a list of trades", () => {
+        jest.spyOn(react_1.default, "useRef").mockReturnValue({
+            current: {},
+        });
+        const title = "Exact matches for your search";
+        const trades = [mockApiResults_1.mockTrade];
+        const resultRefs = (0, react_1.useRef)([]);
+        const onClick = jest.fn();
+        const selectedId = 0;
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(Listing_1.Listing, { title: title, trades: trades, resultRefs: resultRefs, onClick: onClick, selectedId: selectedId }));
+        const header = react_2.screen.getByText(title);
+        const trade = react_2.screen.getByText("Landlord");
+        expect(header).toBeInTheDocument();
+        expect(trade).toBeInTheDocument();
+        react_2.fireEvent.click(trade);
+        expect(onClick).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Listing.test.js.map

package/dist/cjs/components/Chopin/TradeSelector/Listing/Listing.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listing.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/Listing.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,kDAAmE;AACnE,sDAA8C;AAC9C,uCAAoC;AAEpC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iCACpB,IAAI,CAAC,aAAa,CAAe,OAAO,CAAC,KAC5C,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,IACjB,CAAC,CAAC;AAEJ,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,IAAI,CAAC,KAAK,CAAC,eAAK,EAAE,QAAQ,CAAC,CAAC,eAAe,CAAC;YAC1C,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,+BAA+B,CAAC;QAC9C,MAAM,MAAM,GAAG,CAAC,0BAAS,CAAC,CAAC;QAC3B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,UAAU,GAAG,CAAC,CAAC;QAErB,IAAA,cAAM,EACJ,uBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;QAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAElC,iBAAS,CAAC,KAAK,CAAC,KAAM,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Chopin/TradeSelector/Listing/ListingItem.d.ts

@@ -0,0 +1,10 @@
+import { Key } from "react";
+import { TradeProps } from "../types";
+export type ListingItemElementType = HTMLButtonElement;
+export type ListingItemProps = {
+    key?: Key;
+    trade: TradeProps;
+    onClick: (trade: TradeProps) => void;
+    selected: boolean;
+};
+export declare const ListingItem: import("react").ForwardRefExoticComponent<ListingItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/Chopin/TradeSelector/Listing/ListingItem.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListingItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.ListingItem = (0, react_1.forwardRef)((props, ref) => {
+    const { trade, selected, onClick } = props;
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: false,
+    });
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)({});
+    const classes = (0, clsx_1.default)("chopin/TradeSelectorButton", "chopin/TradeSelectorOption", {
+        "--is-focused": isFocusVisible || selected,
+        "--is-hovered": isHovered,
+    });
+    const handleClick = () => onClick(trade);
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "chopin/TradeSelectorListItem" }, { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ ref: ref, type: "button", onClick: handleClick, 
+            // eslint-disable-next-line react/no-danger
+            dangerouslySetInnerHTML: { __html: trade.label }, className: classes, "data-key": trade.value }, hoverProps, focusProps)) })));
+});
+//# sourceMappingURL=ListingItem.js.map

package/dist/cjs/components/Chopin/TradeSelector/Listing/ListingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingItem.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/ListingItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,2DAAoD;AACpD,gDAAwB;AACxB,iCAA6C;AAYhC,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,KAAuB,EAAE,GAAgC,EAAE,EAAE;IAC5D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAA,oBAAY,EAAC;QAClD,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,EAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,4BAA4B,EAC5B,4BAA4B,EAC5B;QACE,cAAc,EAAE,cAAc,IAAI,QAAQ;QAC1C,cAAc,EAAE,SAAS;KAC1B,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEzC,OAAO,CACL,6CAAI,SAAS,EAAC,8BAA8B,gBAC1C,iDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW;YACpB,2CAA2C;YAC3C,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,EAChD,SAAS,EAAE,OAAO,cACR,KAAK,CAAC,KAAK,IACjB,UAAU,EACV,UAAU,EACd,IACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/components/Chopin/TradeSelector/Listing/ListingItem.test.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const mockApiResults_1 = require("../mockApiResults");
+const ListingItem_1 = require("./ListingItem");
+describe("ListingItem", () => {
+    it("renders trade", () => {
+        const onClick = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ListingItem_1.ListingItem, { trade: mockApiResults_1.mockTrade, onClick: onClick, selected: false }));
+        const button = container.querySelector("button");
+        expect(button).toHaveAttribute("data-key", "Landlord");
+        expect(button).toHaveTextContent("Landlord");
+    });
+    it("sets classes for interaction states", async () => {
+        const onClick = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ListingItem_1.ListingItem, { trade: mockApiResults_1.mockTrade, onClick: onClick, selected: false }));
+        const button = container.querySelector("button");
+        react_1.fireEvent.mouseEnter(button);
+        expect(button).toHaveClass("--is-hovered");
+        await user_event_1.default.tab();
+        expect(button).toHaveClass("--is-focused");
+    });
+    it("sets interaction class when selected prop is true", () => {
+        const onClick = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ListingItem_1.ListingItem, { trade: mockApiResults_1.mockTrade, onClick: onClick, selected: true }));
+        const button = container.querySelector("button");
+        expect(button).toHaveClass("--is-focused");
+    });
+    it("calls onClick", () => {
+        const onClick = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ListingItem_1.ListingItem, { trade: mockApiResults_1.mockTrade, onClick: onClick, selected: false }));
+        const button = container.querySelector("button");
+        react_1.fireEvent.click(button);
+        expect(onClick).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=ListingItem.test.js.map

package/dist/cjs/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingItem.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/ListingItem.test.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA2D;AAC3D,6EAAoD;AACpD,sDAA8C;AAC9C,+CAA4C;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,yBAAW,IAAC,KAAK,EAAE,0BAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,yBAAW,IAAC,KAAK,EAAE,0BAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEjD,iBAAS,CAAC,UAAU,CAAC,MAAO,CAAC,CAAC;QAC9B,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE3C,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,yBAAW,IAAC,KAAK,EAAE,0BAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,SAAG,CAC7D,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,yBAAW,IAAC,KAAK,EAAE,0BAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,iBAAS,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;QACzB,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/dist/cjs/components/Chopin/TradeSelector/{ListBox → Listing}/index.js

@@ -14,5 +14,5 @@ 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("./ListBox"), exports);
+__exportStar(require("./Listing"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,15 +1,15 @@
-import { SetStateAction, Dispatch, Key } from "react";
-import { AriaLabelingProps, DOMProps } from "@react-types/shared";
-import type { LabelProps, GroupedTradeProps } from "..";
+import { RefObject } from "react";
+import type { LabelProps, TradeProps } from "../types";
 export type SearchResultsProps = {
-    inputValue: string;
-    items: GroupedTradeProps[];
+    isOpen: boolean;
+    inputRef: RefObject<HTMLInputElement>;
+    results: TradeProps[] | null;
+    fallbackUrl: string;
     labels: LabelProps;
+    className?: string;
+    isLoading: boolean;
     describedBy?: string;
-    fallbackUrl: string;
-    onInputChange: Dispatch<SetStateAction<string>>;
-    onSelectionChange: (value: Key) => void;
-    fieldProps?: AriaLabelingProps & DOMProps;
-    label?: string;
+    onClick: (trade: TradeProps) => void;
+    onClose: () => void;
 };
-export declare const SearchResults: ({ inputValue, items, labels, fieldProps, describedBy, fallbackUrl, onInputChange, onSelectionChange, label, }: SearchResultsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchResults: (props: SearchResultsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -1,21 +1,98 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchResults = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const collections_1 = require("@react-stately/collections");
-const ComboBox_1 = require("../ComboBox");
-const SearchResults = ({ inputValue, items, labels, fieldProps, describedBy, fallbackUrl, onInputChange, onSelectionChange, label, }) => ((0, jsx_runtime_1.jsx)(ComboBox_1.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 ((0, jsx_runtime_1.jsx)(collections_1.Item, Object.assign({ textValue: labels.noResults }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: fallbackUrl, className: "chopin/ListBoxSectionHeadingLink" }, { children: labels.noResults })) }), labels.noResults));
-        }
-        return ((0, jsx_runtime_1.jsx)(collections_1.Section, Object.assign({ items: sectionChildren, title: title }, { children: item => {
-                const { value, label: itemLabel } = item;
-                return ((0, jsx_runtime_1.jsx)(collections_1.Item, Object.assign({ textValue: value }, { children: (0, jsx_runtime_1.jsx)("span", { className: "chopin/TradeSelectorOptionContent", 
-                        // eslint-disable-next-line react/no-danger
-                        dangerouslySetInnerHTML: { __html: itemLabel } }) }), value));
-            } }), name));
-    } })));
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Listing_1 = require("../Listing");
+const useOnClickOutside_1 = require("../../../../hooks/useOnClickOutside");
+const SearchResults = (props) => {
+    const { isOpen, labels, className, results, isLoading, fallbackUrl, describedBy, inputRef, onClick, onClose, } = props;
+    const dialogRef = (0, react_1.useRef)(null);
+    const resultRefs = (0, react_1.useRef)([]);
+    const [focusId, setFocusId] = (0, react_1.useState)(0);
+    const classes = (0, clsx_1.default)("chopin/TradeSelectorResults", {
+        "--is-open": isOpen,
+    }, className);
+    const closeSearchResults = (0, react_1.useCallback)(() => {
+        setFocusId(0);
+        onClose();
+        if (dialogRef.current) {
+            dialogRef.current.close();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, useOnClickOutside_1.useOnClickOutside)(dialogRef, () => {
+        if (dialogRef.current && dialogRef.current.open) {
+            closeSearchResults();
+        }
+    });
+    const handleTradeClick = (0, react_1.useCallback)((trade) => {
+        closeSearchResults();
+        onClick(trade);
+    }, [closeSearchResults, onClick]);
+    const handleKeyDown = (0, react_1.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]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.open) && resultRefs.current[focusId]) {
+            resultRefs.current[focusId].focus();
+        }
+    }, [focusId]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [handleKeyDown]);
+    (0, react_1.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 ((0, jsx_runtime_1.jsx)("dialog", Object.assign({ className: classes, ref: dialogRef, "aria-describedby": describedBy }, { children: isLoading ? ((0, jsx_runtime_1.jsx)("header", Object.assign({ className: "chopin/TradeSelectorListTitle" }, { children: labels.loading }))) : noResults ? ((0, jsx_runtime_1.jsx)("header", Object.assign({ className: "chopin/TradeSelectorListTitle" }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: fallbackUrl, className: "chopin/TradeSelectorListTitleLink" }, { children: labels.noResults })) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchResponseExact.length > 0 && ((0, jsx_runtime_1.jsx)(Listing_1.Listing, { title: labels.exact, trades: searchResponseExact, resultRefs: resultRefs, onClick: handleTradeClick, selectedId: focusId })), searchResponseSuggested.length > 0 && ((0, jsx_runtime_1.jsx)(Listing_1.Listing, { title: labels.suggested, trades: searchResponseSuggested, resultRefs: resultRefs, refCountStart: searchResponseExact.length, onClick: handleTradeClick, selectedId: focusId }))] })) })));
+};
 exports.SearchResults = SearchResults;
 //# sourceMappingURL=SearchResults.js.map

package/dist/cjs/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,4DAA2D;AAC3D,0CAAuC;AAehC,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,uBAAC,mBAAQ,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,uBAAC,kBAAI,kBAAwB,SAAS,EAAE,MAAM,CAAC,SAAS,gBACtD,4CAAG,IAAI,EAAE,WAAW,EAAE,SAAS,EAAC,kCAAkC,gBAC/D,MAAM,CAAC,SAAS,IACf,KAHK,MAAM,CAAC,SAAS,CAIpB,CACR,CAAC;SACH;QAED,OAAO,CACL,uBAAC,qBAAO,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,uBAAC,kBAAI,kBAAa,SAAS,EAAE,KAAK,gBAChC,iCACE,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;AAvDW,QAAA,aAAa,iBAuDxB"}
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SearchResults/SearchResults.tsx"],"names":[],"mappings":"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"}