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

package/react/hooks/useOAuth.js

@@ -0,0 +1,116 @@
+import { useEffect, useState } from "react";
+import { FEAGlobals } from "../../common/Globals";
+/**
+ * When we close this window, if the user isn't logged in then it must mean we
+ * were using OAuth to log in, and it failed, so shut down the entire app. Otherwise
+ * we were just using it to authenticate a client, in which case we just want to close
+ * this window but keep Finsemble running.
+ */
+const cancel = () => {
+    FEAGlobals.FSBL.Clients.AuthenticationClient.getCurrentCredentials((err, credentials) => {
+        if (!err && !credentials) {
+            FEAGlobals.FSBL.shutdownApplication();
+        }
+        else {
+            FEAGlobals.FSBL.Clients.WindowClient.close();
+        }
+    });
+};
+/**
+ * This is called when the OAuth transaction was successful. If this is being used for startup then
+ * Finsemble is given the go-ahead and provided credentials. If a business logic handler has been
+ * provided to the hook it will be run before Finsemble proceeds. Finally, the window itself is closed.
+ */
+const success = async (setError, handler) => {
+    const { err, data } = await FEAGlobals.FSBL.Clients.AuthenticationClient.completeOAUTH(null, null);
+    if (err) {
+        // This updates React state, so that the hook's callee will update with a fresh error
+        setError(err.toString());
+        return;
+    }
+    window.authCompleted = true;
+    const credentials = data;
+    const finish = () => {
+        // In the special case of "startup" then we publish the authorization, which releases Finsemble and lets it start
+        if (credentials.config.name === "startup") {
+            // "sub" is the user ID provided by the OP. Not all OP's support this. If not supported, then we just set the user to the access token.
+            const user = credentials.sub || credentials.access_token || credentials.code;
+            // Finish the authentication process
+            FEAGlobals.FSBL.Clients.RouterClient.transmit("AuthenticationService.authorization", {
+                user: user,
+                credentials: credentials,
+            });
+        }
+        FEAGlobals.FSBL.Clients.WindowClient.close();
+    };
+    if (handler) {
+        handler(credentials, () => {
+            finish();
+        });
+    }
+    else {
+        finish();
+    }
+};
+/**
+ *  If SDD mode is enabled then this window must be from test auth, so we report back and close it
+ */
+const sendTestResponse = (err) => {
+    FEAGlobals.FSBL.Clients.RouterClient.transmit("SDD-Auth-Test-Response", { err });
+    FEAGlobals.FSBL.Clients.WindowClient.close();
+};
+/**
+ * Oauth servers will set error_description to the text of any error.
+ * URLSearchParams will automatically decode that response.
+ */
+const lookForErrorInQueryString = () => {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get("error_description");
+};
+/**
+ * Processes the Oauth response. If there's an error then it will be displayed,
+ * otherwise oauth transaction will complete and the window will be closed.
+ */
+const processResponse = async (setError, handler) => {
+    FEAGlobals.FSBL.getFSBLInfo().then(({ sddEnabled }) => {
+        const error = lookForErrorInQueryString();
+        if (error) {
+            if (sddEnabled)
+                sendTestResponse(error);
+            setError(error);
+            return;
+        }
+        // store on Window so preloads/authentication has access to this info
+        window.authCompleted = false;
+        if (sddEnabled) {
+            sendTestResponse(null);
+        }
+        else {
+            success(setError, handler);
+        }
+    });
+};
+/**
+ * A hook that can be used in an OAuth response page. This will process the identity provider's response
+ * which should be in the page's query string. If successful then Finsemble will be provided with the
+ * returned credentials and the page will be closed. If unsuccessful, then the error will be returned from
+ * the hook. The hook returns a cancel() function which can be used to discontinue upon an error.
+ *
+ * @param handler An optional handler which can run business logic on a successful OAuth transaction. This will
+ * run before the window closes. The first parameter will be the OAuth credentials. The second parameter is a
+ * callback function which must be run to close the OAuth response window.
+ */
+export const useOAuth = (handler) => {
+    const [error, setError] = useState("");
+    // Process the response (by examining the query string)
+    // Since this is asynchronous, we pass the setError() state dispatcher
+    // This only happens once
+    useEffect(() => {
+        processResponse(setError, handler);
+    }, []);
+    return {
+        error,
+        cancel,
+    };
+};
+//# sourceMappingURL=useOAuth.js.map

