@finsemble/finsemble-ui 7.2.1 → 8.0.0-beta.1

package/react/components/sdd/css/nav.css

@@ -22,6 +22,36 @@
 	align-self: center;
 }
 
+.nav-label {
+	opacity: 0.75;
+	font-size: 13px;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.8;
+	color: #fff;
+	border-bottom: 1px solid white;
+	width: 100%;
+	margin-left: 20px;
+	margin-right: 36px;
+	margin-bottom: 10px;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+}
+
+.nav-item {
+	font-size: 16px;
+	font-weight: normal;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: normal;
+	letter-spacing: normal;
+	color: #fff;
+	padding-top: 0;
+	padding-bottom: 0;
+	margin: 0;
+}
+
 .export-method-button {
 	background-color: #42a5ba;
 }
@@ -51,19 +81,13 @@
 
 .nav-anchor-reset .version-info {
 	font-style: italic;
-	margin-bottom: 15px;
+	margin-top: 30px;
+	margin-bottom: 20px;
 }
 
 .bottom-nav-wrapper {
-	display: flex;
-	justify-content: space-evenly;
-	width: 100%;
-	margin-top: 80px;
-}
-
-.nav-item {
-	padding: 0;
-	margin: 0;
+	margin-left: calc(15px + 0.5em);
+	width: 190px;
 }
 
 .nav-item [role="tab"] {
@@ -71,29 +95,35 @@
 	color: #ddd;
 	display: flex;
 	align-items: center;
-	padding: 0.75em 2.4rem 0.75em 2.5rem;
 	background-color: rgb(255 255 255 / 0%);
 	text-decoration: none;
 	user-select: none;
-	cursor: default;
+	cursor: pointer;
 	border-radius: 2em;
-	transition: all 0.25s;
-	font-weight: bold;
 	white-space: nowrap;
 	position: relative;
+	padding-left: 10px;
+	opacity: 0.3;
 }
 
