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

package/react/components/search/SearchResult.js

@@ -0,0 +1,48 @@
+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;
+    const displayName = (_a = data.displayName) !== null && _a !== void 0 ? _a : data.name;
+    // Will trigger the action associated with the item
+    // (e.g., loading a workspace, spawning a component)
+    const onSearchResultClicked = () => {
+        var _a;
+        FEAGlobals.FSBL.Clients.SearchClient.invokeItemAction(data, (_a = data.actions) === null || _a === void 0 ? void 0 : _a[0]);
+        resetSearch();
+    };
+    const onActionClicked = (action) => {
+        FEAGlobals.FSBL.Clients.SearchClient.invokeItemAction(data, action);
+        resetSearch();
+    };
+    // Default icon to be based on initials
+    const defaultIcon = {
+        imageType: "initials",
+        name: displayName,
+        category: data.type,
+    };
+    // Use iconography if provided in the search results
+    const maybeProviderIcon = () => {
+        if (!data.icon)
+            return undefined;
+        // Default conversion which can be overridden if the provider explicitly
+        // provides `imageType`, `name` or `category` fields.
+        return Object.assign({ imageType: data.icon.type, name: displayName, category: data.type }, data.icon);
+    };
+    const icon = (_b = maybeProviderIcon()) !== null && _b !== void 0 ? _b : defaultIcon;
+    return (React.createElement(MenuItem, { onClick: onSearchResultClicked },
+        React.createElement("div", { className: "menu-item-row" },
+            React.createElement(Icon, Object.assign({}, icon)),
+            React.createElement(Highlight, { text: displayName, matchAgainst: searchQuery || "" }),
+            ((_c = data.actions) === null || _c === void 0 ? void 0 : _c.length) > 1 && (React.createElement("div", { className: "search-actions" }, (_d = data.actions) === null || _d === void 0 ? void 0 : _d.map((action, i) => (React.createElement("div", { key: `actionbtn${i}`, className: "search-actions actionButton", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onActionClicked(action);
+                    resetSearch();
+                    FEAGlobals.finsembleWindow.blur();
+                } }, action.name))))))));
+};
+//# sourceMappingURL=SearchResult.js.map

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

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

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { SearchProviderResults } from "./SearchProviderResults";
+import { SearchBestMatch } from "./SearchBestMatch";
+import { useSearch } from "../../hooks/useSearch";
+import "../../assets/css/menus.css";
+export const SearchResults = () => {
+    const { searchResults, searchQuery } = useSearch();
+    // If we had a response from the search client
+    if (searchResults === null || searchResults === void 0 ? void 0 : searchResults.length) {
+        return (
+        // pull out best match into its own component.
+        React.createElement("div", { className: "search-provider-results" },
+            React.createElement(SearchBestMatch, null),
+            searchResults.map((r, i) => (React.createElement(SearchProviderResults, { key: i, providerResponse: r })))));
+        // If we had no response, but we have a valid searchQuery
+    }
+    else {
+        const message = searchQuery && searchQuery !== "" ? "No results" : "Results will display here";
+        return React.createElement("div", { className: "menu-item no-hover informational-state" }, message);
+    }
+};
+//# sourceMappingURL=SearchResults.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+const BellIcon = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "23", viewBox: "0 -1 16 20" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { fill: "#FFF", fillRule: "nonzero" },
+                React.createElement("path", { d: "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", transform: "translate(-744 -92) translate(744 92)" }))))));
+export default BellIcon;
+//# sourceMappingURL=BellIcon.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+const BellIconCrossed = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { viewBox: "-1 0 29 34", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { id: "--Intensa-ISP", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "Group", transform: "translate(-0.700000, -0.300000)" },
+                React.createElement("g", { transform: "translate(0.700000, 0.300000)" }),
+                React.createElement("path", { d: "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", id: "Shape", fill: "#FFFFFF", fillRule: "nonzero" }),
+                React.createElement("path", { d: "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", id: "Path", fill: "#FFFFFF", fillRule: "nonzero" }))))));
+export default BellIconCrossed;
+//# sourceMappingURL=BellIconCrossed.js.map

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "../../assets/css/button.css";
+export interface IFinsembleButtonProps {
+    buttonLabel: string;
+    clickHandler: Function;
+    classNames?: string;
+}
+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