package/react/hooks/useOAuth.js.map

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

package/react/hooks/useOutsideClickDetector.d.ts

@@ -0,0 +1,6 @@
+import { MutableRefObject } from "react";
+/**
+ * Hook that detects clicks outside of the passed ref and executes a function
+ */
+export declare const useOutsideClickDetector: (ref: MutableRefObject<null | HTMLDivElement>, fn: Function) => void;
+//# sourceMappingURL=useOutsideClickDetector.d.ts.map

package/react/hooks/useOutsideClickDetector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClickDetector.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useOutsideClickDetector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAS,iBAAiB,IAAI,GAAG,cAAc,CAAC,MAAM,QAAQ,SAYjG,CAAC"}

package/react/hooks/useOutsideClickDetector.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+/**
+ * Hook that detects clicks outside of the passed ref and executes a function
+ */
+export const useOutsideClickDetector = (ref, fn) => {
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (ref.current && !ref.current.contains(event.target)) {
+                fn();
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [ref]);
+};
+//# sourceMappingURL=useOutsideClickDetector.js.map

package/react/hooks/useOutsideClickDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClickDetector.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useOutsideClickDetector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAA4C,EAAE,EAAY,EAAE,EAAE;IACrG,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,kBAAkB,CAAC,KAAiB;YAC5C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC/D,EAAE,EAAE,CAAC;aACL;QACF,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACX,CAAC,CAAC"}

package/react/hooks/usePubSub.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A generic effect for getting and setting state dynamically from a Router pubsub channel.
+ *
+ * @param {string} topic The pubsub topic (i.e. channel) to subscribe
+ * @param {object} initialMessage The initial state (defaults to empty object)
+ * @returns [object, function] The current state of the pubsub channel (or initialMessage if no state exists).
+ * The second returned array parameter is a publish function which can be used to update state.
+ *
+ * @example
+ * // Inside a React functional component
+ * const [currentState, publish] = usePubSub("topic", {});
+ * console.log(currentState);
+ *
+ * onClick = () => {
+ *    publish(someNewState);
+ * }
+ */
+declare function usePubSub(topic: string, initialMessage?: object): [{
+    [key: string]: any;
+}, Function];
+export { usePubSub };
+//# sourceMappingURL=usePubSub.d.ts.map

package/react/hooks/usePubSub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePubSub.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/usePubSub.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,GAAE,MAAW,GAAG,CAAC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,QAAQ,CAAC,CAmBjG;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/react/hooks/usePubSub.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { FEAGlobals } from "../../common/Globals";
+const { useState, useEffect } = React;
+/**
+ * A generic effect for getting and setting state dynamically from a Router pubsub channel.
+ *
+ * @param {string} topic The pubsub topic (i.e. channel) to subscribe
+ * @param {object} initialMessage The initial state (defaults to empty object)
+ * @returns [object, function] The current state of the pubsub channel (or initialMessage if no state exists).
+ * The second returned array parameter is a publish function which can be used to update state.
+ *
+ * @example
+ * // Inside a React functional component
+ * const [currentState, publish] = usePubSub("topic", {});
+ * console.log(currentState);
+ *
+ * onClick = () => {
+ *    publish(someNewState);
+ * }
+ */
+function usePubSub(topic, initialMessage = {}) {
+    const [message, setMessage] = useState(initialMessage);
+    const pub = (value) => FEAGlobals.FSBL.Clients.RouterClient.publish(topic, value);
+    useEffect(() => {
+        const subscribeId = FEAGlobals.FSBL.Clients.RouterClient.subscribe(topic, (err, res) => {
+            if (err) {
+                // Use Finsemble Logger?
+                console.error(err);
+            }
+            setMessage(res.data);
+        });
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.unsubscribe(subscribeId);
+        };
+    }, []);
+    return [message, pub];
+}
+export { usePubSub };
+//# sourceMappingURL=usePubSub.js.map