-.nav-item:hover [role="tab"] {
-	background-color: #373b43;
+.nav-item [role="tab"]:hover,
+.nav-item [role="tab"]:focus,
+.nav-item [role="tab"][aria-selected="true"] {
+	opacity: 1;
 }
 
-.nav-item[aria-selected="true"] [role="tab"] {
-	background-color: #373b43;
+.nav-item [aria-selected="true"] {
+	border-left: 6px solid #42a5ba;
+	border-radius: 0;
+	margin-left: 0;
+	padding-left: 15px;
+	opacity: 1;
 }
 
-.nav-icon {
-	font-size: 1.3rem;
-	margin-right: 10px;
+.nav-item [aria-selected="false"] {
+	padding-left: 21px;
+	margin-left: 0;
+	opacity: 0.3;
 }
 
 .nav-error-icon {
@@ -104,13 +134,5 @@
 
 .nav-section {
 	width: 100%;
-	margin-bottom: 30px;
-}
-
-.nav-label {
-	opacity: 0.75;
-	border-bottom: 1px solid white;
-	width: 100%;
-	margin-left: 20px;
-	margin-bottom: 10px;
+	margin-bottom: 20px;
 }

package/react/components/search/Highlight.d.ts

@@ -1,12 +1,13 @@
-/// <reference types="react" />
-export declare type HighlightProps = {
-    matchAgainst: string;
-    text: string;
-};
-/**
- * Highlights matching areas of a query against a piece of text, and then renders them
- * on the screen with a highlighted class. The matching is case insensitive.
- * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
- * when rendering externally-supplied content.
- */
-export declare const Highlight: (props: HighlightProps) => JSX.Element;
+/// <reference types="react" />
+export declare type HighlightProps = {
+    matchAgainst: string;
+    text: string;
+};
+/**
+ * Highlights matching areas of a query against a piece of text, and then renders them
+ * on the screen with a highlighted class. The matching is case insensitive.
+ * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
+ * when rendering externally-supplied content.
+ */
+export declare const Highlight: (props: HighlightProps) => JSX.Element;
+//# sourceMappingURL=Highlight.d.ts.map

package/react/components/search/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/Highlight.tsx"],"names":[],"mappings":";AAEA,oBAAY,cAAc,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAkBF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,gBA2B9C,CAAC"}

package/react/components/search/Highlight.js

@@ -1,40 +1,40 @@
-import * as React from "react";
-/**
- *Encode characters of string
- *
- * @param {string} str - String to be encoded
- * @returns {string} String with all characters encoded
- */
-const encodeStringChars = (str) => `&#${str.charCodeAt(0)};`;
-/**
- *Sanitize string for HTML to prevent XSS attack
- *
- * @param {*} str
- * @return {*}
- */
-const sanitizeHTML = (str) => str === null || str === void 0 ? void 0 : str.replace(/[^\w. ]/gi, encodeStringChars);
-/**
- * Highlights matching areas of a query against a piece of text, and then renders them
- * on the screen with a highlighted class. The matching is case insensitive.
- * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
- * when rendering externally-supplied content.
- */
-export const Highlight = (props) => {
-    const { matchAgainst, text } = props;
-    const escapedMatch = matchAgainst.replace(/([.*+?^${}()|[\]\\])/g, encodeStringChars);
-    const sanitizedHtml = sanitizeHTML(text);
-    let regex;
-    // Catch unexpected cases where some combination of characters break the RegExp
-    try {
-        regex = new RegExp(`(${escapedMatch || sanitizedHtml})`, "gi");
-    }
-    catch (e) {
-        regex = escapedMatch;
-        console.error(`Failure in Highlight component in finsemble-ui. Expected a valid regex. Instead received "${matchAgainst}". Please check that your component is passing valid data.`);
-    }
-    const itemHtml = sanitizedHtml === null || sanitizedHtml === void 0 ? void 0 : sanitizedHtml.replace(regex, `<span class="highlight">$1</span>`);
-    return (React.createElement("span", { dangerouslySetInnerHTML: {
-            __html: itemHtml,
-        } }));
-};
+import * as React from "react";
+/**
+ *Encode characters of string
+ *
+ * @param {string} str - String to be encoded
+ * @returns {string} String with all characters encoded
+ */
+const encodeStringChars = (str) => `&#${str.charCodeAt(0)};`;
+/**
+ *Sanitize string for HTML to prevent XSS attack
+ *
+ * @param {*} str
+ * @return {*}
+ */
+const sanitizeHTML = (str) => str === null || str === void 0 ? void 0 : str.replace(/[^\w. ]/gi, encodeStringChars);
+/**
+ * Highlights matching areas of a query against a piece of text, and then renders them
+ * on the screen with a highlighted class. The matching is case insensitive.
+ * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
+ * when rendering externally-supplied content.
+ */
+export const Highlight = (props) => {
+    const { matchAgainst, text } = props;
+    const escapedMatch = matchAgainst.replace(/([.*+?^${}()|[\]\\])/g, encodeStringChars);
+    const sanitizedHtml = sanitizeHTML(text);
+    let regex;
+    // Catch unexpected cases where some combination of characters break the RegExp
+    try {
+        regex = new RegExp(`(${escapedMatch || sanitizedHtml})`, "gi");
+    }
+    catch (e) {
+        regex = escapedMatch;
+        console.error(`Failure in Highlight component in finsemble-ui. Expected a valid regex. Instead received "${matchAgainst}". Please check that your component is passing valid data.`);
+    }
+    const itemHtml = sanitizedHtml === null || sanitizedHtml === void 0 ? void 0 : sanitizedHtml.replace(regex, `<span class="highlight">$1</span>`);
+    return (React.createElement("span", { dangerouslySetInnerHTML: {
+            __html: itemHtml,
+        } }));
+};
 //# sourceMappingURL=Highlight.js.map

package/react/components/search/Highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../src/components/search/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAErE;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;AAEnF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAAC;IAEtF,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,KAAsB,CAAC;IAE3B,+EAA+E;IAC/E,IAAI;QACH,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,YAAY,IAAI,aAAa,GAAG,EAAE,IAAI,CAAC,CAAC;KAC/D;IAAC,OAAO,CAAC,EAAE;QACX,KAAK,GAAG,YAAY,CAAC;QACrB,OAAO,CAAC,KAAK,CACZ,6FAA6F,YAAY,4DAA4D,CACrK,CAAC;KACF;IAED,MAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,KAAK,EAAE,mCAAmC,CAAC,CAAC;IAEpF,OAAO,CACN,8BACC,uBAAuB,EAAE;YACxB,MAAM,EAAE,QAAQ;SAChB,GACM,CACR,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\n\nexport type HighlightProps = {\n\tmatchAgainst: string;\n\ttext: string;\n};\n\n/**\n *Encode characters of string\n *\n * @param {string} str - String to be encoded\n * @returns {string} String with all characters encoded\n */\nconst encodeStringChars = (str: string) => `&#${str.charCodeAt(0)};`;\n\n/**\n *Sanitize string for HTML to prevent XSS attack\n *\n * @param {*} str\n * @return {*}\n */\nconst sanitizeHTML = (str: string) => str?.replace(/[^\\w. ]/gi, encodeStringChars);\n\n/**\n * Highlights matching areas of a query against a piece of text, and then renders them\n * on the screen with a highlighted class. The matching is case insensitive.\n * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution\n * when rendering externally-supplied content.\n */\nexport const Highlight = (props: HighlightProps) => {\n\tconst { matchAgainst, text } = props;\n\n\tconst escapedMatch = matchAgainst.replace(/([.*+?^${}()|[\\]\\\\])/g, encodeStringChars);\n\n\tconst sanitizedHtml = sanitizeHTML(text);\n\tlet regex: RegExp | string;\n\n\t// Catch unexpected cases where some combination of characters break the RegExp\n\ttry {\n\t\tregex = new RegExp(`(${escapedMatch || sanitizedHtml})`, \"gi\");\n\t} catch (e) {\n\t\tregex = escapedMatch;\n\t\tconsole.error(\n\t\t\t`Failure in Highlight component in finsemble-ui. Expected a valid regex. Instead received \"${matchAgainst}\". Please check that your component is passing valid data.`\n\t\t);\n\t}\n\n\tconst itemHtml = sanitizedHtml?.replace(regex, `<span class=\"highlight\">$1</span>`);\n\n\treturn (\n\t\t<span\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: itemHtml,\n\t\t\t}}\n\t\t></span>\n\t);\n};\n"]}
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAErE;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;AAEnF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAAC;IAEtF,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,KAAsB,CAAC;IAE3B,+EAA+E;IAC/E,IAAI;QACH,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,YAAY,IAAI,aAAa,GAAG,EAAE,IAAI,CAAC,CAAC;KAC/D;IAAC,OAAO,CAAC,EAAE;QACX,KAAK,GAAG,YAAY,CAAC;QACrB,OAAO,CAAC,KAAK,CACZ,6FAA6F,YAAY,4DAA4D,CACrK,CAAC;KACF;IAED,MAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,KAAK,EAAE,mCAAmC,CAAC,CAAC;IAEpF,OAAO,CACN,8BACC,uBAAuB,EAAE;YACxB,MAAM,EAAE,QAAQ;SAChB,GACM,CACR,CAAC;AACH,CAAC,CAAC"}

package/react/components/search/Search.d.ts

@@ -1,5 +1,6 @@
-import * as React from "react";
-import { MenuProps } from "../menu/Menu";
-import "../../assets/css/search.css";
-declare const Search: React.FunctionComponent<MenuProps>;
-export { Search };
+import * as React from "react";
+import { MenuProps } from "../menu/Menu";
+import "../../assets/css/search.css";
+declare const Search: React.FunctionComponent<MenuProps>;
+export { Search };
+//# sourceMappingURL=Search.d.ts.map

package/react/components/search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,6BAA6B,CAAC;AAErC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAoB9C,CAAC;AACF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/react/components/search/Search.js

@@ -1,28 +1,28 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { Menu } from "../menu/Menu";
-import { SearchResults } from "./SearchResults";
-import { SearchInput } from "./SearchInput";
-import "../../assets/css/search.css";
-const Search = (_a) => {
-    var _b;
-    var { width = 330, className = "search-menu", id = "SearchMenu" } = _a, otherProps = __rest(_a, ["width", "className", "id"]);
-    const completeProps = Object.assign(Object.assign({}, otherProps), { width,
-        className,
-        id, title: (_b = otherProps.title) !== null && _b !== void 0 ? _b : React.createElement("i", { className: "ff-search", "aria-label": "Search" }) });
-    return (React.createElement(Menu, Object.assign({}, completeProps),
-        React.createElement(SearchInput, null),
-        React.createElement(SearchResults, null)));
-};
-export { Search };
+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 * as React from "react";
+import { Menu } from "../menu/Menu";
+import { SearchResults } from "./SearchResults";
+import { SearchInput } from "./SearchInput";
+import "../../assets/css/search.css";
+const Search = (_a) => {
+    var _b;
+    var { width = 330, className = "search-menu", id = "SearchMenu" } = _a, otherProps = __rest(_a, ["width", "className", "id"]);
+    const completeProps = Object.assign(Object.assign({}, otherProps), { width,
+        className,
+        id, title: (_b = otherProps.title) !== null && _b !== void 0 ? _b : React.createElement("i", { className: "ff-search", "aria-label": "Search" }) });
+    return (React.createElement(Menu, Object.assign({}, completeProps),
+        React.createElement(SearchInput, null),
+        React.createElement(SearchResults, null)));
+};
+export { Search };
 //# sourceMappingURL=Search.js.map

package/react/components/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,GAAuC,CAAC,EAKnD,EAAE,EAAE;;QAL+C,EACnD,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,aAAa,EACzB,EAAE,GAAG,YAAY,OAEjB,EADG,UAAU,cAJsC,4BAKnD,CADa;IAEb,MAAM,aAAa,mCACf,UAAU,KACb,KAAK;QACL,SAAS;QACT,EAAE,EACF,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,mCAAI,2BAAG,SAAS,EAAC,WAAW,gBAAY,QAAQ,GAAK,GAC5E,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;QACtB,oBAAC,WAAW,OAAG;QACf,oBAAC,aAAa,OAAG,CACX,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["import * as React from \"react\";\nimport { Menu } from \"../menu/Menu\";\nimport { MenuProps } from \"../menu/Menu\";\nimport { SearchResults } from \"./SearchResults\";\nimport { SearchInput } from \"./SearchInput\";\nimport \"../../assets/css/search.css\";\n\nconst Search: React.FunctionComponent<MenuProps> = ({\n\twidth = 330,\n\tclassName = \"search-menu\",\n\tid = \"SearchMenu\",\n\t...otherProps\n}) => {\n\tconst completeProps = {\n\t\t...otherProps,\n\t\twidth,\n\t\tclassName,\n\t\tid,\n\t\ttitle: otherProps.title ?? <i className=\"ff-search\" aria-label=\"Search\"></i>,\n\t};\n\n\treturn (\n\t\t<Menu {...completeProps}>\n\t\t\t<SearchInput />\n\t\t\t<SearchResults />\n\t\t</Menu>\n\t);\n};\nexport { Search };\n"]}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,GAAuC,CAAC,EAKnD,EAAE,EAAE;;QAL+C,EACnD,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,aAAa,EACzB,EAAE,GAAG,YAAY,OAEjB,EADG,UAAU,cAJsC,4BAKnD,CADa;IAEb,MAAM,aAAa,mCACf,UAAU,KACb,KAAK;QACL,SAAS;QACT,EAAE,EACF,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,mCAAI,2BAAG,SAAS,EAAC,WAAW,gBAAY,QAAQ,GAAK,GAC5E,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;QACtB,oBAAC,WAAW,OAAG;QACf,oBAAC,aAAa,OAAG,CACX,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/react/components/search/SearchBestMatch.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-/**
- * Simple component that renders a menu item for the entity that
- * best matches the user's query.
- */
-export declare const SearchBestMatch: () => JSX.Element | null;
+/// <reference types="react" />
+/**
+ * Simple component that renders a menu item for the entity that
+ * best matches the user's query.
+ */
+export declare const SearchBestMatch: () => JSX.Element | null;
+//# sourceMappingURL=SearchBestMatch.d.ts.map

package/react/components/search/SearchBestMatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBestMatch.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchBestMatch.tsx"],"names":[],"mappings":";AA2BA;;;GAGG;AACH,eAAO,MAAM,eAAe,0BAW3B,CAAC"}

package/react/components/search/SearchBestMatch.js

@@ -1,39 +1,39 @@
-import * as React from "react";
-import { SearchResult } from "./SearchResult";
-import { useSearch } from "../../hooks/useSearch";
-/**
- * Iterates through the responses from every search provider
- * and returns the item with the highest score.
- * Half of the time this makes sense. The other half
- * it doesn't make sense. It's all built on Fuse JS and how
- * it grades the 'score' of a query to an entity.
- */
-const findBestMatch = (searchProviderResponses) => {
-    if (searchProviderResponses) {
-        let bestMatch = null;
-        searchProviderResponses.forEach((providerInfo) => {
-            var _a;
-            (_a = providerInfo === null || providerInfo === void 0 ? void 0 : providerInfo.data) === null || _a === void 0 ? void 0 : _a.forEach((result) => {
-                if (bestMatch === null || result.score < bestMatch.score) {
-                    bestMatch = result;
-                }
-            });
-        });
-        return bestMatch;
-    }
-    return null;
-};
-/**
- * Simple component that renders a menu item for the entity that
- * best matches the user's query.
- */
-export const SearchBestMatch = () => {
-    const { searchResults, searchQuery, resetSearch } = useSearch();
-    const bestMatchData = findBestMatch(searchResults);
-    if (!bestMatchData)
-        return null;
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "search-title" }, "Best Match"),
-        React.createElement(SearchResult, { resetSearch: resetSearch, data: bestMatchData, searchQuery: searchQuery })));
-};
+import * as React from "react";
+import { SearchResult } from "./SearchResult";
+import { useSearch } from "../../hooks/useSearch";
+/**
+ * Iterates through the responses from every search provider
+ * and returns the item with the highest score.
+ * Half of the time this makes sense. The other half
+ * it doesn't make sense. It's all built on Fuse JS and how
+ * it grades the 'score' of a query to an entity.
+ */
+const findBestMatch = (searchProviderResponses) => {
+    if (searchProviderResponses) {
+        let bestMatch = null;
+        searchProviderResponses.forEach((providerInfo) => {
+            var _a;
+            (_a = providerInfo === null || providerInfo === void 0 ? void 0 : providerInfo.data) === null || _a === void 0 ? void 0 : _a.forEach((result) => {
+                if (bestMatch === null || result.score < bestMatch.score) {
+                    bestMatch = result;
+                }
+            });
+        });
+        return bestMatch;
+    }
+    return null;
+};
+/**
+ * Simple component that renders a menu item for the entity that
+ * best matches the user's query.
+ */
+export const SearchBestMatch = () => {
+    const { searchResults, searchQuery, resetSearch } = useSearch();
+    const bestMatchData = findBestMatch(searchResults);
+    if (!bestMatchData)
+        return null;
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "search-title" }, "Best Match"),
+        React.createElement(SearchResult, { resetSearch: resetSearch, data: bestMatchData, searchQuery: searchQuery })));
+};
 //# sourceMappingURL=SearchBestMatch.js.map