@@ -0,0 +1,6 @@
+import React from "react";
+import "../../assets/css/button.css";
+const Button = ({ buttonLabel = "Label", clickHandler = () => { }, classNames = "", }) => (React.createElement("div", { className: `finsemble__btn ${classNames}`, title: buttonLabel.length > 12 ? buttonLabel : "", onClick: () => clickHandler() },
+    React.createElement("span", { className: "btn-label" }, buttonLabel)));
+export default Button;
+//# sourceMappingURL=Button.js.map

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

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface Props {
+    condition: boolean;
+    wrapper: (children: React.PropsWithChildren<any>) => void;
+    children?: React.PropsWithChildren<any>;
+}
+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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export default function ConditionalWrapper(props) {
+    const { condition, wrapper, children } = props;
+    return React.createElement(React.Fragment, null, condition ? wrapper(children) : children);
+}
+//# sourceMappingURL=ConditionalWrapper.js.map

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import "../../assets/css/button.css";
+export interface IFinsembleDefaultDropdownButtonOptionsProps {
+    optionLabel: string;
+    optionValue?: any;
+    clickHandler: Function;
+}
+export interface IFinsembleDefaultDropdownButtonProps {
+    allowEmpty?: boolean;
+    buttonLabel?: string;
+    caretLocation?: "left" | "right";
+    classNames?: string;
+    buttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;
+    defaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;
+    enabled?: boolean;
+}
+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

@@ -0,0 +1,118 @@
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import "../../assets/css/button.css";
+import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+const emptyOption = {
+    optionLabel: "Please select..",
+    clickHandler: () => { },
+};
+const DefaultDropdownButton = ({ allowEmpty = true, caretLocation = "left", classNames = "", buttonOptions = [], defaultSelection = null, enabled = true, buttonLabel = "Select value", }) => {
+    const wrapperRef = useRef(null);
+    const uniqueId = useMemo(() => Math.random(), []);
+    const [optionsVisible, toggleOptionsPanel] = useState(false);
+    const [focusIndex, setFocusIndex] = useState(-1);
+    useOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));
+    const [selectedValue, setSelectedValue] = useState(defaultSelection);
+    useEffect(() => {
+        if (defaultSelection) {
+            setSelectedValue(defaultSelection);
+        }
+        else {
+            if (allowEmpty) {
+                if (!buttonOptions.includes(emptyOption))
+                    buttonOptions.unshift(emptyOption);
+                setSelectedValue(emptyOption);
+            }
+            else {
+                setSelectedValue(buttonOptions[0]);
+            }
+        }
+    }, [defaultSelection]);
+    const selectOptionByIndex = (index) => {
+        setSelectedValue(buttonOptions[index]);
+        if ("clickHandler" in buttonOptions[index]) {
+            buttonOptions[index].clickHandler();
+        }
+        toggleOptionsPanel(false);
+    };
+    const changeOptionByDirection = (direction) => {
+        if (!selectedValue) {
+            if (direction === "down") {
+                selectOptionByIndex(0);
+            }
+            return;
+        }
+        const optionLabels = buttonOptions.map((opt) => opt.optionLabel);
+        const currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);
+        if (direction === "up") {
+            const newIndex = currentOptionIndex - 1;
+            selectOptionByIndex(Math.max(0, newIndex));
+        }
+        else {
+            const newIndex = currentOptionIndex + 1;
+            selectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));
+        }
+    };
+    const options = buttonOptions.map((option, index) => (React.createElement("div", { key: index, tabIndex: 0, className: "finsemble-dropdown__btn-option", onClick: () => {
+            selectOptionByIndex(index);
+        }, role: "option", "aria-selected": focusIndex === index }, option.optionLabel)));
+    return (React.createElement("div", { tabIndex: enabled ? 0 : -1, ref: wrapperRef, role: "combobox", "aria-haspopup": optionsVisible, "aria-expanded": optionsVisible, "aria-owns": `default-dropdown_${uniqueId}`, "aria-label": "combobox", className: `finsemble-dropdown__btn ${classNames} ${optionsVisible ? "active" : ""}`, onClick: enabled ? () => toggleOptionsPanel(!optionsVisible) : () => { }, onKeyDown: (e) => {
+            if (!enabled) {
+                return;
+            }
+            if (optionsVisible) {
+                // Keyboard navigation for the expanded combobox options
+                if (e.key === "Enter" || e.key === " ") {
+                    // Activate the selected option (equiv: click the hovered option)
+                    selectOptionByIndex(focusIndex);
+                }
+                else if (e.key === "ArrowDown") {
+                    // Select next option down (equiv: hover over the next option down)
+                    setFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowUp") {
+                    // Select next option up (equiv: hover over the next option up)
+                    setFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);
+                    e.preventDefault();
+                }
+                else if (e.key === "Escape") {
+                    // Without activating anything, close the options. (equiv: clicking away)
+                    toggleOptionsPanel(false);
+                    setFocusIndex(0);
+                    e.preventDefault();
+                }
+            }
+            else {
+                // Keyboard navigation for a collapsed combobox
+                if (e.key === "Enter" || e.key === " ") {
+                    // Expand the combobox
+                    toggleOptionsPanel(!optionsVisible);
+                    setFocusIndex(0);
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowDown") {
+                    if (e.altKey) {
+                        toggleOptionsPanel(!optionsVisible);
+                    }
+                    else {
+                        // Cycle between options (down)
+                        changeOptionByDirection("down");
+                    }
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowUp") {
+                    // Cycle between options (up)
+                    e.preventDefault();
+                    changeOptionByDirection("up");
+                }
+            }
+        } },
+        caretLocation === "left" ? (React.createElement(React.Fragment, null,
+            React.createElement("i", { "aria-hidden": "true", className: `ff-caret-${optionsVisible ? "up" : "down"}` }),
+            React.createElement("span", { className: "finsemble-dropdown__btn-label", "aria-label": buttonLabel }, selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel))) : (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "finsemble-dropdown__btn-label", "aria-label": buttonLabel }, selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel),
+            React.createElement("i", { "aria-hidden": "true", className: `ff-caret-${optionsVisible ? "up" : "down"}` }))),
+        optionsVisible ? (React.createElement("div", { id: `default-dropdown_${uniqueId}`, className: `finsemble-dropdown__btn-options ${classNames}` }, options)) : null));
+};
+export default DefaultDropdownButton;
+//# sourceMappingURL=DefaultDropdownButton.js.map

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "../../assets/css/tags.css";
+declare type TagProps = {
+    name: string;
+    removeTag: (tagName: string) => void;
+};
+declare const Tag: (props: TagProps) => JSX.Element;
+export default Tag;
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Tag.tsx"],"names":[],"mappings":";AAYA,OAAO,2BAA2B,CAAC;AAEnC,aAAK,QAAQ,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAgB3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/react/components/shared/Tag.js

