@finsemble/finsemble-ui 1.0.0-beta-1 → 1.0.0-beta-3

package/react/components/sdd/css/addApp.css

@@ -1,23 +1,43 @@
-.quick-add-app .finsembleToggle {
-	height: 32px;
+.quick-add-app {
+	position: relative;
+}
+
+.quick-add-app .finsembleToggleButtonBar [role="radiogroup"] {
+	width: fit-content;
 	background-color: #22262f;
 	text-align: center;
 	border-radius: 5px;
 	margin: 4px;
 	position: relative;
 	top: 6px;
+	padding: 4px;
+	margin-left: 0;
+	height: auto;
+}
+
+.quick-add-app .finsembleToggleButtonBar {
+	padding: 0;
 }
 
 .quick-add-app table {
-	margin-top: 10px;
+	margin-top: 15px;
+	width: 100%;
+}
+
+.quick-add-app td > input[type="text"] {
+	width: 95%;
+}
+
+.quick-add-app td:first-child {
+	width: 88px;
 }
 
 .quick-add-app .toggle-text-label {
-	height: 26px;
-	width: 90px;
+	height: 20px;
+	width: 80px;
 	border-radius: 5px;
 	justify-self: center;
-	padding-top: 5px;
+	padding-top: 3px;
 }
 
 .quick-add-app .toggle-text-label[aria-selected="true"] {
@@ -63,3 +83,52 @@
 [id^="api-access"] {
 	margin-left: 0;
 }
+
+.autogenerate {
+	display: flex;
+	height: 2.9em;
+	align-items: center;
+	width: 485px;
+}
+
+.autogenerate .checkbox-wrapper {
+	margin-right: 20px;
+}
+
+.autogenerate input[type="text"] {
+	flex-grow: 1;
+}
+
+.quick-add-app .apiAccessRow {
+	display: flex;
+	align-items: center;
+}
+
+.quick-add-app .apiAccessRow .checkbox-wrapper {
+	margin-right: 10px;
+}
+
+/** Native section alignments **/
+
+.quick-add-app [data-section="native"] {
+	width: 500px;
+	overflow-x: hidden;
+}
+
+.quick-add-app [data-section="native"] .file-input-actions {
+	width: 93px;
+}
+
+.quick-add-app [data-section="native"] td:first-child {
+	width: 90px;
+	margin-left: 0;
+	margin-right: 0;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.quick-add-app [data-section="native"] input[type="text"] {
+	width: 388px;
+	padding-left: 0;
+	margin-left: 0;
+}

package/react/components/sdd/css/export.css

@@ -176,3 +176,19 @@
 	color: white;
 	opacity: 0.75;
 }
+
+.button-row {
+	display: flex;
+	justify-content: space-between;
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+.hr {
+	margin-top: 12px;
+	margin-bottom: 20px;
+	width: 100%;
+	height: 0;
+	border-bottom: 1px solid var(--font-color);
+	opacity: 0.5;
+}

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,50 +81,49 @@
 
 .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"] {
-	width: 50%;
 	margin-left: 10px;
 	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 {
@@ -105,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

@@ -10,3 +10,4 @@ export declare type HighlightProps = {
  * 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.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

@@ -3,3 +3,4 @@ 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.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

@@ -4,3 +4,4 @@
  * 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.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

@@ -5,3 +5,4 @@
  * 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.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;
+import { SearchProviderResponse } from "../../../platform/services/search/types";
 export declare const SearchProviderResults: React.FunctionComponent<{
     providerResponse: SearchProviderResponse;
 }>;
-export {};
+//# 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,6 +1,7 @@
 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();
@@ -11,9 +12,9 @@ export const SearchProviderResults = ({ providerResponse }) => {
     // 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);
+        FEAGlobals.FSBL.Clients.SearchClient.invokeProviderAction(providerResponse.provider);
         resetSearch();
-        finsembleWindow.blur();
+        FEAGlobals.finsembleWindow.blur();
     };
     return (React.createElement(React.Fragment, null,
         providerResponse && (React.createElement("div", { className: "search-title" },

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"}

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { services } from "@finsemble/finsemble-api";
-declare type SearchQuery = services.search.types.SearchQuery;
+import { SearchQuery } from "../../../platform/services/search/types";
 export declare type SearchResultType = {
     data: any;
     searchQuery: SearchQuery;
@@ -11,4 +10,4 @@ export declare const SearchResult: (props: {
     searchQuery: SearchQuery;
     resetSearch: () => void;
 }) => JSX.Element;
-export {};
+//# 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"}

package/react/components/search/SearchResult.js

@@ -2,6 +2,7 @@ import * as React from "react";
 import { MenuItem } from "../menu/MenuItem";
 import { Icon } from "../icon/Icon";
 import { Highlight } from "./Highlight";
+import { FEAGlobals } from "../../../common/Globals";
 export const SearchResult = (props) => {
     var _a, _b, _c, _d;
     const { data, searchQuery, resetSearch } = props;
@@ -10,11 +11,11 @@ export const SearchResult = (props) => {
     // (e.g., loading a workspace, spawning a component)
     const onSearchResultClicked = () => {
         var _a;
-        FSBL.Clients.SearchClient.invokeItemAction(data, (_a = data.actions) === null || _a === void 0 ? void 0 : _a[0]);
+        FEAGlobals.FSBL.Clients.SearchClient.invokeItemAction(data, (_a = data.actions) === null || _a === void 0 ? void 0 : _a[0]);
         resetSearch();
     };
     const onActionClicked = (action) => {
-        FSBL.Clients.SearchClient.invokeItemAction(data, action);
+        FEAGlobals.FSBL.Clients.SearchClient.invokeItemAction(data, action);
         resetSearch();
     };
     // Default icon to be based on initials
@@ -41,7 +42,7 @@ export const SearchResult = (props) => {
                     e.stopPropagation();
                     onActionClicked(action);
                     resetSearch();
-                    finsembleWindow.blur();
+                    FEAGlobals.finsembleWindow.blur();
                 } }, action.name))))))));
 };
 //# sourceMappingURL=SearchResult.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.js","sourceRoot":"","sources":["../../../src/components/search/SearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAuE,EAAE,EAAE;;IACvG,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC,IAAI,CAAC;IAElD,mDAAmD;IACnD,oDAAoD;IACpD,MAAM,qBAAqB,GAAG,GAAG,EAAE;;QAClC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAG,CAAC,CAAC,CAAC,CAAC;QACpE,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACzD,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,uCAAuC;IACvC,MAAM,WAAW,GAAmB;QACnC,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC;IAEF,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QACjC,wEAAwE;QACxE,qDAAqD;QACrD,uBACC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EACzB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,IAChB,IAAI,CAAC,IAAI,EACX;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAA,iBAAiB,EAAE,mCAAI,WAAW,CAAC;IAEhD,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,qBAAqB;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,oBAAK,IAAI,EAAI;YAClB,oBAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,IAAI,EAAE,GAAI;YAChE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC5B,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,MAAA,IAAI,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE,CAAC,CAC9C,6BACC,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,eAAe,CAAC,MAAM,CAAC,CAAC;oBACxB,WAAW,EAAE,CAAC;oBACd,eAAe,CAAC,IAAI,EAAE,CAAC;gBACxB,CAAC,IAEA,MAAM,CAAC,IAAI,CACP,CACN,CAAC,CACG,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { MenuItem } from \"../menu/MenuItem\";\nimport { Icon } from \"../icon/Icon\";\nimport { Highlight } from \"./Highlight\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { IconDescriptor } from \"@finsemble/finsemble-api/types/services/window/types\";\n\ntype SearchQuery = services.search.types.SearchQuery;\n\nexport type SearchResultType = {\n\tdata: any;\n\tsearchQuery: SearchQuery;\n\tresetSearch: () => void;\n};\n\nexport const SearchResult = (props: { data: any; searchQuery: SearchQuery; resetSearch: () => void }) => {\n\tconst { data, searchQuery, resetSearch } = props;\n\n\tconst displayName = data.displayName ?? data.name;\n\n\t// Will trigger the action associated with the item\n\t// (e.g., loading a workspace, spawning a component)\n\tconst onSearchResultClicked = () => {\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, data.actions?.[0]);\n\t\tresetSearch();\n\t};\n\n\tconst onActionClicked = (action: any) => {\n\t\tFSBL.Clients.SearchClient.invokeItemAction(data, action);\n\t\tresetSearch();\n\t};\n\n\t// Default icon to be based on initials\n\tconst defaultIcon: IconDescriptor = {\n\t\timageType: \"initials\",\n\t\tname: displayName,\n\t\tcategory: data.type,\n\t};\n\n\t// Use iconography if provided in the search results\n\tconst maybeProviderIcon = () => {\n\t\tif (!data.icon) return undefined;\n\t\t// Default conversion which can be overridden if the provider explicitly\n\t\t// provides `imageType`, `name` or `category` fields.\n\t\treturn {\n\t\t\timageType: data.icon.type,\n\t\t\tname: displayName,\n\t\t\tcategory: data.type,\n\t\t\t...data.icon,\n\t\t};\n\t};\n\n\tconst icon = maybeProviderIcon() ?? defaultIcon;\n\n\treturn (\n\t\t<MenuItem onClick={onSearchResultClicked}>\n\t\t\t<div className=\"menu-item-row\">\n\t\t\t\t<Icon {...icon} />\n\t\t\t\t<Highlight text={displayName} matchAgainst={searchQuery || \"\"} />\n\t\t\t\t{data.actions?.length > 1 && (\n\t\t\t\t\t<div className=\"search-actions\">\n\t\t\t\t\t\t{data.actions?.map((action: any, i: number) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={`actionbtn${i}`}\n\t\t\t\t\t\t\t\tclassName=\"search-actions actionButton\"\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\tonActionClicked(action);\n\t\t\t\t\t\t\t\t\tresetSearch();\n\t\t\t\t\t\t\t\t\tfinsembleWindow.blur();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.name}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</MenuItem>\n\t);\n};\n"]}
+{"version":3,"file":"SearchResult.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAQrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAuE,EAAE,EAAE;;IACvG,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC,IAAI,CAAC;IAElD,mDAAmD;IACnD,oDAAoD;IACpD,MAAM,qBAAqB,GAAG,GAAG,EAAE;;QAClC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAG,CAAC,CAAC,CAAC,CAAC;QAC/E,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;QACvC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpE,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,uCAAuC;IACvC,MAAM,WAAW,GAAmB;QACnC,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI,CAAC,IAAI;KACnB,CAAC;IAEF,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QACjC,wEAAwE;QACxE,qDAAqD;QACrD,uBACC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EACzB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,IAChB,IAAI,CAAC,IAAI,EACX;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAA,iBAAiB,EAAE,mCAAI,WAAW,CAAC;IAEhD,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,qBAAqB;QACvC,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,oBAAK,IAAI,EAAI;YAClB,oBAAC,SAAS,IAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,IAAI,EAAE,GAAI;YAChE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC5B,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,MAAA,IAAI,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE,CAAC,CAC9C,6BACC,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,eAAe,CAAC,MAAM,CAAC,CAAC;oBACxB,WAAW,EAAE,CAAC;oBACd,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;gBACnC,CAAC,IAEA,MAAM,CAAC,IAAI,CACP,CACN,CAAC,CACG,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
 import * as React from "react";
 import "../../assets/css/menus.css";
 export declare const SearchResults: React.FunctionComponent;
+//# sourceMappingURL=SearchResults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,4BAA4B,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAoBjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../src/components/search/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IAC1D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEnD,8CAA8C;IAC9C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE;QAC1B,OAAO;QACN,8CAA8C;QAC9C,6BAAK,SAAS,EAAC,yBAAyB;YACvC,oBAAC,eAAe,OAAG;YAClB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,qBAAqB,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,GAAI,CACtD,CAAC,CACG,CACN,CAAC;QACF,yDAAyD;KACzD;SAAM;QACN,MAAM,OAAO,GAAG,WAAW,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAE/F,OAAO,6BAAK,SAAS,EAAC,wCAAwC,IAAE,OAAO,CAAO,CAAC;KAC/E;AACF,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { SearchProviderResults } from \"./SearchProviderResults\";\nimport { SearchBestMatch } from \"./SearchBestMatch\";\nimport { useSearch } from \"../../hooks/useSearch\";\nimport \"../../assets/css/menus.css\";\n\nexport const SearchResults: React.FunctionComponent = () => {\n\tconst { searchResults, searchQuery } = useSearch();\n\n\t// If we had a response from the search client\n\tif (searchResults?.length) {\n\t\treturn (\n\t\t\t// pull out best match into its own component.\n\t\t\t<div className=\"search-provider-results\">\n\t\t\t\t<SearchBestMatch />\n\t\t\t\t{searchResults.map((r, i) => (\n\t\t\t\t\t<SearchProviderResults key={i} providerResponse={r} />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t\t// If we had no response, but we have a valid searchQuery\n\t} else {\n\t\tconst message = searchQuery && searchQuery !== \"\" ? \"No results\" : \"Results will display here\";\n\n\t\treturn <div className=\"menu-item no-hover informational-state\">{message}</div>;\n\t}\n};\n"]}
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IAC1D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEnD,8CAA8C;IAC9C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE;QAC1B,OAAO;QACN,8CAA8C;QAC9C,6BAAK,SAAS,EAAC,yBAAyB;YACvC,oBAAC,eAAe,OAAG;YAClB,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,oBAAC,qBAAqB,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,GAAI,CACtD,CAAC,CACG,CACN,CAAC;QACF,yDAAyD;KACzD;SAAM;QACN,MAAM,OAAO,GAAG,WAAW,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAE/F,OAAO,6BAAK,SAAS,EAAC,wCAAwC,IAAE,OAAO,CAAO,CAAC;KAC/E;AACF,CAAC,CAAC"}

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

@@ -1 +1,2 @@
 export { Search } from "./Search";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { Search } from \"./Search\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/react/components/shared/BellIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 declare const BellIcon: React.FunctionComponent;
 export default BellIcon;
+//# sourceMappingURL=BellIcon.d.ts.map

package/react/components/shared/BellIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/BellIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAarB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/react/components/shared/BellIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BellIcon.js","sourceRoot":"","sources":["../../../src/components/shared/BellIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAA4B,GAAG,EAAE,CAAC,CAC/C,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY;QAClF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAChC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,8BACC,CAAC,EAAC,02BAA02B,EAC52B,SAAS,EAAC,uCAAuC,GAChD,CACC,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from \"react\";\n\nconst BellIcon: React.FunctionComponent = () => (\n\t<div className=\"finsemble-icon\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"23\" viewBox=\"0 -1 16 20\">\n\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t<g fill=\"#FFF\" fillRule=\"nonzero\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14.104 13.486c-.06-.057-.06-.057-.06-.115V8.057c0-3.028-2.43-5.543-5.451-5.828V.97C8.593.686 8.356.4 8 .4s-.593.229-.593.571V2.23c-3.081.285-5.451 2.8-5.451 5.828v5.314c0 .058 0 .115-.06.115L.474 14.857c-.237.229-.415.572-.415.914v.4c0 .686.593 1.315 1.363 1.315h4.03C5.63 18.686 6.696 19.6 8 19.6s2.37-.914 2.548-2.114h4.03c.71 0 1.363-.572 1.363-1.315v-.4c0-.342-.119-.685-.415-.914l-1.422-1.371zM8 18.457c-.652 0-1.185-.4-1.363-.971h2.726c-.178.571-.711.971-1.363.971zm6.756-2.228c0 .114-.06.171-.178.171H1.422c-.118 0-.178-.057-.178-.171v-.4c0-.058 0-.115.06-.115l1.422-1.371c.237-.229.415-.572.415-.914V8.114c0-2.628 2.192-4.743 4.918-4.743s4.919 2.115 4.919 4.743v5.315c0 .342.118.685.415.914l1.422 1.371c.06.057.06.057.06.115v.4h-.12zM8.474.17h-.948c-.06 0-.119.058-.119.115v2.171c0 .057.06.114.119.114h.948c.06 0 .119-.057.119-.114V.286c0-.057-.06-.115-.119-.115z\"\n\t\t\t\t\t\ttransform=\"translate(-744 -92) translate(744 92)\"\n\t\t\t\t\t/>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</svg>\n\t</div>\n);\n\nexport default BellIcon;\n"]}
+{"version":3,"file":"BellIcon.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/BellIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAA4B,GAAG,EAAE,CAAC,CAC/C,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY;QAClF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAChC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,8BACC,CAAC,EAAC,02BAA02B,EAC52B,SAAS,EAAC,uCAAuC,GAChD,CACC,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/react/components/shared/BellIconCrossed.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 declare const BellIconCrossed: React.FunctionComponent;
 export default BellIconCrossed;
+//# sourceMappingURL=BellIconCrossed.d.ts.map

package/react/components/shared/BellIconCrossed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellIconCrossed.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/BellIconCrossed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAsB5B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/react/components/shared/BellIconCrossed.js.map

@@ -1 +1 @@
-{"version":3,"file":"BellIconCrossed.js","sourceRoot":"","sources":["../../../src/components/shared/BellIconCrossed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC,CACtD,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B;QAC3D,2BAAG,EAAE,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YACjF,2BAAG,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,iCAAiC;gBACxD,2BAAG,SAAS,EAAC,+BAA+B,GAAK;gBACjD,8BACC,CAAC,EAAC,m2BAAm2B,EACr2B,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX;gBACR,8BACC,CAAC,EAAC,4JAA4J,EAC9J,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX,CACL,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from \"react\";\n\nconst BellIconCrossed: React.FunctionComponent = () => (\n\t<div className=\"finsemble-icon\">\n\t\t<svg viewBox=\"-1 0 29 34\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g id=\"--Intensa-ISP\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t<g id=\"Group\" transform=\"translate(-0.700000, -0.300000)\">\n\t\t\t\t\t<g transform=\"translate(0.700000, 0.300000)\"></g>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M27.1,26.6 L24.7,24.2 C24.6,24.1 24.6,24.1 24.6,24 L24.6,14.7 C24.6,9.4 20.5,5 15.4,4.5 L15.4,2.3 L15.4,1.3 C15.4,1.1 15.3,1 15.1,1 L13.7,1 C13.5,1 13.4,1.1 13.4,1.3 L13.4,2.3 L13.4,4.5 C8.2,5 4.2,9.4 4.2,14.7 L4.2,24 C4.2,24.1 4.2,24.2 4.1,24.2 L1.7,26.6 C1.3,27 1,27.6 1,28.2 L1,28.9 C1,30.1 2,31.2 3.3,31.2 L10.1,31.2 C10.4,33.3 12.2,34.9 14.4,34.9 C16.6,34.9 18.4,33.3 18.7,31.2 L25.5,31.2 C26.7,31.2 27.8,30.2 27.8,28.9 L27.8,28.2 C27.7,27.5 27.5,27 27.1,26.6 Z M14.3,32.8 C13.2,32.8 12.3,32.1 12,31.1 L16.6,31.1 C16.3,32.1 15.4,32.8 14.3,32.8 Z M25.8,28.9 C25.8,29.1 25.7,29.2 25.5,29.2 L3.2,29.2 C3,29.2 2.9,29.1 2.9,28.9 L2.9,28.2 C2.9,28.1 2.9,28 3,28 L5.4,25.6 C5.8,25.2 6.1,24.6 6.1,24 L6.1,14.7 C6.1,10.1 9.8,6.4 14.4,6.4 C19,6.4 22.7,10.1 22.7,14.7 L22.7,24 C22.7,24.6 22.9,25.2 23.4,25.6 L25.8,28 C25.9,28.1 25.9,28.1 25.9,28.2 L25.9,28.9 L25.8,28.9 Z\"\n\t\t\t\t\t\tid=\"Shape\"\n\t\t\t\t\t\tfill=\"#FFFFFF\"\n\t\t\t\t\t\tfillRule=\"nonzero\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M2.2,7.4 L1.1,8.5 C1,8.6 1,8.7 1.1,8.8 L26.2,33.9 C26.3,34 26.4,34 26.5,33.9 L27.6,32.8 C27.7,32.7 27.7,32.6 27.6,32.5 L2.5,7.4 C2.4,7.3 2.3,7.3 2.2,7.4 Z\"\n\t\t\t\t\t\tid=\"Path\"\n\t\t\t\t\t\tfill=\"#FFFFFF\"\n\t\t\t\t\t\tfillRule=\"nonzero\"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</svg>\n\t</div>\n);\n\nexport default BellIconCrossed;\n"]}
+{"version":3,"file":"BellIconCrossed.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/BellIconCrossed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC,CACtD,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B;QAC3D,2BAAG,EAAE,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YACjF,2BAAG,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,iCAAiC;gBACxD,2BAAG,SAAS,EAAC,+BAA+B,GAAK;gBACjD,8BACC,CAAC,EAAC,m2BAAm2B,EACr2B,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX;gBACR,8BACC,CAAC,EAAC,4JAA4J,EAC9J,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX,CACL,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/react/components/shared/Button.d.ts

@@ -7,3 +7,4 @@ export interface IFinsembleButtonProps {
 }
 declare const Button: React.FunctionComponent<IFinsembleButtonProps>;
 export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/react/components/shared/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,QAAQ,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAY1D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/react/components/shared/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAQrC,MAAM,MAAM,GAAmD,CAAC,EAC/D,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,GAAG,EAAE,GACQ,EAAE,EAAE,CAAC,CAC5B,6BACC,SAAS,EAAE,kBAAkB,UAAU,EAAE,EACzC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;IAE7B,8BAAM,SAAS,EAAC,WAAW,IAAE,WAAW,CAAQ,CAC3C,CACN,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React from \"react\";\nimport \"../../assets/css/button.css\";\n\nexport interface IFinsembleButtonProps {\n\tbuttonLabel: string;\n\tclickHandler: Function;\n\tclassNames?: string;\n}\n\nconst Button: React.FunctionComponent<IFinsembleButtonProps> = ({\n\tbuttonLabel = \"Label\",\n\tclickHandler = () => {},\n\tclassNames = \"\",\n}: IFinsembleButtonProps) => (\n\t<div\n\t\tclassName={`finsemble__btn ${classNames}`}\n\t\ttitle={buttonLabel.length > 12 ? buttonLabel : \"\"}\n\t\tonClick={() => clickHandler()}\n\t>\n\t\t<span className=\"btn-label\">{buttonLabel}</span>\n\t</div>\n);\n\nexport default Button;\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAQrC,MAAM,MAAM,GAAmD,CAAC,EAC/D,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,GAAG,EAAE,GACQ,EAAE,EAAE,CAAC,CAC5B,6BACC,SAAS,EAAE,kBAAkB,UAAU,EAAE,EACzC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;IAE7B,8BAAM,SAAS,EAAC,WAAW,IAAE,WAAW,CAAQ,CAC3C,CACN,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/react/components/shared/ConditionalWrapper.d.ts

@@ -6,3 +6,4 @@ interface Props {
 }
 export default function ConditionalWrapper(props: Props): JSX.Element;
 export {};
+//# sourceMappingURL=ConditionalWrapper.d.ts.map

package/react/components/shared/ConditionalWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,KAAK;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;CACxC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,KAAK,eAItD"}

package/react/components/shared/ConditionalWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.js","sourceRoot":"","sources":["../../../src/components/shared/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAY;IACtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,0CAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAI,CAAC;AACxD,CAAC","sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n\tcondition: boolean;\n\twrapper: (children: React.PropsWithChildren<any>) => void;\n\tchildren?: React.PropsWithChildren<any>;\n}\n\nexport default function ConditionalWrapper(props: Props) {\n\tconst { condition, wrapper, children } = props;\n\n\treturn <>{condition ? wrapper(children) : children}</>;\n}\n"]}
+{"version":3,"file":"ConditionalWrapper.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAY;IACtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,0CAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAI,CAAC;AACxD,CAAC"}

package/react/components/shared/DefaultDropdownButton.d.ts

@@ -16,3 +16,4 @@ export interface IFinsembleDefaultDropdownButtonProps {
 }
 declare const DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps>;
 export default DefaultDropdownButton;
+//# sourceMappingURL=DefaultDropdownButton.d.ts.map

package/react/components/shared/DefaultDropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDropdownButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,6BAA6B,CAAC;AAGrC,MAAM,WAAW,2CAA2C;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC;CACvB;AAED,MAAM,WAAW,oCAAoC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAClE,gBAAgB,CAAC,EAAE,2CAA2C,GAAG,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAOD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,oCAAoC,CA0JxF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/react/components/shared/DefaultDropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../src/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAkB9E,MAAM,WAAW,GAAgD;IAChE,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;CACtB,CAAC;AAEF,MAAM,qBAAqB,GAAkE,CAAC,EAC7F,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,EAAE,EAClB,gBAAgB,GAAG,IAAI,EACvB,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,cAAc,GACU,EAAE,EAAE;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,uBAAuB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;IAErE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACjD,gBAAgB,CAChB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,gBAAgB,EAAE;YACrB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SACnC;aAAM;YACN,IAAI,UAAU,EAAE;gBACf,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;oBAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBAC7E,gBAAgB,CAAC,WAAW,CAAC,CAAC;aAC9B;iBAAM;gBACN,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;aACnC;SACD;IACF,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC7C,gBAAgB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACvC,IAAI,cAAc,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE;YAC3C,aAAa,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC;SACpC;QACD,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,SAAwB,EAAE,EAAE;QAC5D,IAAI,CAAC,aAAa,EAAE;YACnB,IAAI,SAAS,KAAK,MAAM,EAAE;gBACzB,mBAAmB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,OAAO;SACP;QAED,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACjE,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAE3E,IAAI,SAAS,KAAK,IAAI,EAAE;YACvB,MAAM,QAAQ,GAAG,kBAAkB,GAAG,CAAC,CAAC;YACxC,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;SAC3C;aAAM;YACN,MAAM,QAAQ,GAAG,kBAAkB,GAAG,CAAC,CAAC;YACxC,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SAClE;IACF,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,6BACC,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACb,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,IAAI,EAAC,QAAQ,mBACE,UAAU,KAAK,KAAK,IAElC,MAAM,CAAC,WAAW,CACd,CACN,CAAC,CAAC;IAEH,OAAO,CACN,6BACC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1B,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,UAAU,mBACA,cAAc,mBACd,cAAc,eAClB,oBAAoB,QAAQ,EAAE,gBAC9B,UAAU,EACrB,SAAS,EAAE,2BAA2B,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACpF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EACvE,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,CAAC,OAAO,EAAE;gBACb,OAAO;aACP;YACD,IAAI,cAAc,EAAE;gBACnB,wDAAwD;gBACxD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACvC,iEAAiE;oBACjE,mBAAmB,CAAC,UAAU,CAAC,CAAC;iBAChC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBACjC,mEAAmE;oBACnE,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;oBAClG,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;oBAC/B,+DAA+D;oBAC/D,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;oBAC9B,yEAAyE;oBACzE,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,aAAa,CAAC,CAAC,CAAC,CAAC;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;aACD;iBAAM;gBACN,+CAA+C;gBAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACvC,sBAAsB;oBACtB,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;oBACpC,aAAa,CAAC,CAAC,CAAC,CAAC;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBACjC,IAAI,CAAC,CAAC,MAAM,EAAE;wBACb,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;qBACpC;yBAAM;wBACN,+BAA+B;wBAC/B,uBAAuB,CAAC,MAAM,CAAC,CAAC;qBAChC;oBACD,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;oBAC/B,6BAA6B;oBAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,uBAAuB,CAAC,IAAI,CAAC,CAAC;iBAC9B;aACD;QACF,CAAC;QAEA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B;YACC,0CAAe,MAAM,EAAC,SAAS,EAAE,YAAY,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAI;YACjF,8BAAM,SAAS,EAAC,+BAA+B,gBAAa,WAAW,IACrE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAC9D,CACL,CACH,CAAC,CAAC,CAAC,CACH;YACC,8BAAM,SAAS,EAAC,+BAA+B,gBAAa,WAAW,IACrE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAC9D;YACP,0CAAe,MAAM,EAAC,SAAS,EAAE,YAAY,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAI,CAC/E,CACH;QACA,cAAc,CAAC,CAAC,CAAC,CACjB,6BAAK,EAAE,EAAE,oBAAoB,QAAQ,EAAE,EAAE,SAAS,EAAC,iCAAiC,IAClF,OAAO,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"../../assets/css/button.css\";\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\n\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\n\toptionLabel: string;\n\toptionValue?: any;\n\tclickHandler: Function;\n}\n\nexport interface IFinsembleDefaultDropdownButtonProps {\n\tallowEmpty?: boolean;\n\tbuttonLabel?: string;\n\tcaretLocation?: \"left\" | \"right\";\n\tclassNames?: string;\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\n\tenabled?: boolean;\n}\n\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\n\toptionLabel: \"Please select..\",\n\tclickHandler: () => {},\n};\n\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\n\tallowEmpty = true,\n\tcaretLocation = \"left\",\n\tclassNames = \"\",\n\tbuttonOptions = [],\n\tdefaultSelection = null,\n\tenabled = true,\n\tbuttonLabel = \"Select value\",\n}: IFinsembleDefaultDropdownButtonProps) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst uniqueId = useMemo(() => Math.random(), []);\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(-1);\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\n\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(\n\t\tdefaultSelection\n\t);\n\n\tuseEffect(() => {\n\t\tif (defaultSelection) {\n\t\t\tsetSelectedValue(defaultSelection);\n\t\t} else {\n\t\t\tif (allowEmpty) {\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\n\t\t\t\tsetSelectedValue(emptyOption);\n\t\t\t} else {\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultSelection]);\n\n\tconst selectOptionByIndex = (index: number) => {\n\t\tsetSelectedValue(buttonOptions[index]);\n\t\tif (\"clickHandler\" in buttonOptions[index]) {\n\t\t\tbuttonOptions[index].clickHandler();\n\t\t}\n\t\ttoggleOptionsPanel(false);\n\t};\n\n\tconst changeOptionByDirection = (direction: \"up\" | \"down\") => {\n\t\tif (!selectedValue) {\n\t\t\tif (direction === \"down\") {\n\t\t\t\tselectOptionByIndex(0);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tconst optionLabels = buttonOptions.map((opt) => opt.optionLabel);\n\t\tconst currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);\n\n\t\tif (direction === \"up\") {\n\t\t\tconst newIndex = currentOptionIndex - 1;\n\t\t\tselectOptionByIndex(Math.max(0, newIndex));\n\t\t} else {\n\t\t\tconst newIndex = currentOptionIndex + 1;\n\t\t\tselectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));\n\t\t}\n\t};\n\n\tconst options = buttonOptions.map((option, index) => (\n\t\t<div\n\t\t\tkey={index}\n\t\t\ttabIndex={0}\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\n\t\t\tonClick={() => {\n\t\t\t\tselectOptionByIndex(index);\n\t\t\t}}\n\t\t\trole=\"option\"\n\t\t\taria-selected={focusIndex === index}\n\t\t>\n\t\t\t{option.optionLabel}\n\t\t</div>\n\t));\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={enabled ? 0 : -1}\n\t\t\tref={wrapperRef}\n\t\t\trole=\"combobox\"\n\t\t\taria-haspopup={optionsVisible}\n\t\t\taria-expanded={optionsVisible}\n\t\t\taria-owns={`default-dropdown_${uniqueId}`}\n\t\t\taria-label=\"combobox\"\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (!enabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (optionsVisible) {\n\t\t\t\t\t// Keyboard navigation for the expanded combobox options\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Activate the selected option (equiv: click the hovered option)\n\t\t\t\t\t\tselectOptionByIndex(focusIndex);\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\t// Select next option down (equiv: hover over the next option down)\n\t\t\t\t\t\tsetFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Select next option up (equiv: hover over the next option up)\n\t\t\t\t\t\tsetFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"Escape\") {\n\t\t\t\t\t\t// Without activating anything, close the options. (equiv: clicking away)\n\t\t\t\t\t\ttoggleOptionsPanel(false);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Keyboard navigation for a collapsed combobox\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Expand the combobox\n\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\tif (e.altKey) {\n\t\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Cycle between options (down)\n\t\t\t\t\t\t\tchangeOptionByDirection(\"down\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Cycle between options (up)\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tchangeOptionByDirection(\"up\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{caretLocation === \"left\" ? (\n\t\t\t\t<>\n\t\t\t\t\t<i aria-hidden=\"true\" className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\" aria-label={buttonLabel}>\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\" aria-label={buttonLabel}>\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t\t<i aria-hidden=\"true\" className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{optionsVisible ? (\n\t\t\t\t<div id={`default-dropdown_${uniqueId}`} className=\"finsemble-dropdown__btn-options\">\n\t\t\t\t\t{options}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n\nexport default DefaultDropdownButton;\n"]}
+{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"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"}