package/react/components/search/SearchBestMatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBestMatch.js","sourceRoot":"","sources":["../../../src/components/search/SearchBestMatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CAAC,uBAAwD,EAAE,EAAE;IAClF,IAAI,uBAAuB,EAAE;QAC5B,IAAI,SAAS,GAA4B,IAAI,CAAC;QAC9C,uBAAuB,CAAC,OAAO,CAAC,CAAC,YAAoC,EAAE,EAAE;;YACxE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,MAAwB,EAAE,EAAE;gBACxD,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;oBACzD,SAAS,GAAG,MAAM,CAAC;iBACnB;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;KACjB;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAChE,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,cAAc,iBAAiB;QAC9C,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI,CACpF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { SearchResult } from \"./SearchResult\";\nimport { useSearch } from \"../../hooks/useSearch\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype SearchProviderResponse = services.search.types.SearchProviderResponse;\ntype SearchResultType = services.search.types.SearchResultType;\n\n/**\n * Iterates through the responses from every search provider\n * and returns the item with the highest score.\n * Half of the time this makes sense. The other half\n * it doesn't make sense. It's all built on Fuse JS and how\n * it grades the 'score' of a query to an entity.\n */\nconst findBestMatch = (searchProviderResponses: SearchProviderResponse[] | null) => {\n\tif (searchProviderResponses) {\n\t\tlet bestMatch: SearchResultType | null = null;\n\t\tsearchProviderResponses.forEach((providerInfo: SearchProviderResponse) => {\n\t\t\tproviderInfo?.data?.forEach((result: SearchResultType) => {\n\t\t\t\tif (bestMatch === null || result.score < bestMatch.score) {\n\t\t\t\t\tbestMatch = result;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\treturn bestMatch;\n\t}\n\treturn null;\n};\n\n/**\n * Simple component that renders a menu item for the entity that\n * best matches the user's query.\n */\nexport const SearchBestMatch = () => {\n\tconst { searchResults, searchQuery, resetSearch } = useSearch();\n\tconst bestMatchData = findBestMatch(searchResults);\n\tif (!bestMatchData) return null;\n\n\treturn (\n\t\t<div>\n\t\t\t<div className=\"search-title\">Best Match</div>\n\t\t\t<SearchResult resetSearch={resetSearch} data={bestMatchData} searchQuery={searchQuery} />\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"SearchBestMatch.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchBestMatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CAAC,uBAAwD,EAAE,EAAE;IAClF,IAAI,uBAAuB,EAAE;QAC5B,IAAI,SAAS,GAA4B,IAAI,CAAC;QAC9C,uBAAuB,CAAC,OAAO,CAAC,CAAC,YAAoC,EAAE,EAAE;;YACxE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,MAAwB,EAAE,EAAE;gBACxD,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;oBACzD,SAAS,GAAG,MAAM,CAAC;iBACnB;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;KACjB;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAChE,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,cAAc,iBAAiB;QAC9C,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAI,CACpF,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/search/SearchInput.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-/**
- * This is the search input field for the search menu.
- * It will trigger calls to the searchMenu via the hook passed in
- * through props.
- */
-export declare const SearchInput: () => JSX.Element;
+/// <reference types="react" />
+/**
+ * This is the search input field for the search menu.
+ * It will trigger calls to the searchMenu via the hook passed in
+ * through props.
+ */
+export declare const SearchInput: () => JSX.Element;
+//# sourceMappingURL=SearchInput.d.ts.map