@@ -0,0 +1,23 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This component is the name of a component and a pin that will pin that component to all toolbars.
+ *
+ */
+import React from "react";
+import { getTruncatedStringWithEllipses } from "../appCatalog/components/helpers";
+import "../../assets/css/tags.css";
+const Tag = (props) => {
+    const remove = () => {
+        props.removeTag(props.name);
+    };
+    return (React.createElement("div", { className: "app-tag" },
+        React.createElement("div", { className: "tag-content" },
+            React.createElement("div", { className: "tag-name", title: props.name }, getTruncatedStringWithEllipses(props.name)),
+            "\u00A0\u00A0",
+            React.createElement("i", { className: "ff-close tag-delete", onClick: remove }))));
+};
+export default Tag;
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Tag.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,2BAA2B,CAAC;AAOnC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,SAAS;QACvB,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IACzC,8BAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;YAEN,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,GAAM,CACnD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+import "../../assets/css/tags.css";
+interface IProps {
+    active: string[];
+    list: string[];
+    onItemClick: (tag: string) => void;
+    label: string;
+    align: string;
+}
+interface IState {
+    isVisible: boolean;
+}
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component<IProps, IState> {
+    wrapperRef: any;
+    constructor(props: IProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    toggleMenu(): void;
+    onItemClick(item: string): void;
+    setWrapperRef(node: any): void;
+    handleClickOutside(e: MouseEvent): void;
+    renderList(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=TagsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsMenu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/TagsMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,2BAA2B,CAAC;AAEnC,UAAU,MAAM;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AACD,UAAU,MAAM;IACf,SAAS,EAAE,OAAO,CAAC;CACnB;AAED;;;;;IAKI;AACJ,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACpE,UAAU,EAAE,GAAG,CAAC;gBAEJ,KAAK,EAAE,MAAM;IAYzB,iBAAiB;IAIjB,oBAAoB;IAIpB,UAAU;IAMV,WAAW,CAAC,IAAI,EAAE,MAAM;IAOxB,aAAa,CAAC,IAAI,EAAE,GAAG;IAIvB,kBAAkB,CAAC,CAAC,EAAE,UAAU;IAQhC,UAAU;IAsBV,MAAM;CAYN"}

package/react/components/shared/TagsMenu.js

@@ -0,0 +1,78 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+import "../../assets/css/tags.css";
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isVisible: false,
+        };
+        // Bind context
+        this.toggleMenu = this.toggleMenu.bind(this);
+        this.onItemClick = this.onItemClick.bind(this);
+        this.setWrapperRef = this.setWrapperRef.bind(this);
+        this.handleClickOutside = this.handleClickOutside.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener("mousedown", this.handleClickOutside);
+    }
+    componentWillUnmount() {
+        document.removeEventListener("mousedown", this.handleClickOutside);
+    }
+    toggleMenu() {
+        this.setState({
+            isVisible: !this.state.isVisible,
+        });
+    }
+    onItemClick(item) {
+        this.setState({
+            isVisible: false,
+        });
+        this.props.onItemClick(item);
+    }
+    setWrapperRef(node) {
+        this.wrapperRef = node;
+    }
+    handleClickOutside(e) {
+        if (this.wrapperRef && !this.wrapperRef.contains(e.target)) {
+            this.setState({
+                isVisible: false,
+            });
+        }
+    }
+    renderList() {
+        const items = this.props.list;
+        const styles = this.props.align === "right" ? { right: 0 } : { left: 0 };
+        return (React.createElement("div", { className: "tags-menu", style: styles },
+            React.createElement("ul", null,
+                " ",
+                items.sort().map((item, index) => {
+                    let active = this.props.active.includes(item);
+                    return (React.createElement("li", { key: index, onClick: () => this.onItemClick(item) },
+                        active ? React.createElement("i", { className: "ff-check-mark" }) : React.createElement("div", { className: "tags-checkmark-wrapper" }, "\u00A0"),
+                        "\u00A0\u00A0",
+                        item));
+                }),
+                " ")));
+    }
+    render() {
+        if (this.props.list.length === 0)
+            return React.createElement("div", null);
+        return (React.createElement("div", { ref: this.setWrapperRef, className: "tags-menu-wrapper", onClick: this.toggleMenu },
+            React.createElement("span", null,
+                this.props.label,
+                React.createElement("i", { className: "ff-chevron-down" })),
+            this.state.isVisible && this.renderList()));
+    }
+}
+//# sourceMappingURL=TagsMenu.js.map

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
+export declare function addProtocolToValidURL(url: string): string;
+//# sourceMappingURL=addProtocolToValidURL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addProtocolToValidURL.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/addProtocolToValidURL.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,UAGhD"}

