@finsemble/finsemble-ui 1.0.0-beta-6 → 1.0.0-beta-9

package/react/components/sdd/css/project-errors.css

@@ -0,0 +1,15 @@
+.project-error {
+	margin-bottom: 5px;
+	display: flex;
+	align-items: center;
+}
+
+.project-error-icon {
+	color: #f5a623;
+	font-size: 1.3rem;
+	margin-right: 0.5em;
+}
+
+.project-errors-container {
+	margin-left: 1em;
+}

package/react/components/sdd/css/project-header.css

@@ -0,0 +1,122 @@
+.project-header {
+	padding: 2.1rem 0;
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: visible;
+	background-color: #373b43;
+}
+
+.project-name {
+	margin-left: 2.1rem;
+}
+
+.text-icon {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	border-radius: 50%;
+	border: 0.1em solid var(--font-color);
+	height: 1.3em;
+	width: 1.3em;
+}
+
+.project-title-icon {
+	font-size: 2em;
+	z-index: 10000;
+	position: absolute;
+	margin-left: -0.8em;
+}
+
+.project-name-field {
+	font-size: inherit;
+}
+
+.project-name-field input[type="text"] {
+	font-size: 16px;
+	font-weight: bold;
+	transition: border-color 0.25s;
+	padding: 0.25rem 0 0;
+	border-color: transparent;
+	min-width: 15em;
+	max-width: 20em;
+	height: 1.5em;
+	letter-spacing: 0.4px;
+}
+
+.project-name-field input[type="text"]:hover,
+.project-name-field input[type="text"]:focus {
+	cursor: text;
+	border-color: #42a5ba;
+}
+
+.project-name-field input[type="text"]::placeholder {
+	color: #fff;
+}
+
+.project-name-field input[type="text"]:focus::placeholder {
+	color: rgb(255 255 255 / 75%);
+}
+
+.project-name-actions {
+	opacity: 0;
+	padding: 0.75em;
+	z-index: 100;
+}
+
+.is-editing-project-name .project-name-actions {
+	opacity: 1;
+}
+
+.is-editing-project-name .project-name-container::before {
+	opacity: 1;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.is-editing-project-name input[type="text"] {
+	cursor: text;
+	border-color: #42a5ba;
+}
+
+.project-name-actions button:disabled {
+	opacity: 0.25;
+}
+
+.is-editing-project-name.is-invalid-project-name input[type="text"] {
+	border-color: #da5c5c;
+}
+
+.is-invalid-project-name input {
+	color: #da5c5c;
+}
+
+.project-name-error-icon {
+	font-size: 12px;
+	display: inline-block;
+	position: absolute;
+	left: 5px;
+	top: 32px;
+}
+
+.current-project-path {
+	margin-left: 10px;
+	font-size: 0.9em;
+	white-space: nowrap;
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	cursor: pointer;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.change-project-path-button button {
+	color: #acb2c0;
+	padding: 0;
+	font-size: 17px;
+	margin-left: 2px;
+}
+
+.project-path-container {
+	display: flex;
+	flex-wrap: nowrap;
+}

package/react/components/sdd/css/styles.css

@@ -0,0 +1,184 @@
+@import url("./nav.css");
+@import url("./views.css");
+@import url("./getting-started.css");
+@import url("./project-header.css");
+
+body,
+html {
+	padding: 0;
+	margin: 0;
+	width: 100vw;
+	height: 100vh;
+	font-size: 13px;
+	background-color: #22262f;
+}
+
+p {
+	opacity: 0.75;
+	line-height: 1.7em;
+}
+
+h2 {
+	margin: 0;
+}
+
+* {
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+*,
+*::after,
+*::before {
+	user-select: none;
+	-webkit-user-drag: none;
+	-webkit-app-region: no-drag;
+	cursor: default;
+}
+
+button {
+	border-radius: 3px;
+	font-family: OpenSans;
+	font-weight: 600;
+	padding: 0.5em 1em;
+	background-color: transparent;
+	border: 0 solid transparent;
+	color: #fff;
+	font-size: 0.9rem;
+	transition: all 0.2s ease-in;
+	cursor: pointer;
+}
+
+.tile-type-button {
+	width: 13.6em;
+	height: 8.5em;
+	flex-grow: 0;
+	flex-shrink: 0;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	padding-top: 1.3em;
+	margin: 0.5em;
+	background-color: #373b43;
+	border-radius: 0.5em;
+	font-size: 1.1em;
+	transition: all 0.25s;
+	border: 2px solid transparent;
+}
+
+.tile-type-button:hover {
+	border-color: #36788b;
+}
+
+button[type="submit"] {
+	background-color: #42a5ba;
+}
+
+fieldset {
+	padding: 0;
+	margin: 0;
+	border: 0;
+}
+
+legend {
+	margin: 0;
+	padding: 0;
+}
+
+input[type="text"] {
+	border: 0 transparent solid;
+	border-bottom: 2px solid transparent;
+}
+
+textarea {
+	padding: 1em 0;
+	border: 0;
+	border-bottom: 2px transparent solid;
+	cursor: text;
+}
+
+input[type="text"],
+textarea {
+	font-family: OpenSans;
+	font-size: 0.9em;
+	height: 2.9em;
+	padding-left: 0.5em;
+	color: #fff;
+	border-bottom: 2px solid #3d4455;
+	background-color: #22262f;
+	transition: all 0.2s ease-in;
+	cursor: text;
+}
+
+input[type="text"]:focus,
+textarea:focus {
+	outline: none;
+	border-color: #42a5ba;
+}
+
+input[type="text"][aria-invalid="true"] {
+	border-bottom: 2px solid #f26666;
+}
+
+.invalid-message {
+	font-size: 10px;
+	color: #f26666;
+	display: block;
+}
+
+#smartDesktopDesigner {
+	position: relative;
+	height: 100%;
+	width: 100%;
+}
+
+.config-container {
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	max-width: 100%;
+	max-height: 100%;
+	position: absolute;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.project-container {
+	display: flex;
+	flex-grow: 1;
+	max-height: 100%;
+	overflow: auto;
+}
+
+/* width: 8px, per @DanNicolai */
+
+::-webkit-scrollbar {
+	width: 12px;
+}
+
+/* Track */
+
+::-webkit-scrollbar-track {
+	background: none;
+}
+
+/* Handle */
+
+::-webkit-scrollbar-thumb {
+	background: #f1f1f1;
+	border-radius: 6px;
+}
+
+/* Handle on hover */
+
+::-webkit-scrollbar-thumb:hover {
+	background: #555;
+}
+
+input[type="file"] {
+	font-family: OpenSans;
+	font-size: 1em;
+	font-weight: 600;
+}

package/react/components/sdd/css/views.css

@@ -0,0 +1,23 @@
+@import url("./applications.css");
+
+.view-container {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+
+	/* height: 100%; */
+	overflow-x: hidden;
+	overflow-y: auto;
+	position: relative;
+	background-color: #373b43;
+}
+
+.content-container {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+}
+
+.view-content {
+	margin: 0 2.1rem;
+}

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

@@ -0,0 +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;
+//# 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

@@ -0,0 +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,
+        } }));
+};
+//# sourceMappingURL=Highlight.js.map

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

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

@@ -0,0 +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 };
+//# 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

@@ -0,0 +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 };
+//# sourceMappingURL=Search.js.map

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

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

@@ -0,0 +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;
+//# 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

@@ -0,0 +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 })));
+};
+//# sourceMappingURL=SearchBestMatch.js.map

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

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

@@ -0,0 +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;
+//# 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

@@ -0,0 +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" }))))));
+};
+//# sourceMappingURL=SearchInput.js.map

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

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SearchQuery } from "../../../platform/services/search/types";
+export declare type SearchResultType = {
+    data: any;
+    searchQuery: SearchQuery;
+    resetSearch: () => void;
+};
+export declare const SearchResult: (props: {
+    data: any;
+    searchQuery: SearchQuery;
+    resetSearch: () => void;
+}) => JSX.Element;
+//# sourceMappingURL=SearchResult.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResult.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchResult.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAItE,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,WAAW,EAAE,WAAW,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,gBAkEnG,CAAC"}