package/react/hooks/usePubSub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePubSub.js","sourceRoot":"","sources":["../../../../src/ui/hooks/usePubSub.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,SAAS,CAAC,KAAa,EAAE,iBAAyB,EAAE;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEvD,MAAM,GAAG,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACtF,IAAI,GAAG,EAAE;gBACR,wBAAwB;gBACxB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;aACnB;YACD,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AACvB,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/react/hooks/useSearch.d.ts

@@ -0,0 +1,15 @@
+import { SearchProviderResponse } from "../../platform/services/search/types";
+declare type SearchHook = {
+    searchResults: Array<SearchProviderResponse>;
+    searchQuery: string;
+    updateQuery: (query: string) => void;
+    resetSearch: () => void;
+};
+/**
+ * A hook for working with search. Search results stream back, and this hook will relay those through
+ * a reducer. Note that the reducer implementation is a singleton (if you have multiple search) inputs
+ * across a component then they will all be synchronized to query and results.
+ */
+declare const useSearch: () => SearchHook;
+export { useSearch };
+//# sourceMappingURL=useSearch.d.ts.map

package/react/hooks/useSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useSearch.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAG9E,aAAK,UAAU,GAAG;IACjB,aAAa,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,SAAS,QAAO,UAyErB,CAAC;AACF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/react/hooks/useSearch.js

@@ -0,0 +1,73 @@
+import { useRef, useCallback } from "react";
+import { useDispatch, useSelector } from "../store";
+import { SearchActions } from "../actions/searchActions";
+import { debounce } from "lodash";
+import { FEAGlobals } from "../../common/Globals";
+/**
+ * A hook for working with search. Search results stream back, and this hook will relay those through
+ * a reducer. Note that the reducer implementation is a singleton (if you have multiple search) inputs
+ * across a component then they will all be synchronized to query and results.
+ */
+const useSearch = () => {
+    const dispatch = useDispatch();
+    const { searchQuery, searchResults } = useSelector((state) => state.search);
+    const currentQuery = useRef({});
+    const updateResults = useCallback((results) => {
+        dispatch(SearchActions.UPDATE_RESULTS(results));
+    }, [dispatch]);
+    const onSearchClientResponse = (searchError, responses, query) => {
+        // If we get a response back from an older query then drop the results
+        if (query !== currentQuery.current)
+            return;
+        /**
+         * The callback from `SearchClient.search` can return *multiple times*, and it uses a single global array
+         * that it is constantly mutating. React isn't doing a deep comparison, so it never updates the results, we
+         * therefore force an update by cloning the array into a new reference.
+         */
+        const clonedProviderResponses = JSON.parse(JSON.stringify(responses));
+        if (!clonedProviderResponses)
+            return updateResults([]);
+        let providersWithData = clonedProviderResponses.filter((provider) => { var _a; return (_a = provider === null || provider === void 0 ? void 0 : provider.data) === null || _a === void 0 ? void 0 : _a.length; });
+        if (providersWithData.length === 0)
+            providersWithData = [];
+        updateResults(providersWithData);
+    };
+    /**
+     * The seach client callback procedure is a little strange. In order to prevent a hangup for slow search
+     * providers, your callback to searchClient.search is invoked multiple times -- one time per search provider.
+     *
+     * Your search goes out for "De", you get a response from the WindowService saying "No components match".
+     * Then you get a response from the WorkspaceService saying "Hey DefaultWorkspace matches!". Your callback
+     * has been hit twice. On the 2nd time, you get all of the data you would've gotten the first time.
+     *
+     * Without debouncing the search client response, we end up setting intermediary state, which forces the DOM to
+     * render, which forces the window size to change to fit the DOM. Imagine the situation above.
+     *
+     * We send out a search for "DE", and the WindowService comes back at us first saying 'no components'. There's no data,
+     * so there's no results. So there's no DOM spit out for the search results. This causes the window to size down
+     * to its minimum. Miliseconds later, the workspace service comes at us saying "Hey I have workspaces!", which
+     * causes the search menu to expand to fit the results in the DOM. By setting the intermediary
+     * state, we cause unnecessary renders and we end up resizing resizing the window in a very jarring manner.
+     * By waiting until they've had a chance to come at us in a burst, we make the menu resizing smoother and less prone to jitter.
+     */
+    const debouncedSearchResponse = debounce(onSearchClientResponse, 100);
+    const updateQuery = useCallback((query) => {
+        dispatch(SearchActions.UPDATE_QUERY(query));
+        currentQuery.current = query;
+        // Run the search() effect. One day, move this to effects middleware.
+        FEAGlobals.FSBL.Clients.SearchClient.search({ text: query }, (e, responses) => {
+            debouncedSearchResponse(e, responses, query);
+        });
+    }, [dispatch, updateResults]);
+    const resetSearch = useCallback(() => {
+        dispatch(SearchActions.RESET_SEARCH());
+    }, [dispatch]);
+    return {
+        searchResults,
+        updateQuery,
+        searchQuery,
+        resetSearch,
+    };
+};
+export { useSearch };
+//# sourceMappingURL=useSearch.js.map