package/react/components/search/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchInput.tsx"],"names":[],"mappings":";AAIA;;;;GAIG;AACH,eAAO,MAAM,WAAW,mBAsCvB,CAAC"}

package/react/components/search/SearchInput.js

@@ -1,29 +1,29 @@
-import * as React from "react";
-import { createRef } from "react";
-import { useSearch } from "../../hooks/useSearch";
-/**
- * This is the search input field for the search menu.
- * It will trigger calls to the searchMenu via the hook passed in
- * through props.
- */
-export const SearchInput = () => {
-    const { searchQuery } = useSearch();
-    // the ref is needed so we can provide focus after clearing the search.
-    const textInputRef = createRef();
-    const { updateQuery, resetSearch } = useSearch();
-    const onClearSearchClicked = () => {
-        resetSearch();
-        textInputRef.current.focus();
-    };
-    const handleInputChange = (e) => {
-        updateQuery(e.target.value);
-    };
-    return (React.createElement("div", { className: "menu-item no-hover" },
-        React.createElement("div", { className: "menu-item-row" },
-            React.createElement("span", { className: "search-icon-wrapper" },
-                React.createElement("i", { className: "ff-search" })),
-            React.createElement("input", { ref: textInputRef, type: "text", placeholder: "Search", className: "search-input", value: searchQuery || "", autoFocus: true, onChange: handleInputChange }),
-            searchQuery && (React.createElement("span", { className: "clear-search menu-item-row-push-right", onClick: onClearSearchClicked },
-                React.createElement("i", { className: "ff-close" }))))));
-};
+import * as React from "react";
+import { createRef } from "react";
+import { useSearch } from "../../hooks/useSearch";
+/**
+ * This is the search input field for the search menu.
+ * It will trigger calls to the searchMenu via the hook passed in
+ * through props.
+ */
+export const SearchInput = () => {
+    const { searchQuery } = useSearch();
+    // the ref is needed so we can provide focus after clearing the search.
+    const textInputRef = createRef();
+    const { updateQuery, resetSearch } = useSearch();
+    const onClearSearchClicked = () => {
+        resetSearch();
+        textInputRef.current.focus();
+    };
+    const handleInputChange = (e) => {
+        updateQuery(e.target.value);
+    };
+    return (React.createElement("div", { className: "menu-item no-hover" },
+        React.createElement("div", { className: "menu-item-row" },
+            React.createElement("span", { className: "search-icon-wrapper" },
+                React.createElement("i", { className: "ff-search" })),
+            React.createElement("input", { ref: textInputRef, type: "text", placeholder: "Search", className: "search-input", value: searchQuery || "", autoFocus: true, onChange: handleInputChange }),
+            searchQuery && (React.createElement("span", { className: "clear-search menu-item-row-push-right", onClick: onClearSearchClicked },
+                React.createElement("i", { className: "ff-close" }))))));
+};
 //# sourceMappingURL=SearchInput.js.map