package/react/components/shared/addProtocolToValidURL.js

@@ -0,0 +1,12 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
+export function addProtocolToValidURL(url) {
+    if (url.includes("://"))
+        return url;
+    return `${location.protocol}//${url}`;
+}
+//# sourceMappingURL=addProtocolToValidURL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addProtocolToValidURL.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/addProtocolToValidURL.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,GAAG,QAAQ,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;AACvC,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare function getChannelLabelFromIndex(channelName: string, allChannels: {
+    name: string;
+}[]): any;
+//# sourceMappingURL=linkerUtil.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linkerUtil.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/linkerUtil.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,OAQ5F"}

package/react/components/shared/linkerUtil.js

@@ -0,0 +1,10 @@
+export function getChannelLabelFromIndex(channelName, allChannels) {
+    let label = null;
+    allChannels.forEach((channel, index) => {
+        if (channel.name === channelName) {
+            label = index + 1;
+        }
+    });
+    return label;
+}
+//# sourceMappingURL=linkerUtil.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linkerUtil.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/linkerUtil.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,WAAmB,EAAE,WAA+B;IAC5F,IAAI,KAAK,GAAQ,IAAI,CAAC;IACtB,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACtC,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SAClB;IACF,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const openQuitConfirmationDialog: (type?: string) => Promise<void>;
+//# sourceMappingURL=openQuitConfirmationDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"openQuitConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/openQuitConfirmationDialog.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,UAAgB,MAAM,kBAmB5D,CAAC"}