package/react/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASlD;;;;GAIG;AACH,MAAM,SAAS,GAAG,GAAe,EAAE;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,WAAW,CAChC,CAAC,OAAmB,EAAE,EAAE;QACvB,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IACF,MAAM,sBAAsB,GAAG,CAAC,WAAgB,EAAE,SAAmC,EAAE,KAAa,EAAE,EAAE;QACvG,sEAAsE;QACtE,IAAI,KAAK,KAAK,YAAY,CAAC,OAAO;YAAE,OAAO;QAC3C;;;;WAIG;QACH,MAAM,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAEtE,IAAI,CAAC,uBAAuB;YAAE,OAAO,aAAa,CAAC,EAAE,CAAC,CAAC;QAEvD,IAAI,iBAAiB,GAAG,uBAAuB,CAAC,MAAM,CACrD,CAAC,QAAgC,EAAE,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,MAAM,CAAA,EAAA,CAC5D,CAAC;QACF,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;YAAE,iBAAiB,GAAG,EAAE,CAAC;QAE3D,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,uBAAuB,GAAG,QAAQ,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QACjB,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5C,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,qEAAqE;QACrE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAM,EAAE,SAAmC,EAAE,EAAE;YAC5G,uBAAuB,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO;QACN,aAAa;QACb,WAAW;QACX,WAAW;QACX,WAAW;KACX,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/react/hooks/useTitle.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/**
+ * Sets document title to the given string.
+ *
+ * The operating is ignored if a title has already been  (e.g. with `<title>` tag or a call to document.title)
+ * unless the `force` flag is set to to true.
+ *
+ * @param title The title string to use
+ * @param force Sets the document title even if it is already set
+ */
+export declare const useTitle: (title: string, force?: boolean) => void;
+/**
+ * Adapter for using useTitle() hook in class based React components
+ */
+export declare const Title: React.FunctionComponent<{
+    title: string;
+}>;
+//# sourceMappingURL=useTitle.d.ts.map

package/react/hooks/useTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTitle.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,UAAW,MAAM,UAAS,OAAO,SAUrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAI5D,CAAC"}

package/react/hooks/useTitle.js