package/react/components/search/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/search/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACpC,uEAAuE;IACvE,MAAM,YAAY,GAAQ,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,8BAAM,SAAS,EAAC,qBAAqB;gBACpC,2BAAG,SAAS,EAAC,WAAW,GAAG,CACrB;YACP,+BACC,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,SAAS,QACT,QAAQ,EAAE,iBAAiB,GAC1B;YACD,WAAW,IAAI,CACf,8BAAM,SAAS,EAAC,uCAAuC,EAAC,OAAO,EAAE,oBAAoB;gBACpF,2BAAG,SAAS,EAAC,UAAU,GAAG,CACpB,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { createRef } from \"react\";\nimport { useSearch } from \"../../hooks/useSearch\";\n\n/**\n * This is the search input field for the search menu.\n * It will trigger calls to the searchMenu via the hook passed in\n * through props.\n */\nexport const SearchInput = () => {\n\tconst { searchQuery } = useSearch();\n\t// the ref is needed so we can provide focus after clearing the search.\n\tconst textInputRef: any = createRef();\n\tconst { updateQuery, resetSearch } = useSearch();\n\n\tconst onClearSearchClicked = () => {\n\t\tresetSearch();\n\t\ttextInputRef.current.focus();\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tupdateQuery(e.target.value);\n\t};\n\n\treturn (\n\t\t<div className=\"menu-item no-hover\">\n\t\t\t<div className=\"menu-item-row\">\n\t\t\t\t<span className=\"search-icon-wrapper\">\n\t\t\t\t\t<i className=\"ff-search\" />\n\t\t\t\t</span>\n\t\t\t\t<input\n\t\t\t\t\tref={textInputRef}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\tclassName=\"search-input\"\n\t\t\t\t\tvalue={searchQuery || \"\"}\n\t\t\t\t\tautoFocus\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t/>\n\t\t\t\t{searchQuery && (\n\t\t\t\t\t<span className=\"clear-search menu-item-row-push-right\" onClick={onClearSearchClicked}>\n\t\t\t\t\t\t<i className=\"ff-close\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACpC,uEAAuE;IACvE,MAAM,YAAY,GAAQ,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6BAAK,SAAS,EAAC,eAAe;YAC7B,8BAAM,SAAS,EAAC,qBAAqB;gBACpC,2BAAG,SAAS,EAAC,WAAW,GAAG,CACrB;YACP,+BACC,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,SAAS,QACT,QAAQ,EAAE,iBAAiB,GAC1B;YACD,WAAW,IAAI,CACf,8BAAM,SAAS,EAAC,uCAAuC,EAAC,OAAO,EAAE,oBAAoB;gBACpF,2BAAG,SAAS,EAAC,UAAU,GAAG,CACpB,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/search/SearchProviderResults.d.ts

