@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

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

@@ -1,9 +1,15 @@
-import { SearchProviderResponse } from "../types/searchTypes";
+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

@@ -1,8 +1,13 @@
 import { useRef, useCallback } from "react";
-import { useDispatch, useSelector } from "../store";
+import { useDispatch, useSelector } from "../components/FinsembleProvider";
 import { SearchActions } from "../actions/searchActions";
 import { debounce } from "lodash";
-const { SearchClient } = FSBL.Clients;
+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);
@@ -11,8 +16,14 @@ const useSearch = () => {
         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([]);
@@ -21,11 +32,30 @@ const useSearch = () => {
             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;
-        SearchClient.search({ text: query }, (e, responses) => {
+        // 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]);

package/react/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/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;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;AActC,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;QAEvG,IAAI,KAAK,KAAK,YAAY,CAAC,OAAO;YAAE,OAAO;QAM3C,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,wBAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,MAAM,GAAA,CAC5D,CAAC;QACF,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;YAAE,iBAAiB,GAAG,EAAE,CAAC;QAE3D,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC,CAAC;IAoBF,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;QAE7B,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAM,EAAE,SAAmC,EAAE,EAAE;YACpF,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","sourcesContent":["import { useRef, useCallback } from \"react\";\r\nimport { useDispatch, useSelector } from \"../store\";\r\nimport { SearchActions } from \"../actions/searchActions\";\r\nimport { SearchProviderResponse } from \"../types/searchTypes\";\r\nimport { debounce } from \"lodash\";\r\n\r\nconst { SearchClient } = FSBL.Clients;\r\n\r\ntype SearchHook = {\r\n\tsearchResults: Array<SearchProviderResponse>;\r\n\tsearchQuery: string;\r\n\tupdateQuery: (query: string) => void;\r\n\tresetSearch: () => void;\r\n};\r\n\r\n/**\r\n * A hook for working with search. Search results stream back, and this hook will relay those through\r\n * a reducer. Note that the reducer implementation is a singleton (if you have multiple search) inputs\r\n * across a component then they will all be synchronized to query and results.\r\n */\r\nconst useSearch = (): SearchHook => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { searchQuery, searchResults } = useSelector((state) => state.search);\r\n\tconst currentQuery = useRef({});\r\n\r\n\tconst updateResults = useCallback(\r\n\t\t(results: Array<any>) => {\r\n\t\t\tdispatch(SearchActions.UPDATE_RESULTS(results));\r\n\t\t},\r\n\t\t[dispatch]\r\n\t);\r\n\tconst onSearchClientResponse = (searchError: any, responses: SearchProviderResponse[], query: string) => {\r\n\t\t// If we get a response back from an older query then drop the results\r\n\t\tif (query !== currentQuery.current) return;\r\n\t\t/**\r\n\t\t * The callback from `SearchClient.search` can return *multiple times*, and it uses a single global array\r\n\t\t * that it is constantly mutating. React isn't doing a deep comparison, so it never updates the results, we\r\n\t\t * therefore force an update by cloning the array into a new reference.\r\n\t\t */\r\n\t\tconst clonedProviderResponses = JSON.parse(JSON.stringify(responses));\r\n\r\n\t\tif (!clonedProviderResponses) return updateResults([]);\r\n\r\n\t\tlet providersWithData = clonedProviderResponses.filter(\r\n\t\t\t(provider: SearchProviderResponse) => provider?.data?.length\r\n\t\t);\r\n\t\tif (providersWithData.length === 0) providersWithData = [];\r\n\r\n\t\tupdateResults(providersWithData);\r\n\t};\r\n\r\n\t/**\r\n\t * The seach client callback procedure is a little strange. In order to prevent a hangup for slow search\r\n\t * providers, your callback to searchClient.search is invoked multiple times -- one time per search provider.\r\n\t *\r\n\t * Your search goes out for \"De\", you get a response from the WindowService saying \"No components match\".\r\n\t * Then you get a response from the WorkspaceService saying \"Hey DefaultWorkspace matches!\". Your callback\r\n\t * has been hit twice. On the 2nd time, you get all of the data you would've gotten the first time.\r\n\t *\r\n\t * Without debouncing the search client response, we end up setting intermediary state, which forces the DOM to\r\n\t * render, which forces the window size to change to fit the DOM. Imagine the situation above.\r\n\t *\r\n\t * We send out a search for \"DE\", and the WindowService comes back at us first saying 'no components'. There's no data,\r\n\t * so there's no results. So there's no DOM spit out for the search results. This causes the window to size down\r\n\t * to its minimum. Miliseconds later, the workspace service comes at us saying \"Hey I have workspaces!\", which\r\n\t * causes the search menu to expand to fit the results in the DOM. By setting the intermediary\r\n\t * state, we cause unnecessary renders and we end up resizing resizing the window in a very jarring manner.\r\n\t * 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.\r\n\t */\r\n\tconst debouncedSearchResponse = debounce(onSearchClientResponse, 100);\r\n\r\n\tconst updateQuery = useCallback(\r\n\t\t(query: string) => {\r\n\t\t\tdispatch(SearchActions.UPDATE_QUERY(query));\r\n\t\t\tcurrentQuery.current = query;\r\n\t\t\t// Run the search() effect. One day, move this to effects middleware.\r\n\t\t\tSearchClient.search({ text: query }, (e: any, responses: SearchProviderResponse[]) => {\r\n\t\t\t\tdebouncedSearchResponse(e, responses, query);\r\n\t\t\t});\r\n\t\t},\r\n\t\t[dispatch, updateResults]\r\n\t);\r\n\r\n\tconst resetSearch = useCallback(() => {\r\n\t\tdispatch(SearchActions.RESET_SEARCH());\r\n\t}, [dispatch]);\r\n\r\n\treturn {\r\n\t\tsearchResults,\r\n\t\tupdateQuery,\r\n\t\tsearchQuery,\r\n\t\tresetSearch,\r\n\t};\r\n};\r\nexport { useSearch };\r\n"]}
+{"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,iCAAiC,CAAC;AAC3E,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,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACjF,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 @@
+/// <reference types="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: ({ title }: {
+    title: string;
+}) => JSX.Element;
+//# 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":";AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,UAAW,MAAM,UAAS,OAAO,SAUrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK;WAAwB,MAAM;iBAI/C,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,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IACrD,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhB,OAAO,yCAAK,CAAC;AACd,CAAC,CAAC"}

package/react/hooks/useToolbar.d.ts

@@ -1,9 +1,12 @@
 export declare const useToolbar: () => {
     removeSystemClosePrevention: () => void;
-    preventSystemClose: () => undefined;
+    preventSystemClose: () => void;
     minimizeAllWindows: () => void;
-    revealAllWindows: () => void;
-    toggleAutoArrange: () => void;
+    revealAllWindows: () => Promise<void>;
+    toggleAutoArrange: () => Promise<void>;
     showToolbar: () => void;
     hideToolbar: () => void;
+    dockToolbar: () => 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":"AAqKA,eAAO,MAAM,UAAU;;;;;;;;;iCAlDa,MAAM;CAuEzC,CAAC"}

package/react/hooks/useToolbar.js

@@ -1,44 +1,98 @@
 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 }) => {
-    finsembleWindow.bringToFront(null, (err) => {
+    FEAGlobals.finsembleWindow.bringToFront(null, (err) => {
         if (err) {
-            FSBL.Clients.Logger.error("bringToolbarToFront failed, error:", err);
+            FEAGlobals.FSBL.Clients.Logger.system.error("bringToolbarToFront failed, error:", err);
         }
         if (focus) {
-            finsembleWindow.focus();
+            FEAGlobals.finsembleWindow.focus();
         }
     });
 };
+/**
+ * Hides the toolbar
+ */
 const hideToolbar = () => {
-    finsembleWindow.blur();
-    finsembleWindow.hide();
+    FEAGlobals.finsembleWindow.blur();
+    FEAGlobals.finsembleWindow.hide();
 };
+/**
+ * Shows the toolbar left-aligned to the user's mouse.
+ */
 const showToolbar = () => {
-    FSBL.Clients.WindowClient.showAtMousePosition();
+    FEAGlobals.FSBL.Clients.RouterClient.transmit("DockingService.showAtMousePosition", {
+        windowName: FEAGlobals.finsembleWindow.name,
+        uuid: FEAGlobals.finsembleWindow.uuid,
+    });
     bringToolbarToFront({ focus: true });
 };
+/**
+ * Docks the toolbar to the primary monitor
+ */
+const dockToolbar = () => {
+    FEAGlobals.FSBL.Clients.RouterClient.transmit("DockingService.dockWindow", {
+        windowName: FEAGlobals.finsembleWindow.name,
+        uuid: FEAGlobals.finsembleWindow.uuid,
+    });
+};
+/**
+ * Minimizes all windows.
+ */
 const minimizeAllWindows = () => {
-    FSBL.Clients.WorkspaceClient.minimizeAll();
+    FEAGlobals.FSBL.Clients.WorkspaceClient.minimizeAll();
 };
-const revealAllWindows = () => {
-    FSBL.Clients.LauncherClient.bringWindowsToFront();
+/**
+ * Brings all windows to front.
+ */
+const revealAllWindows = async () => {
+    await FEAGlobals.FSBL.Clients.WorkspaceClient.bringWindowsToFront();
+    bringToolbarToFront({ focus: false });
 };
-const toggleAutoArrange = () => {
-    FSBL.Clients.WorkspaceClient.autoArrange({}, () => {
+/**
+ * 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 maximized windows are included in the action
+     * This is relies on bringWindowsToFront() restoring maximized and minimized 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 = () => {
-    finsembleWindow.addEventListener("minimized", () => {
-        finsembleWindow.restore();
+    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 = () => {
-    FSBL.SystemManagerClient.publishCheckpointState("Toolbar", "initialize", "completed");
+    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 = () => {
@@ -46,19 +100,51 @@ const removeSystemClosePrevention = () => {
         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 void 0;
+        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;
-    FSBL.onShutdown(removeSystemClosePrevention);
+    // 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 (FSBL.debug !== true) {
+        if (FEAGlobals.FSBL.debug !== true) {
             preventSystemClose();
         }
     }, []);
@@ -70,6 +156,8 @@ export const useToolbar = () => {
         toggleAutoArrange,
         showToolbar,
         hideToolbar,
+        dockToolbar,
+        launchPreferences,
     };
 };
 //# sourceMappingURL=useToolbar.js.map

package/react/hooks/useToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToolbar.js","sourceRoot":"","sources":["../../src/hooks/useToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAM7F,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IAC7D,eAAe,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,GAAQ,EAAE,EAAE;QAC/C,IAAI,GAAG,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,oCAAoC,EAAE,GAAG,CAAC,CAAC;SACrE;QAED,IAAI,KAAK,EAAE;YACV,eAAe,CAAC,KAAK,EAAE,CAAC;SACxB;IACF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,eAAe,CAAC,IAAI,EAAE,CAAC;IACvB,eAAe,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAKF,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,CAAC;IAChD,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACtC,CAAC,CAAC;AAKF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;AAC5C,CAAC,CAAC;AAKF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC7B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC;AACnD,CAAC,CAAC;AAKF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,GAAG,EAAE;QAGjD,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,eAAe,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE;QAClD,eAAe,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACpC,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;AACvF,CAAC,CAAC;AAKF,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAClC,0BAA0B,EAAE,CAAC;IAG7B,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACxC,IAAI,MAAM,CAAC,cAAc,KAAK,qBAAqB,EAAE;QACpD,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;KAC7B;AACF,CAAC,CAAC;AAMF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,IAAI,MAAM,CAAC,cAAc,EAAE;QAC1B,OAAO,CAAC,KAAK,CACZ,0aAA0a,CAC1a,CAAC;QAEF,OAAO,KAAK,CAAC,CAAC;KACd;IAQD,MAAM,CAAC,cAAc,GAAG,qBAAqB,CAAC;IAE9C,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,SAAS,CAAC,GAAG,EAAE;QACd,eAAe,EAAE,CAAC;QAClB,uBAAuB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACxB,kBAAkB,EAAE,CAAC;SACrB;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACN,2BAA2B;QAC3B,kBAAkB;QAClB,kBAAkB;QAClB,gBAAgB;QAChB,iBAAiB;QACjB,WAAW;QACX,WAAW;KACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useEffect } from \"react\";\r\nimport { openQuitConfirmationDialog } from \"../components/shared/openQuitConfirmationDialog\";\r\n\r\n/**\r\n * Function to bring toolbar to front (since dockable toolbar can be hidden)\r\n * @param {boolean} focus If true, will also focus the toolbar\r\n */\r\nconst bringToolbarToFront = ({ focus }: { focus: boolean }) => {\r\n\tfinsembleWindow.bringToFront(null, (err: any) => {\r\n\t\tif (err) {\r\n\t\t\tFSBL.Clients.Logger.error(\"bringToolbarToFront failed, error:\", err);\r\n\t\t}\r\n\r\n\t\tif (focus) {\r\n\t\t\tfinsembleWindow.focus();\r\n\t\t}\r\n\t});\r\n};\r\n\r\n/**\r\n * Hides the toolbar\r\n */\r\nconst hideToolbar = () => {\r\n\tfinsembleWindow.blur();\r\n\tfinsembleWindow.hide();\r\n};\r\n\r\n/**\r\n * Shows the toolbar left-aligned to the user's mouse.\r\n */\r\nconst showToolbar = () => {\r\n\tFSBL.Clients.WindowClient.showAtMousePosition();\r\n\tbringToolbarToFront({ focus: true });\r\n};\r\n\r\n/**\r\n * Mimimizes all windows.\r\n */\r\nconst minimizeAllWindows = () => {\r\n\tFSBL.Clients.WorkspaceClient.minimizeAll();\r\n};\r\n\r\n/**\r\n * Brings all windows to front.\r\n */\r\nconst revealAllWindows = () => {\r\n\tFSBL.Clients.LauncherClient.bringWindowsToFront();\r\n};\r\n\r\n/**\r\n * Toggles Auto Arrange for all windows on the same monitor as the toolbar\r\n */\r\nconst toggleAutoArrange = () => {\r\n\tFSBL.Clients.WorkspaceClient.autoArrange({}, () => {\r\n\t\t// This is legacy and we're not sure if it's still required or not.\r\n\t\t// We can try eliminating this once core auto arrange is refactored.\r\n\t\tbringToolbarToFront({ focus: false });\r\n\t});\r\n};\r\n\r\n/**\r\n * It's a requirement that the toolbar not be minimized.\r\n * the minimizable option does not work.\r\n * Instead, we just listen for this event and restore the window.\r\n * Hacky. Best I can think of right now.\r\n * //TODO allowMinimize should be a component config option\r\n */\r\nconst preventMinimize = () => {\r\n\tfinsembleWindow.addEventListener(\"minimized\", () => {\r\n\t\tfinsembleWindow.restore();\r\n\t});\r\n};\r\n\r\n/**\r\n * Required to let the system know that the toolbar is up and ready.\r\n * Other pieces of the UI key off of this.\r\n * @TODO Determine whether this kind of baked-in dependency\r\n * makes sense in finsemble.\r\n */\r\nconst publishSystemCheckpoint = () => {\r\n\tFSBL.SystemManagerClient.publishCheckpointState(\"Toolbar\", \"initialize\", \"completed\");\r\n};\r\n\r\n/**\r\n * Prevents closing of the window.\r\n */\r\nconst onBeforeToolbarUnload = () => {\r\n\topenQuitConfirmationDialog();\r\n\t// this is the crucial bit that tells electron not to actually close the window.\r\n\t// don't delete this.\r\n\treturn false;\r\n};\r\n\r\nconst removeSystemClosePrevention = () => {\r\n\tif (window.onbeforeunload === onBeforeToolbarUnload) {\r\n\t\twindow.onbeforeunload = null;\r\n\t}\r\n};\r\n\r\n/**\r\n * Prevents the window from going down on alt+f4 or closing from taskbar.\r\n * Pops up a dialog asking if the user meant to shut down the system.\r\n */\r\nconst preventSystemClose = () => {\r\n\tif (window.onbeforeunload) {\r\n\t\tconsole.error(\r\n\t\t\t`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.`\r\n\t\t);\r\n\t\t// returning a non-void value will cause the window to _not_ close. We don't want to be the reason the window stays open in this case\r\n\t\treturn void 0;\r\n\t}\r\n\r\n\t/**\r\n\t * From the electron docs:\r\n\t * 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.\r\n\t *\r\n\t * Tried addEventListener, and it wouldn't work.\r\n\t */\r\n\twindow.onbeforeunload = onBeforeToolbarUnload;\r\n\t// remove the listener when we're shutting down. Don'tw ant to get into an infinite loop.\r\n\tFSBL.onShutdown(removeSystemClosePrevention);\r\n};\r\n\r\nexport const useToolbar = () => {\r\n\tuseEffect(() => {\r\n\t\tpreventMinimize();\r\n\t\tpublishSystemCheckpoint();\r\n\r\n\t\tif (FSBL.debug !== true) {\r\n\t\t\tpreventSystemClose();\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn {\r\n\t\tremoveSystemClosePrevention,\r\n\t\tpreventSystemClose,\r\n\t\tminimizeAllWindows,\r\n\t\trevealAllWindows,\r\n\t\ttoggleAutoArrange,\r\n\t\tshowToolbar,\r\n\t\thideToolbar,\r\n\t};\r\n};\r\n"]}
+{"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

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

@@ -1,4 +1,4 @@
-import produce from "immer";
+import { produce } from "immer";
 import { FavoriteActions } from "../actions/favoriteActions";
 export const initialState = {
     favorites: [],

package/react/reducers/favoriteReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"favoriteReducer.js","sourceRoot":"","sources":["../../src/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","sourcesContent":["import produce from \"immer\";\r\nimport { FavoriteActions, FavoriteActionTypes } from \"../actions/favoriteActions\";\r\nimport { Favorite } from \"../types/favoriteTypes\";\r\nimport { Reducer } from \"react\";\r\n\r\n/**\r\n * Favorite state definition.\r\n */\r\nexport type FavoriteState = {\r\n\tfavorites: Favorite[];\r\n};\r\n\r\nexport const initialState: FavoriteState = {\r\n\tfavorites: [],\r\n};\r\n\r\nexport const favoriteReducer: Reducer<FavoriteState, FavoriteActionTypes> = produce(\r\n\t(state: FavoriteState, action: FavoriteActionTypes) => {\r\n\t\tFavoriteActions.match(action, {\r\n\t\t\tINITIALIZE_FAVORITES: (favorites: Array<Favorite>) => {\r\n\t\t\t\tstate.favorites = favorites?.length ? favorites : [];\r\n\t\t\t},\r\n\t\t\tADD_FAVORITE: (favorite: Favorite) => {\r\n\t\t\t\tstate.favorites.push(favorite);\r\n\t\t\t},\r\n\t\t\tREMOVE_FAVORITE: (targetId: Favorite[\"id\"]) => {\r\n\t\t\t\tconst newFavorites = state.favorites.filter(({ id }) => id !== targetId);\r\n\t\t\t\tstate.favorites = newFavorites;\r\n\t\t\t},\r\n\t\t\tREORDER_FAVORITES: ({ oldIndex, newIndex }) => {\r\n\t\t\t\tconst favoritesInNewOrder = [...state.favorites];\r\n\t\t\t\tconst favoriteToMove = favoritesInNewOrder[oldIndex];\r\n\t\t\t\tfavoritesInNewOrder.splice(oldIndex, 1);\r\n\t\t\t\tfavoritesInNewOrder.splice(newIndex, 0, favoriteToMove);\r\n\t\t\t\tstate.favorites = favoritesInNewOrder;\r\n\t\t\t},\r\n\t\t\tdefault: () => state,\r\n\t\t});\r\n\t},\r\n\tinitialState\r\n);\r\n"]}
+{"version":3,"file":"favoriteReducer.js","sourceRoot":"","sources":["../../../../src/ui/reducers/favoriteReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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"}

package/react/reducers/linkerReducer.d.ts

@@ -1,6 +1,9 @@
 import { Channel, WindowIdentifier } from "../types/linkerTypes";
 import { LinkerActionTypes } from "../actions/linkerActions";
 import { Reducer } from "react";
+/**
+ * Linker component type definition
+ */
 export declare type LinkerState = {
     channels: Record<number, Channel | undefined>;
     isAccessibleLinker: boolean;
@@ -8,3 +11,4 @@ export declare type LinkerState = {
 };
 export declare const initialState: LinkerState;
 export declare const linkerReducer: Reducer<LinkerState, LinkerActionTypes>;
+//# sourceMappingURL=linkerReducer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linkerReducer.d.ts","sourceRoot":"","sources":["../../../../src/ui/reducers/linkerReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;GAEG;AACH,oBAAY,WAAW,GAAG;IAEzB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAE9C,kBAAkB,EAAE,OAAO,CAAC;IAE5B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,WAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAkCjE,CAAC"}

package/react/reducers/linkerReducer.js

@@ -1,9 +1,13 @@
-import produce from "immer";
+import { produce } from "immer";
 import { LinkerActions } from "../actions/linkerActions";
+// The linker state before we initialize the linker. The initialize linker function will
+// make calls to the LinkerClient and
+// fill in the state with the relevant linker information.
 export const initialState = {
     channels: {},
     isAccessibleLinker: true,
 };
+// The linker's reducer
 export const linkerReducer = produce((state, action) => {
     LinkerActions.match(action, {
         UPDATE_CHANNEL_STATUS: ({ channelId, active }) => {

package/react/reducers/linkerReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkerReducer.js","sourceRoot":"","sources":["../../src/reducers/linkerReducer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAkB5E,MAAM,CAAC,MAAM,YAAY,GAAgB;IACxC,QAAQ,EAAE,EAAE;IACZ,kBAAkB,EAAE,IAAI;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA4C,OAAO,CAC5E,CAAC,KAAkB,EAAE,MAAyB,EAAE,EAAE;IACjD,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE;QAC3B,qBAAqB,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;YAChD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEhD,IAAI,aAAa;gBAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;QAClD,CAAC;QACD,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAgB,EAAE,KAAa,EAAE,EAAE;gBACjE,OAAO;oBACN,EAAE,EAAE,KAAK;oBACT,IAAI,EAAE,OAAO,CAAC,IAAI;oBAClB,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,MAAM,EAAE,KAAK;iBACb,CAAC;YACH,CAAC,CAAC,CAAC;QACJ,CAAC;QACD,sBAAsB,EAAE,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,EAAE;YAC9D,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC5E,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;YAC1C,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;gBACpD,IAAI,OAAO,EAAE;oBACZ,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBACzD;aACD;QACF,CAAC;QACD,iBAAiB,EAAE,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;YAC7C,KAAK,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC/C,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;KACpB,CAAC,CAAC;AACJ,CAAC,EACD,YAAY,CACZ,CAAC","sourcesContent":["import produce from \"immer\";\r\nimport { Channel, WindowIdentifier } from \"../types/linkerTypes\";\r\nimport { LinkerActionTypes, LinkerActions } from \"../actions/linkerActions\";\r\nimport { Reducer } from \"react\";\r\n\r\n/**\r\n * Linker component type definition\r\n */\r\nexport type LinkerState = {\r\n\t/* The linker channels */\r\n\tchannels: Record<number, Channel | undefined>;\r\n\t/* Default to true. If the linker is an accessible linker, its channel labels will be shown along with the color indicators */\r\n\tisAccessibleLinker: boolean;\r\n\t/* The window identifier for the window that the linker component is on. They have one to one matching relationship */\r\n\twindowIdentifier?: WindowIdentifier;\r\n};\r\n\r\n// The linker state before we initialize the linker. The initialize linker function will\r\n// make calls to the LinkerClient and\r\n// fill in the state with the relevant linker information.\r\nexport const initialState: LinkerState = {\r\n\tchannels: {},\r\n\tisAccessibleLinker: true,\r\n};\r\n// The linker's reducer\r\nexport const linkerReducer: Reducer<LinkerState, LinkerActionTypes> = produce(\r\n\t(state: LinkerState, action: LinkerActionTypes) => {\r\n\t\tLinkerActions.match(action, {\r\n\t\t\tUPDATE_CHANNEL_STATUS: ({ channelId, active }) => {\r\n\t\t\t\tconst targetChannel = state.channels[channelId];\r\n\t\t\t\t// TODO: figure out how to log an error here.\r\n\t\t\t\tif (targetChannel) targetChannel.active = active;\r\n\t\t\t},\r\n\t\t\tSET_CHANNELS: ({ channels }) => {\r\n\t\t\t\tstate.channels = channels.map((channel: Channel, index: number) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: index,\r\n\t\t\t\t\t\tname: channel.name,\r\n\t\t\t\t\t\tcolor: channel.color,\r\n\t\t\t\t\t\tborder: channel.border,\r\n\t\t\t\t\t\tactive: false,\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tUPDATE_ACTIVE_CHANNELS: ({ channelNames, windowIdentifier }) => {\r\n\t\t\t\tconst channelNameArray = Object.values(channelNames).map((obj) => obj.name);\r\n\t\t\t\tstate.windowIdentifier = windowIdentifier;\r\n\t\t\t\tfor (const channel of Object.values(state.channels)) {\r\n\t\t\t\t\tif (channel) {\r\n\t\t\t\t\t\tchannel.active = channelNameArray.includes(channel.name);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tSET_ACCESSIBILITY: ({ isAccessibleLinker }) => {\r\n\t\t\t\tstate.isAccessibleLinker = isAccessibleLinker;\r\n\t\t\t},\r\n\t\t\tdefault: () => state,\r\n\t\t});\r\n\t},\r\n\tinitialState\r\n);\r\n"]}
+{"version":3,"file":"linkerReducer.js","sourceRoot":"","sources":["../../../../src/ui/reducers/linkerReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAe5E,wFAAwF;AACxF,qCAAqC;AACrC,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAgB;IACxC,QAAQ,EAAE,EAAE;IACZ,kBAAkB,EAAE,IAAI;CACxB,CAAC;AACF,uBAAuB;AACvB,MAAM,CAAC,MAAM,aAAa,GAA4C,OAAO,CAC5E,CAAC,KAAkB,EAAE,MAAyB,EAAE,EAAE;IACjD,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE;QAC3B,qBAAqB,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;YAChD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,aAAa;gBAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;QAClD,CAAC;QACD,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAgB,EAAE,KAAa,EAAE,EAAE;gBACjE,OAAO;oBACN,EAAE,EAAE,KAAK;oBACT,IAAI,EAAE,OAAO,CAAC,IAAI;oBAClB,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,MAAM,EAAE,KAAK;iBACb,CAAC;YACH,CAAC,CAAC,CAAC;QACJ,CAAC;QACD,sBAAsB,EAAE,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,EAAE;YAC9D,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjF,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;YAC1C,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;gBACpD,IAAI,OAAO,EAAE;oBACZ,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;iBACzD;aACD;QACF,CAAC;QACD,iBAAiB,EAAE,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;YAC7C,KAAK,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC/C,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;KACpB,CAAC,CAAC;AACJ,CAAC,EACD,YAAY,CACZ,CAAC"}

package/react/reducers/menuReducer.d.ts

@@ -1,8 +1,37 @@
 import { MenuActionTypes } from "../actions/menuActions";
 import { Reducer } from "react";
+/**
+ * Menu state definition.
+ */
 export declare type MenuState = {
+    /**
+     * Contains the id of the currently open menu
+     */
     openMenuId: string | null;
+    /**
+     * Contains the id of a menu that has been blurred but not yet closed. See menuReducer for algorithm.
+     */
     pendingBlurId: string | null;
 };
 export declare const initialState: MenuState;
+/**
+ * Algorithm for managing "toggle/blur" race condition
+ *
+ * When a user clicks the  for an open window it triggers two events which end up in a race.
+ * A blur event will close the menu. A toggle event will also close the menu.
+ * However, if the blur event arrives *before* the toggle event then the menu would (1) close, (2) toggle back open
+ *
+ * The algorithm to address this race condition is to instead use three events. These are the two races
+ * (1) BLUR_MENU - sets pendingBlurId to the id of the menu
+ * (2) TOGGLE_MENU - closes the menu if it is open (true), and clears pendingBlurId
+ * (3) CLOSE_IF_PENDING - closes the menu only if pendingBlurId is still set, and clears pendingBlurId
+ *
+ * (1) TOGGLE_MENU - closes the menu if it is open (pendingBlurId will not be set)
+ * (2) BLUR_MENU - sets pendingBlurId to the id of the menu
+ * (3) CLOSE_IF_PENDING - menu is already closed. clears pendingBlurId.
+ *
+ * menuHook() is responsible for triggering each of these events.
+ * This algorithm depends on the time delay between BLUR_MENU and CLOSE_IF_PENDING to be long enough that TOGGLE_MENU is assured to trigger.
+ */
 export declare const menuReducer: Reducer<MenuState, MenuActionTypes>;
+//# sourceMappingURL=menuReducer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuReducer.d.ts","sourceRoot":"","sources":["../../../../src/ui/reducers/menuReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;GAEG;AACH,oBAAY,SAAS,GAAG;IACvB;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAG1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,SAAS,EAAE,eAAe,CAsC5C,CAAC"}