@@ -0,0 +1,29 @@
+import React, { useState, useEffect } from "react";
+/**
+ * Sets document title to the given string.
+ *
+ * The operating is ignored if a title has already been  (e.g. with `<title>` tag or a call to document.title)
+ * unless the `force` flag is set to to true.
+ *
+ * @param title The title string to use
+ * @param force Sets the document title even if it is already set
+ */
+export const useTitle = (title, force = false) => {
+    var _a, _b;
+    const [originalTitle] = useState((_b = (_a = document.getElementsByTagName("title")) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null);
+    // Document title can be set by a prop, but will not override an original <title> tag
+    // Defaults to "Toolbar"
+    useEffect(() => {
+        if (!originalTitle || force) {
+            document.title = title;
+        }
+    }, [title]);
+};
+/**
+ * Adapter for using useTitle() hook in class based React components
+ */
+export const Title = ({ title }) => {
+    useTitle(title);
+    return React.createElement(React.Fragment, null);
+};
+//# sourceMappingURL=useTitle.js.map

package/react/hooks/useTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTitle.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAiB,KAAK,EAAE,EAAE;;IACjE,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAA,MAAA,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,0CAAG,CAAC,CAAC,mCAAI,IAAI,CAAC,CAAC;IAEtF,qFAAqF;IACrF,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,aAAa,IAAI,KAAK,EAAE;YAC5B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;SACvB;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAA+C,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IACjG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhB,OAAO,yCAAK,CAAC;AACd,CAAC,CAAC"}

package/react/hooks/useToolbar.d.ts

@@ -0,0 +1,11 @@
+export declare const useToolbar: () => {
+    removeSystemClosePrevention: () => void;
+    preventSystemClose: () => void;
+    minimizeAllWindows: () => void;
+    revealAllWindows: () => void;
+    toggleAutoArrange: () => Promise<void>;
+    showToolbar: () => void;
+    hideToolbar: () => void;
+    launchPreferences: (tabName: string) => void;
+};
+//# sourceMappingURL=useToolbar.d.ts.map

package/react/hooks/useToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbar.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useToolbar.ts"],"names":[],"mappings":"AA0JA,eAAO,MAAM,UAAU;;;;;;;;iCAlDa,MAAM;CAsEzC,CAAC"}

package/react/hooks/useToolbar.js

@@ -0,0 +1,152 @@
+import { useEffect } from "react";
+import { openQuitConfirmationDialog } from "../components/shared/openQuitConfirmationDialog";
+import { FEAGlobals } from "../../common/Globals";
+/**
+ * Function to bring toolbar to front (since dockable toolbar can be hidden)
+ * @param {boolean} focus If true, will also focus the toolbar
+ */
+const bringToolbarToFront = ({ focus }) => {
+    FEAGlobals.finsembleWindow.bringToFront(null, (err) => {
+        if (err) {
+            FEAGlobals.FSBL.Clients.Logger.system.error("bringToolbarToFront failed, error:", err);
+        }
+        if (focus) {
+            FEAGlobals.finsembleWindow.focus();
+        }
+    });
+};
+/**
+ * Hides the toolbar
+ */
+const hideToolbar = () => {
+    FEAGlobals.finsembleWindow.blur();
+    FEAGlobals.finsembleWindow.hide();
+};
+/**
+ * Shows the toolbar left-aligned to the user's mouse.
+ */
+const showToolbar = () => {
+    FEAGlobals.FSBL.Clients.RouterClient.transmit("DockingService.showAtMousePosition", {
+        windowName: FEAGlobals.finsembleWindow.name,
+        uuid: FEAGlobals.finsembleWindow.uuid,
+    });
+    bringToolbarToFront({ focus: true });
+};
+/**
+ * Mimimizes all windows.
+ */
+const minimizeAllWindows = () => {
+    FEAGlobals.FSBL.Clients.WorkspaceClient.minimizeAll();
+};
+/**
+ * Brings all windows to front.
+ */
+const revealAllWindows = () => {
+    FEAGlobals.FSBL.Clients.WorkspaceClient.bringWindowsToFront();
+};
+/**
+ * Toggles Auto Arrange for all windows on the same monitor as the toolbar
+ */
+const toggleAutoArrange = async () => {
+    /**
+     * Bring windows to front before auto arranging them to ensure maximised windows are included in the action
+     * This is relies on bringWindowsToFront() restoring maximised and minimised windows
+     */
+    await FEAGlobals.FSBL.Clients.WorkspaceClient.bringWindowsToFront();
+    FEAGlobals.FSBL.Clients.WorkspaceClient.autoArrange({}, () => {
+        // This is legacy and we're not sure if it's still required or not.
+        // We can try eliminating this once core auto arrange is refactored.
+        bringToolbarToFront({ focus: false });
+    });
+};
+/**
+ * It's a requirement that the toolbar not be minimized.
+ * the minimizable option does not work.
+ * Instead, we just listen for this event and restore the window.
+ */
+const preventMinimize = () => {
+    FEAGlobals.finsembleWindow.addEventListener("minimized", () => {
+        FEAGlobals.finsembleWindow.restore();
+    });
+};
+/**
+ * Required to let the system know that the toolbar is up and ready.
+ * Other pieces of the UI key off of this.
+ */
+const publishSystemCheckpoint = () => {
+    FEAGlobals.FSBL.SystemManagerClient.publishCheckpointState("Toolbar", "initialize", "completed");
+};
+/**
+ * Prevents closing of the window.
+ */
+const onBeforeToolbarUnload = () => {
+    openQuitConfirmationDialog();
+    // Return of a non-void value (in this `onbeforeunload` handler) is what tells Electron not to close the window.
+    // Don't delete this!
+    return false;
+};
+const removeSystemClosePrevention = () => {
+    if (window.onbeforeunload === onBeforeToolbarUnload) {
+        window.onbeforeunload = null;
+    }
+};
+const launchPreferences = (tabName) => {
+    FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
+        preferencesTab: tabName,
+    });
+    FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+        componentType: "UserPreferences",
+    }, {
+        monitor: "mine",
+        left: "center",
+        top: "center",
+    });
+};
+/**
+ * Prevents the window from going down on alt+f4 or closing from taskbar.
+ * Pops up a dialog asking if the user meant to shut down the system.
+ */
+const preventSystemClose = () => {
+    // This function was already called, so no need to run it again.
+    if (window.onbeforeunload === onBeforeToolbarUnload)
+        return;
+    // Bypass system close prevention if for some reason the toolbar has been customized with an alternative onbeforeunload handler
+    if (window.onbeforeunload) {
+        console.error(`Finsemble toolbar was configured to prevent system closes, however, there is already a function assigned to window.onbeforeunload. In order to prevent the OS from closing your window, we need to overwrite this handler. Users will be able to close your toolbar from the windows taskbar. Please remove your onbeforeunload handler or set the toolbar property 'allowSystemToCloseWindow' to true to get rid of this error message.`);
+        return;
+    }
+    /**
+     * From the electron docs:
+     * Note: There is a subtle difference between the behaviors of window.onbeforeunload = handler and window.addEventListener('beforeunload', handler). It is recommended to always set the event.returnValue explicitly, instead of only returning a value, as the former works more consistently within Electron.
+     *
+     * Tried addEventListener, and it wouldn't work.
+     */
+    window.onbeforeunload = onBeforeToolbarUnload;
+    // Detect when the system is being shutdown or restarted to remove the close prevention.
+    FEAGlobals.FSBL.Clients.RouterClient.addListener("Application.shutdown", () => {
+        removeSystemClosePrevention();
+    });
+    FEAGlobals.FSBL.Clients.RouterClient.addListener("Application.restart", () => {
+        removeSystemClosePrevention();
+    });
+};
+export const useToolbar = () => {
+    useEffect(() => {
+        preventMinimize();
+        publishSystemCheckpoint();
+        if (FEAGlobals.FSBL.debug !== true) {
+            preventSystemClose();
+        }
+    }, []);
+    return {
+        removeSystemClosePrevention,
+        preventSystemClose,
+        minimizeAllWindows,
+        revealAllWindows,
+        toggleAutoArrange,
+        showToolbar,
+        hideToolbar,
+        launchPreferences,
+    };
+};
+//# sourceMappingURL=useToolbar.js.map