@@ -1,7 +1,6 @@
-import * as React from "react";
-import { services } from "@finsemble/finsemble-api";
-declare type SearchProviderResponse = services.search.types.SearchProviderResponse;
-export declare const SearchProviderResults: React.FunctionComponent<{
-    providerResponse: SearchProviderResponse;
-}>;
-export {};
+import * as React from "react";
+import { SearchProviderResponse } from "../../../platform/services/search/types";
+export declare const SearchProviderResults: React.FunctionComponent<{
+    providerResponse: SearchProviderResponse;
+}>;
+//# sourceMappingURL=SearchProviderResults.d.ts.map

package/react/components/search/SearchProviderResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProviderResults.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchProviderResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,sBAAsB,EAAoB,MAAM,yCAAyC,CAAC;AAGnG,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC3D,gBAAgB,EAAE,sBAAsB,CAAC;CACzC,CAmCA,CAAC"}

package/react/components/search/SearchProviderResults.js

@@ -1,26 +1,27 @@
-import * as React from "react";
-import { SearchResult } from "./SearchResult";
-import { useSearch } from "../../hooks/useSearch";
-export const SearchProviderResults = ({ providerResponse }) => {
-    var _a;
-    const { searchQuery, resetSearch } = useSearch();
-    const clickResetSearch = () => {
-        resetSearch();
-    };
-    // Removes empty results then sorts by *lowest* score (search results are retuned from Finsemble where lowest is best)
-    // This uses fuse.js which uses the "bitap" algorithm
-    const providerResults = (_a = providerResponse === null || providerResponse === void 0 ? void 0 : providerResponse.data) === null || _a === void 0 ? void 0 : _a.filter((r) => r).sort((a, b) => a.score - b.score);
-    const providerClick = () => {
-        FSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);
-        resetSearch();
-        finsembleWindow.blur();
-    };
-    return (React.createElement(React.Fragment, null,
-        providerResponse && (React.createElement("div", { className: "search-title" },
-            providerResponse.provider.displayName,
-            providerResponse.provider.providerActionTitle && (React.createElement("div", { className: "provider-title", onClick: providerClick },
-                providerResponse.provider.providerActionTitle,
-                React.createElement("div", { className: "ff-arrow-right arrow_right_grey" }))))), providerResults === null || providerResults === void 0 ? void 0 :
-        providerResults.map((individualResult, i) => (React.createElement(SearchResult, { key: i, resetSearch: clickResetSearch, searchQuery: searchQuery, data: individualResult })))));
-};
+import * as React from "react";
+import { SearchResult } from "./SearchResult";
+import { useSearch } from "../../hooks/useSearch";
+import { FEAGlobals } from "../../../common/Globals";
+export const SearchProviderResults = ({ providerResponse }) => {
+    var _a;
+    const { searchQuery, resetSearch } = useSearch();
+    const clickResetSearch = () => {
+        resetSearch();
+    };
+    // Removes empty results then sorts by *lowest* score (search results are retuned from Finsemble where lowest is best)
+    // This uses fuse.js which uses the "bitap" algorithm
+    const providerResults = (_a = providerResponse === null || providerResponse === void 0 ? void 0 : providerResponse.data) === null || _a === void 0 ? void 0 : _a.filter((r) => r).sort((a, b) => a.score - b.score);
+    const providerClick = () => {
+        FEAGlobals.FSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);
+        resetSearch();
+        FEAGlobals.finsembleWindow.blur();
+    };
+    return (React.createElement(React.Fragment, null,
+        providerResponse && (React.createElement("div", { className: "search-title" },
+            providerResponse.provider.displayName,
+            providerResponse.provider.providerActionTitle && (React.createElement("div", { className: "provider-title", onClick: providerClick },
+                providerResponse.provider.providerActionTitle,
+                React.createElement("div", { className: "ff-arrow-right arrow_right_grey" }))))), providerResults === null || providerResults === void 0 ? void 0 :
+        providerResults.map((individualResult, i) => (React.createElement(SearchResult, { key: i, resetSearch: clickResetSearch, searchQuery: searchQuery, data: individualResult })))));
+};
 //# sourceMappingURL=SearchProviderResults.js.map