package/react/hooks/useToolbar.js.map

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

package/react/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/react/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/react/reducers/favoriteReducer.d.ts

@@ -0,0 +1,12 @@
+import { FavoriteActionTypes } from "../actions/favoriteActions";
+import { Favorite } from "../types/favoriteTypes";
+import { Reducer } from "react";
+/**
+ * Favorite state definition.
+ */
+export declare type FavoriteState = {
+    favorites: Favorite[];
+};
+export declare const initialState: FavoriteState;
+export declare const favoriteReducer: Reducer<FavoriteState, FavoriteActionTypes>;
+//# sourceMappingURL=favoriteReducer.d.ts.map

package/react/reducers/favoriteReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"favoriteReducer.d.ts","sourceRoot":"","sources":["../../../../src/ui/reducers/favoriteReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;GAEG;AACH,oBAAY,aAAa,GAAG;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,aAAa,EAAE,mBAAmB,CAwBvE,CAAC"}

package/react/reducers/favoriteReducer.js

@@ -0,0 +1,28 @@
+import produce from "immer";
+import { FavoriteActions } from "../actions/favoriteActions";
+export const initialState = {
+    favorites: [],
+};
+export const favoriteReducer = produce((state, action) => {
+    FavoriteActions.match(action, {
+        INITIALIZE_FAVORITES: (favorites) => {
+            state.favorites = (favorites === null || favorites === void 0 ? void 0 : favorites.length) ? favorites : [];
+        },
+        ADD_FAVORITE: (favorite) => {
+            state.favorites.push(favorite);
+        },
+        REMOVE_FAVORITE: (targetId) => {
+            const newFavorites = state.favorites.filter(({ id }) => id !== targetId);
+            state.favorites = newFavorites;
+        },
+        REORDER_FAVORITES: ({ oldIndex, newIndex }) => {
+            const favoritesInNewOrder = [...state.favorites];
+            const favoriteToMove = favoritesInNewOrder[oldIndex];
+            favoritesInNewOrder.splice(oldIndex, 1);
+            favoritesInNewOrder.splice(newIndex, 0, favoriteToMove);
+            state.favorites = favoritesInNewOrder;
+        },
+        default: () => state,
+    });
+}, initialState);
+//# sourceMappingURL=favoriteReducer.js.map

package/react/reducers/favoriteReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"favoriteReducer.js","sourceRoot":"","sources":["../../../../src/ui/reducers/favoriteReducer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAuB,MAAM,4BAA4B,CAAC;AAWlF,MAAM,CAAC,MAAM,YAAY,GAAkB;IAC1C,SAAS,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAgD,OAAO,CAClF,CAAC,KAAoB,EAAE,MAA2B,EAAE,EAAE;IACrD,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE;QAC7B,oBAAoB,EAAE,CAAC,SAA0B,EAAE,EAAE;YACpD,KAAK,CAAC,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,CAAC;QACD,YAAY,EAAE,CAAC,QAAkB,EAAE,EAAE;YACpC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;QACD,eAAe,EAAE,CAAC,QAAwB,EAAE,EAAE;YAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;YACzE,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;QAChC,CAAC;QACD,iBAAiB,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC7C,MAAM,mBAAmB,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YACjD,MAAM,cAAc,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;YACrD,mBAAmB,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACxC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;YACxD,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;QACvC,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;KACpB,CAAC,CAAC;AACJ,CAAC,EACD,YAAY,CACZ,CAAC"}