package/react/components/search/SearchProviderResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchProviderResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchProviderResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,CAAC,MAAM,qBAAqB,GAE7B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;;IAC7B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IACF,sHAAsH;IACtH,qDAAqD;IACrD,MAAM,eAAe,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAC3C,MAAM,CAAC,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,EAClC,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC1E,WAAW,EAAE,CAAC;QACd,eAAe,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACN;QACE,gBAAgB,IAAI,CACpB,6BAAK,SAAS,EAAC,cAAc;YAC3B,gBAAgB,CAAC,QAAQ,CAAC,WAAW;YACrC,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,IAAI,CACjD,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,aAAa;gBACpD,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB;gBAC9C,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CAClD,CACN,CACI,CACN,EACA,eAAe,aAAf,eAAe;QAAf,eAAe,CAAE,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAS,EAAE,EAAE,CAAC,CACtD,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,GAAI,CACzG,CAAC,CACA,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { SearchResult } from \"./SearchResult\";\nimport { useSearch } from \"../../hooks/useSearch\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype SearchProviderResponse = services.search.types.SearchProviderResponse;\ntype SearchResultType = services.search.types.SearchResultType;\n\nexport const SearchProviderResults: React.FunctionComponent<{\n\tproviderResponse: SearchProviderResponse;\n}> = ({ providerResponse }) => {\n\tconst { searchQuery, resetSearch } = useSearch();\n\n\tconst clickResetSearch = () => {\n\t\tresetSearch();\n\t};\n\t// Removes empty results then sorts by *lowest* score (search results are retuned from Finsemble where lowest is best)\n\t// This uses fuse.js which uses the \"bitap\" algorithm\n\tconst providerResults = providerResponse?.data\n\t\t?.filter((r: SearchResultType) => r)\n\t\t.sort((a: SearchResultType, b: SearchResultType) => a.score - b.score);\n\n\tconst providerClick = () => {\n\t\tFSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);\n\t\tresetSearch();\n\t\tfinsembleWindow.blur();\n\t};\n\treturn (\n\t\t<>\n\t\t\t{providerResponse && (\n\t\t\t\t<div className=\"search-title\">\n\t\t\t\t\t{providerResponse.provider.displayName}\n\t\t\t\t\t{providerResponse.provider.providerActionTitle && (\n\t\t\t\t\t\t<div className=\"provider-title\" onClick={providerClick}>\n\t\t\t\t\t\t\t{providerResponse.provider.providerActionTitle}\n\t\t\t\t\t\t\t<div className=\"ff-arrow-right arrow_right_grey\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{providerResults?.map((individualResult, i: number) => (\n\t\t\t\t<SearchResult key={i} resetSearch={clickResetSearch} searchQuery={searchQuery} data={individualResult} />\n\t\t\t))}\n\t\t</>\n\t);\n};\n"]}
+{"version":3,"file":"SearchProviderResults.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchProviderResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAE7B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;;IAC7B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IACF,sHAAsH;IACtH,qDAAqD;IACrD,MAAM,eAAe,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAC3C,MAAM,CAAC,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,EAClC,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACrF,WAAW,EAAE,CAAC;QACd,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IACnC,CAAC,CAAC;IACF,OAAO,CACN;QACE,gBAAgB,IAAI,CACpB,6BAAK,SAAS,EAAC,cAAc;YAC3B,gBAAgB,CAAC,QAAQ,CAAC,WAAW;YACrC,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,IAAI,CACjD,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,aAAa;gBACpD,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB;gBAC9C,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CAClD,CACN,CACI,CACN,EACA,eAAe,aAAf,eAAe;QAAf,eAAe,CAAE,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAS,EAAE,EAAE,CAAC,CACtD,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,GAAI,CACzG,CAAC,CACA,CACH,CAAC;AACH,CAAC,CAAC"}