npm - @finsemble/finsemble-ui - Versions diffs - 1.0.0-beta-1 - Mend

@finsemble/finsemble-ui 1.0.0-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1603) hide show

package/react/components/toolbar/advancedAppLauncher/utils/sort-functions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sort-functions.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/utils/sort-functions.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,UAAkB,EAAE,EAAE;IACzF,MAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAEvD,OAAO,KAAK,IAAI,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe;IACd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE1F;;;;;;OAMG;IACH,SAAS,EAAE,CAAC,IAAqB,EAAE,EAAE,CACpC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClB,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC/C,0GAA0G;QAC1G,IAAI,YAAY,IAAI,CAAC,YAAY,EAAE;YAClC,OAAO,CAAC,CAAC,CAAC;SACV;aAAM,IAAI,CAAC,YAAY,IAAI,YAAY,EAAE;YACzC,OAAO,CAAC,CAAC;SACT;QACD,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC;CACH,CAAC","sourcesContent":["import storeActions from \"../stores/StoreActions\";\nimport { findIndex } from \"lodash\";\nimport { FolderAppType } from \"../../../../types/advancedAppLauncherTypes\";\n\nexport const findAppIndexInFolder = (appID: FolderAppType[\"appID\"], folderName: string) => {\n\tconst folder = storeActions.getSingleFolder(folderName);\n\treturn findIndex(folder.apps, (app: FolderAppType) => app.appID === appID);\n};\n\nexport const isAppInFavorites = (appID: FolderAppType[\"appID\"]) => {\n\tconst index = findAppIndexInFolder(appID, \"Favorites\");\n\n\treturn index >= 0;\n};\n\nexport default {\n\t/**\n\t * Sorts list by name alphabetically\n\t */\n\tAlphabetical: (list: FolderAppType[]) => list.sort((a, b) => a.name.localeCompare(b.name)),\n\n\t/**\n\t * Sorts a list of application by Favorites.\n\t * It gets a list of apps from Favorites folder\n\t * then in the sort function, it checks where a, b apps\n\t * are in favorite folder or not, giving a lower index\n\t * for apps that are in Favorite folder\n\t */\n\tFavorites: (list: FolderAppType[]) =>\n\t\tlist.sort((a, b) => {\n\t\t\tconst aInFavorites = isAppInFavorites(a.appID);\n\t\t\tconst bInFavorites = isAppInFavorites(b.appID);\n\t\t\t// a component being in favorites means it is \"less than\" another component not in favorites, so return -1\n\t\t\tif (aInFavorites && !bInFavorites) {\n\t\t\t\treturn -1;\n\t\t\t} else if (!aInFavorites && bInFavorites) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\treturn a.name.localeCompare(b.name);\n\t\t}),\n};\n"]}

package/react/components/toolbar/appLauncher/AppLauncherMenu.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { MenuProps } from "../../menu/Menu";
+declare type AppLauncherMenuType = MenuProps & {
+    enableQuickComponents?: boolean;
+    componentFilter?: string[];
+    suppressFavorites?: boolean;
+    dynamic?: boolean;
+};
+/**
+ * The menu, or collection of menus, that lists all configured Finsemble applications, and provides
+ * the ability to launch any listed app.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ * @param {string} [title] The title of the menu that appears in the menu's <MenuToggle> button, as viewed in the toolbar. Can be string or any ReactNode.
+ * @param {string[]} [componentFilter] Custom list of menu items to display
+ * @param {boolean} [suppressFavorites=false]
+ * @param {boolean} [dynamic=false] If dynamic=true, get list of menus from manifest, as well as listening for updates to list
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the <body> tag for the Menu's drop down window.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {array} [closeHotkey=["escape"] ] - A hotkey combination to close the menu. Defaults to ["escape"].
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ */
+export declare const AppLauncherMenu: (props: AppLauncherMenuType) => JSX.Element;
+export {};

package/react/components/toolbar/appLauncher/AppLauncherMenu.js ADDED Viewed

@@ -0,0 +1,43 @@
+import React, { useEffect, useState } from "react";
+import { StaticAppLauncherMenu } from "./StaticAppLauncherMenu";
+/**
+ * The menu, or collection of menus, that lists all configured Finsemble applications, and provides
+ * the ability to launch any listed app.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ * @param {string} [title] The title of the menu that appears in the menu's <MenuToggle> button, as viewed in the toolbar. Can be string or any ReactNode.
+ * @param {string[]} [componentFilter] Custom list of menu items to display
+ * @param {boolean} [suppressFavorites=false]
+ * @param {boolean} [dynamic=false] If dynamic=true, get list of menus from manifest, as well as listening for updates to list
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the <body> tag for the Menu's drop down window.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {array} [closeHotkey=["escape"] ] - A hotkey combination to close the menu. Defaults to ["escape"].
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ */
+export const AppLauncherMenu = (props) => {
+    const [menus, setMenus] = useState({});
+    const updateMenu = () => {
+        FSBL.Clients.ConfigClient.getValue("finsemble.toolbarMenus").then(({ data }) => {
+            setMenus(data);
+        });
+    };
+    useEffect(() => {
+        updateMenu();
+        // Listen for notifications that the menu has changed
+        FSBL.Clients.ConfigClient.addListener({ field: "finsemble.toolbarMenus" }, updateMenu);
+    }, []);
+    // dynamic menu
+    if (Object.values(menus).length > 0) {
+        return (React.createElement(React.Fragment, null, Object.values(menus)
+            .sort((a, b) => a.position - b.position)
+            .map((menuObj, index) => (React.createElement(StaticAppLauncherMenu, { key: index, id: `AppLauncher-${index}`, title: menuObj.displayName, componentFilter: menuObj.applications, suppressFavorites: menuObj.applications && menuObj.applications.length > 0 })))));
+    }
+    else {
+        return React.createElement(StaticAppLauncherMenu, Object.assign({}, props));
+    }
+};
+//# sourceMappingURL=AppLauncherMenu.js.map

package/react/components/toolbar/appLauncher/AppLauncherMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AppLauncherMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/appLauncher/AppLauncherMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAWhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC9E,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,CAAC;QAEb,qDAAqD;QACrD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,UAAU,CAAC,CAAC;IACxF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe;IACf,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QACpC,OAAO,CACN,0CACE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;aACnB,IAAI,CAAC,CAAC,CAAc,EAAE,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;aACjE,GAAG,CAAC,CAAC,OAAoB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7C,oBAAC,qBAAqB,IACrB,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,eAAe,KAAK,EAAE,EAC1B,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,eAAe,EAAE,OAAO,CAAC,YAAY,EACrC,iBAAiB,EAAE,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,GACzE,CACF,CAAC,CACD,CACH,CAAC;KACF;SAAM;QACN,OAAO,oBAAC,qBAAqB,oBAAK,KAAK,EAAI,CAAC;KAC5C;AACF,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { StaticAppLauncherMenu } from \"./StaticAppLauncherMenu\";\nimport { MenuProps } from \"../../menu/Menu\";\nimport { MenuObjType, MenuType } from \"../../../types/smartDesktopDesignerTypes\";\n\ntype AppLauncherMenuType = MenuProps & {\n\tenableQuickComponents?: boolean; // DEPRECATED: Quick Components will be removed in a future version\n\tcomponentFilter?: string[];\n\tsuppressFavorites?: boolean;\n\tdynamic?: boolean; //DEPRECATED\n};\n\n/**\n * The menu, or collection of menus, that lists all configured Finsemble applications, and provides\n * the ability to launch any listed app.\n *\n * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components\n * @param {string} [title] The title of the menu that appears in the menu's <MenuToggle> button, as viewed in the toolbar. Can be string or any ReactNode.\n * @param {string[]} [componentFilter] Custom list of menu items to display\n * @param {boolean} [suppressFavorites=false]\n * @param {boolean} [dynamic=false] If dynamic=true, get list of menus from manifest, as well as listening for updates to list\n * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the <body> tag for the Menu's drop down window.\n * @param {string} [id] - Unique ID for the menu. Defaults to a random string.\n * @param {number} [maxHeight=Infinity] - Maximum height of the menu.\n * @param {number} [minHeight] - Minimum height of the menu\n * @param {array} [openHotkey] - A hotkey combination to open the menu.\n * @param {array} [closeHotkey=[\"escape\"] ] - A hotkey combination to close the menu. Defaults to [\"escape\"].\n * @param {number} [width=180] - Custom width for the menu.\n * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.\n */\nexport const AppLauncherMenu = (props: AppLauncherMenuType) => {\n\tconst [menus, setMenus] = useState<MenuType>({});\n\n\tconst updateMenu = () => {\n\t\tFSBL.Clients.ConfigClient.getValue(\"finsemble.toolbarMenus\").then(({ data }) => {\n\t\t\tsetMenus(data);\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tupdateMenu();\n\n\t\t// Listen for notifications that the menu has changed\n\t\tFSBL.Clients.ConfigClient.addListener({ field: \"finsemble.toolbarMenus\" }, updateMenu);\n\t}, []);\n\n\t// dynamic menu\n\tif (Object.values(menus).length > 0) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{Object.values(menus)\n\t\t\t\t\t.sort((a: MenuObjType, b: MenuObjType) => a.position - b.position)\n\t\t\t\t\t.map((menuObj: MenuObjType, index: number) => (\n\t\t\t\t\t\t<StaticAppLauncherMenu\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tid={`AppLauncher-${index}`}\n\t\t\t\t\t\t\ttitle={menuObj.displayName}\n\t\t\t\t\t\t\tcomponentFilter={menuObj.applications}\n\t\t\t\t\t\t\tsuppressFavorites={menuObj.applications && menuObj.applications.length > 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t</>\n\t\t);\n\t} else {\n\t\treturn <StaticAppLauncherMenu {...props} />;\n\t}\n};\n"]}

package/react/components/toolbar/appLauncher/StaticAppLauncherMenu.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import * as React from "react";
+import "./appLauncher.css";
+interface IProps {
+    className?: string;
+    closeHotkey?: Array<string>;
+    height?: number;
+    id?: string;
+    maxHeight?: number;
+    minHeight?: number;
+    openHotkey?: Array<string>;
+    width?: number;
+    title?: React.ReactNode | string | null;
+    enableQuickComponents?: boolean;
+    componentFilter?: string[];
+    suppressFavorites?: boolean;
+    dynamic?: boolean;
+}
+interface IState {
+    initialized: boolean;
+}
+/**
+ * The "app" button that launches the AppLauncher menu from the toolbar.
+ * The app launcher lists all configured Finsemble applications.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ * @param {string} [title] The title of the menu, as viewed in the toolbar
+ * @param {string[]} [componentFilter] Custom list of menu items to display
+ * @param {boolean} [suppressFavorites=false]
+ */
+export declare class StaticAppLauncherMenu extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    onInitialized(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    openQuickComponent(): void;
+    render(): JSX.Element;
+}
+export {};

package/react/components/toolbar/appLauncher/StaticAppLauncherMenu.js ADDED Viewed

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Menu } from "../../menu/Menu";
+import { MenuItem } from "../../menu/MenuItem";
+import ComponentList from "./components/componentList";
+import { storeManager } from "./stores/appLauncherStore";
+import "./appLauncher.css";
+/**
+ * The "app" button that launches the AppLauncher menu from the toolbar.
+ * The app launcher lists all configured Finsemble applications.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ * @param {string} [title] The title of the menu, as viewed in the toolbar
+ * @param {string[]} [componentFilter] Custom list of menu items to display
+ * @param {boolean} [suppressFavorites=false]
+ */
+export class StaticAppLauncherMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            initialized: false,
+        };
+        this.onInitialized = this.onInitialized.bind(this);
+    }
+    onInitialized() {
+        this.setState({
+            initialized: true,
+        });
+    }
+    componentDidMount() {
+        storeManager.addInitializedListener(this.onInitialized);
+        storeManager.initialize();
+        // Focus on the window when it is shown so that a click elsewhere will trigger a blur.
+        finsembleWindow.addEventListener("shown", () => {
+            finsembleWindow.focus();
+        });
+        if (this.props.enableQuickComponents) {
+            FSBL.Clients.Logger.system.error("QuickComponents are deprecated and will be removed in a future release.");
+        }
+    }
+    componentWillUnmount() {
+        storeManager.removeInitializedListener(this.onInitialized);
+    }
+    // @deprecated - Quick Components will be removed in a future version
+    openQuickComponent() {
+        // FSBL.Clients.LauncherClient.spawn("QuickComponentForm", { monitor: "mine" });
+        FSBL.Clients.DialogManager.open("QuickComponentForm", {}, () => { });
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const completeProps = Object.assign(Object.assign({}, this.props), { width: (_a = this.props.width) !== null && _a !== void 0 ? _a : 300, id: (_b = this.props.id) !== null && _b !== void 0 ? _b : "AppLauncherMenu", title: (_c = this.props.title) !== null && _c !== void 0 ? _c : "Apps", className: (_d = this.props.className) !== null && _d !== void 0 ? _d : "menu-portal app-launcher" });
+        return (React.createElement(Menu, Object.assign({}, completeProps),
+            this.props.enableQuickComponents ? (React.createElement("div", { className: "menu-secondary" },
+                React.createElement(MenuItem, { onClick: this.openQuickComponent }, "New App"))) : null,
+            this.state.initialized && (React.createElement(ComponentList, { componentFilter: this.props.componentFilter, suppressFavorites: this.props.suppressFavorites }))));
+    }
+}
+//# sourceMappingURL=StaticAppLauncherMenu.js.map

package/react/components/toolbar/appLauncher/StaticAppLauncherMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StaticAppLauncherMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/appLauncher/StaticAppLauncherMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,mBAAmB,CAAC;AAqB3B;;;;;;;;GAQG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAyB;IACzE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACZ,WAAW,EAAE,KAAK;SAClB,CAAC;QACF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,aAAa;QACZ,IAAI,CAAC,QAAQ,CAAC;YACb,WAAW,EAAE,IAAI;SACjB,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB;QAChB,YAAY,CAAC,sBAAsB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxD,YAAY,CAAC,UAAU,EAAE,CAAC;QAE1B,sFAAsF;QACtF,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC9C,eAAe,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;YACrC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;SAC5G;IACF,CAAC;IAED,oBAAoB;QACnB,YAAY,CAAC,yBAAyB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,qEAAqE;IACrE,kBAAkB;QACjB,gFAAgF;QAChF,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,MAAM;;QACL,MAAM,aAAa,mCACf,IAAI,CAAC,KAAK,KACb,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,GAAG,EAC9B,EAAE,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,EAAE,mCAAI,iBAAiB,EACtC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,MAAM,EACjC,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,0BAA0B,GAC7D,CAAC;QAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;YACrB,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,cAAoB,CACzD,CACN,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAC1B,oBAAC,aAAa,IACb,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAC3C,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAC9C,CACF,CACK,CACP,CAAC;IACH,CAAC;CACD","sourcesContent":["import * as React from \"react\";\nimport { Menu } from \"../../menu/Menu\";\nimport { MenuItem } from \"../../menu/MenuItem\";\nimport ComponentList from \"./components/componentList\";\nimport { storeManager } from \"./stores/appLauncherStore\";\n\nimport \"./appLauncher.css\";\ninterface IProps {\n\tclassName?: string;\n\tcloseHotkey?: Array<string>;\n\theight?: number;\n\tid?: string;\n\tmaxHeight?: number;\n\tminHeight?: number;\n\topenHotkey?: Array<string>;\n\twidth?: number;\n\ttitle?: React.ReactNode | string | null;\n\tenableQuickComponents?: boolean; // DEPRECATED: Quick Components will be removed in a future version\n\tcomponentFilter?: string[];\n\tsuppressFavorites?: boolean;\n\tdynamic?: boolean;\n}\n\ninterface IState {\n\tinitialized: boolean;\n}\n\n/**\n * The \"app\" button that launches the AppLauncher menu from the toolbar.\n * The app launcher lists all configured Finsemble applications.\n *\n * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components\n * @param {string} [title] The title of the menu, as viewed in the toolbar\n * @param {string[]} [componentFilter] Custom list of menu items to display\n * @param {boolean} [suppressFavorites=false]\n */\nexport class StaticAppLauncherMenu extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tinitialized: false,\n\t\t};\n\t\tthis.onInitialized = this.onInitialized.bind(this);\n\t}\n\n\tonInitialized() {\n\t\tthis.setState({\n\t\t\tinitialized: true,\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tstoreManager.addInitializedListener(this.onInitialized);\n\t\tstoreManager.initialize();\n\n\t\t// Focus on the window when it is shown so that a click elsewhere will trigger a blur.\n\t\tfinsembleWindow.addEventListener(\"shown\", () => {\n\t\t\tfinsembleWindow.focus();\n\t\t});\n\n\t\tif (this.props.enableQuickComponents) {\n\t\t\tFSBL.Clients.Logger.system.error(\"QuickComponents are deprecated and will be removed in a future release.\");\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tstoreManager.removeInitializedListener(this.onInitialized);\n\t}\n\n\t// @deprecated - Quick Components will be removed in a future version\n\topenQuickComponent() {\n\t\t// FSBL.Clients.LauncherClient.spawn(\"QuickComponentForm\", { monitor: \"mine\" });\n\t\tFSBL.Clients.DialogManager.open(\"QuickComponentForm\", {}, () => {});\n\t}\n\n\trender() {\n\t\tconst completeProps = {\n\t\t\t...this.props,\n\t\t\twidth: this.props.width ?? 300,\n\t\t\tid: this.props.id ?? \"AppLauncherMenu\",\n\t\t\ttitle: this.props.title ?? \"Apps\",\n\t\t\tclassName: this.props.className ?? \"menu-portal app-launcher\",\n\t\t};\n\n\t\treturn (\n\t\t\t<Menu {...completeProps}>\n\t\t\t\t{this.props.enableQuickComponents ? (\n\t\t\t\t\t<div className=\"menu-secondary\">\n\t\t\t\t\t\t<MenuItem onClick={this.openQuickComponent}>New App</MenuItem>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t{this.state.initialized && (\n\t\t\t\t\t<ComponentList\n\t\t\t\t\t\tcomponentFilter={this.props.componentFilter}\n\t\t\t\t\t\tsuppressFavorites={this.props.suppressFavorites}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Menu>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/appLauncher/appLauncher.css ADDED Viewed

@@ -0,0 +1,30 @@
+/*!
+ * appLauncher.css
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+@import url("../../../assets/css/menus.css");
+.app-launcher-list {
+	padding-top: 4px;
+}
+/* hover must be set again after overwriting focus for highlight to continue to work on hover after favoriting */
+.app-launcher-list .menu-item:hover {
+	background: var(--menu-content-hover-color);
+	outline: none;
+}
+.app-launcher .icon-avatar {
+	position: relative;
+	top: -4px;
+}
+/*
+This code prevents a "long word" in a flexbox from pushing other children off the edge of the screen.
+*/
+.app-launcher .menu-item-row > *:first-child {
+	min-width: 1%;
+	overflow: hidden;
+}

package/react/components/toolbar/appLauncher/components/componentList.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This is the list of all components in the appLauncher.
+ */
+import React from "react";
+import { StandardError } from "@finsemble/finsemble-api/types/types";
+import { WindowIdentifier } from "@finsemble/finsemble-api";
+declare type AppLauncherContainerProps = {
+    componentFilter?: string[];
+    suppressFavorites?: boolean;
+};
+declare type ComponentDescriptor = Record<string, any>;
+declare type ComponentList = Record<string, ComponentDescriptor>;
+interface IState {
+    componentList: ComponentList;
+    filteredListOfComponents: string[];
+}
+export default class appLauncherContainer extends React.Component<AppLauncherContainerProps, IState> {
+    constructor(props: AppLauncherContainerProps);
+    componentDidUpdate(prevProps: AppLauncherContainerProps): void;
+    bindCorrectContext(): void;
+    onComponentListUpdate(err: StandardError, data: {
+        field: string;
+        value: ComponentList;
+    }): void;
+    setInitialState(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    launchComponent(component: any, params: any, cb?: (win?: WindowIdentifier) => void): void;
+    buildComponentItem(params: {
+        i: number;
+        key: string;
+        isUserDefined: boolean;
+    }): JSX.Element | undefined;
+    renderComponentsList(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/react/components/toolbar/appLauncher/components/componentList.js ADDED Viewed

@@ -0,0 +1,153 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This is the list of all components in the appLauncher.
+ */
+import React from "react";
+import { getStore, Actions as appLauncherActions } from "../stores/appLauncherStore";
+import { MenuItem } from "../../../menu/MenuItem";
+import { FavoriteMaker } from "../../../favorites/FavoriteMaker";
+import { useFavorites } from "../../../../hooks/useFavorites";
+let appLauncherStore;
+/**
+ * Handles deleting a component and removing it from favorites if necessary
+ * @param {} props
+ */
+const DeleteComponent = ({ name }) => {
+    const { isFavorited, removeFavorite } = useFavorites();
+    const doDeleteComponent = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        appLauncherActions.handleRemoveCustomComponent(name, (wasDeleted) => {
+            if (wasDeleted && isFavorited(name)) {
+                removeFavorite(name);
+            }
+        });
+    };
+    return (React.createElement("span", { onClick: doDeleteComponent, className: "menu-item-icon" },
+        React.createElement("i", { className: "ff-adp-trash-outline", title: "Delete" })));
+};
+export default class appLauncherContainer extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.state = {
+            componentList: {},
+            // list of components to display instead of all components
+            filteredListOfComponents: (_a = props.componentFilter) !== null && _a !== void 0 ? _a : [],
+        };
+        this.bindCorrectContext();
+    }
+    componentDidUpdate(prevProps) {
+        var _a;
+        if (this.props.componentFilter !== prevProps.componentFilter) {
+            this.setState({
+                filteredListOfComponents: (_a = this.props.componentFilter) !== null && _a !== void 0 ? _a : [],
+            });
+        }
+    }
+    bindCorrectContext() {
+        this.onComponentListUpdate = this.onComponentListUpdate.bind(this);
+        this.buildComponentItem = this.buildComponentItem.bind(this);
+    }
+    onComponentListUpdate(err, data) {
+        FSBL.Clients.Logger.system.debug("appLauncher onComponentListUpdate");
+        this.setState({
+            componentList: data.value,
+        });
+    }
+    setInitialState() {
+        let self = this;
+        appLauncherStore === null || appLauncherStore === void 0 ? void 0 : appLauncherStore.getValue({ field: "componentList" }, (err, data) => {
+            if (typeof data !== "undefined") {
+                self.setState({
+                    componentList: data,
+                });
+            }
+        });
+    }
+    componentDidMount() {
+        appLauncherStore = getStore();
+        this.setInitialState();
+        appLauncherStore === null || appLauncherStore === void 0 ? void 0 : appLauncherStore.addListener({ field: "componentList" }, this.onComponentListUpdate);
+    }
+    componentWillUnmount() {
+        appLauncherStore === null || appLauncherStore === void 0 ? void 0 : appLauncherStore.removeListener({ field: "componentList" }, this.onComponentListUpdate);
+    }
+    launchComponent(component, params, cb) {
+        // If we are launching a group
+        if (component.group) {
+            for (let i of Object.keys(component.list)) {
+                const cloneParams = Object.assign({}, params);
+                const c = component.list[i];
+                if (c.component.windowGroup) {
+                    cloneParams.groupName = c.component.windowGroup;
+                }
+                appLauncherActions.launchComponent(component.list[i], params, cb);
+            }
+        }
+        else {
+            if (component.component.windowGroup) {
+                params.groupName = component.component.windowGroup;
+            }
+            appLauncherActions.launchComponent(component, params, cb);
+        }
+    }
+    buildComponentItem(params) {
+        var _a, _b, _c, _d, _e;
+        const { key, isUserDefined } = params;
+        const config = (_a = this.state.componentList) === null || _a === void 0 ? void 0 : _a[key];
+        let displayName = key;
+        // If the app isn't launchable by the user, don't show it
+        if ((!config ||
+            !config.window ||
+            !config.foreign ||
+            !config.foreign.components ||
+            !config.foreign.components["App Launcher"] ||
+            !config.foreign.components["App Launcher"].launchableByUser) &&
+            !(config === null || config === void 0 ? void 0 : config.group)) {
+            return;
+        }
+        // If the app is temporary (actively being configured in the Smart Desktop Designer), don't show it
+        if ((_c = (_b = config.appDConfig) === null || _b === void 0 ? void 0 : _b.manifest) === null || _c === void 0 ? void 0 : _c.temporary) {
+            return;
+        }
+        // Component developers can define a display name that will show instead of the component's type.
+        if (config.component && config.component.displayName) {
+            ({ displayName } = config.component);
+        }
+        const iconDescriptor = config.icons.toolbarIcon;
+        return (React.createElement(MenuItem, { key: key, onClick: () => this.launchComponent(config, {}), lang: (_d = config.appDConfig) === null || _d === void 0 ? void 0 : _d.lang },
+            React.createElement("div", { className: "menu-item-row" },
+                React.createElement("span", { className: "app-name", title: displayName }, displayName),
+                React.createElement("span", { className: "menu-item-row-push-right" },
+                    isUserDefined && React.createElement(DeleteComponent, { name: displayName }),
+                    !this.props.suppressFavorites && (React.createElement(FavoriteMaker, { id: (_e = config === null || config === void 0 ? void 0 : config.component) === null || _e === void 0 ? void 0 : _e.type, category: "Application", name: displayName, icon: iconDescriptor, className: "menu-item-icon" }))))));
+    }
+    renderComponentsList() {
+        var _a;
+        const { state } = this;
+        const components = Object.keys((_a = state.componentList) !== null && _a !== void 0 ? _a : {}).filter((componentType) => {
+            if (state.filteredListOfComponents.length) {
+                return state.filteredListOfComponents.includes(componentType);
+            }
+            return true;
+        });
+        // if this is greater than 0, we don't show a note telling the user to check their configs.
+        // iterate through componentList and render a componentItem for each one.
+        const componentList = components.map((key, i) => {
+            const { component } = state.componentList[key];
+            const isUserDefined = Boolean(component && component.isUserDefined);
+            return this.buildComponentItem({ i, key, isUserDefined });
+        });
+        return (React.createElement("div", { className: "app-launcher-list" }, componentList.length ? (componentList) : (React.createElement("p", null,
+            " ",
+            "No components loaded. Make sure to check ./src/components.json to make sure you've set everything up correctly."))));
+    }
+    render() {
+        return this.state.componentList ? this.renderComponentsList() : React.createElement("div", null);
+    }
+}
+//# sourceMappingURL=componentList.js.map

package/react/components/toolbar/appLauncher/components/componentList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"componentList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/appLauncher/components/componentList.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n/**\n * This is the list of all components in the appLauncher.\n */\nimport React from \"react\";\nimport { getStore, Actions as appLauncherActions } from \"../stores/appLauncherStore\";\nimport { MenuItem } from \"../../../menu/MenuItem\";\nimport { FavoriteMaker } from \"../../../favorites/FavoriteMaker\";\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nimport { StandardError } from \"@finsemble/finsemble-api/types/types\";\nimport { WindowIdentifier } from \"@finsemble/finsemble-api\";\n\nlet appLauncherStore: StoreModel | undefined;\n\ntype DeleteComponentProps = {\n\tname: string;\n};\n\n/**\n * Handles deleting a component and removing it from favorites if necessary\n * @param {} props\n */\nconst DeleteComponent = ({ name }: DeleteComponentProps) => {\n\tconst { isFavorited, removeFavorite } = useFavorites();\n\tconst doDeleteComponent = (e: React.MouseEvent<HTMLSpanElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tappLauncherActions.handleRemoveCustomComponent(name, (wasDeleted: boolean) => {\n\t\t\tif (wasDeleted && isFavorited(name)) {\n\t\t\t\tremoveFavorite(name);\n\t\t\t}\n\t\t});\n\t};\n\treturn (\n\t\t<span onClick={doDeleteComponent} className=\"menu-item-icon\">\n\t\t\t<i className=\"ff-adp-trash-outline\" title=\"Delete\"></i>\n\t\t</span>\n\t);\n};\n\ntype AppLauncherContainerProps = {\n\tcomponentFilter?: string[];\n\tsuppressFavorites?: boolean;\n};\ntype ComponentDescriptor = Record<string, any>;\ntype ComponentList = Record<string, ComponentDescriptor>;\n\ninterface IState {\n\tcomponentList: ComponentList;\n\tfilteredListOfComponents: string[];\n}\n\nexport default class appLauncherContainer extends React.Component<AppLauncherContainerProps, IState> {\n\tconstructor(props: AppLauncherContainerProps) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tcomponentList: {},\n\t\t\t// list of components to display instead of all components\n\t\t\tfilteredListOfComponents: props.componentFilter ?? [],\n\t\t};\n\t\tthis.bindCorrectContext();\n\t}\n\n\tcomponentDidUpdate(prevProps: AppLauncherContainerProps) {\n\t\tif (this.props.componentFilter !== prevProps.componentFilter) {\n\t\t\tthis.setState({\n\t\t\t\tfilteredListOfComponents: this.props.componentFilter ?? [],\n\t\t\t});\n\t\t}\n\t}\n\n\tbindCorrectContext() {\n\t\tthis.onComponentListUpdate = this.onComponentListUpdate.bind(this);\n\t\tthis.buildComponentItem = this.buildComponentItem.bind(this);\n\t}\n\n\tonComponentListUpdate(err: StandardError, data: { field: string; value: ComponentList }) {\n\t\tFSBL.Clients.Logger.system.debug(\"appLauncher onComponentListUpdate\");\n\t\tthis.setState({\n\t\t\tcomponentList: data.value,\n\t\t});\n\t}\n\n\tsetInitialState() {\n\t\tlet self = this;\n\t\tappLauncherStore?.getValue({ field: \"componentList\" }, (err: StandardError, data?: ComponentList) => {\n\t\t\tif (typeof data !== \"undefined\") {\n\t\t\t\tself.setState({\n\t\t\t\t\tcomponentList: data,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tappLauncherStore = getStore();\n\t\tthis.setInitialState();\n\t\tappLauncherStore?.addListener({ field: \"componentList\" }, this.onComponentListUpdate);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tappLauncherStore?.removeListener({ field: \"componentList\" }, this.onComponentListUpdate);\n\t}\n\n\tlaunchComponent(component: any, params: any, cb?: (win?: WindowIdentifier) => void) {\n\t\t// If we are launching a group\n\t\tif (component.group) {\n\t\t\tfor (let i of Object.keys(component.list)) {\n\t\t\t\tconst cloneParams = Object.assign({}, params);\n\t\t\t\tconst c = component.list[i];\n\t\t\t\tif (c.component.windowGroup) {\n\t\t\t\t\tcloneParams.groupName = c.component.windowGroup;\n\t\t\t\t}\n\t\t\t\tappLauncherActions.launchComponent(component.list[i], params, cb);\n\t\t\t}\n\t\t} else {\n\t\t\tif (component.component.windowGroup) {\n\t\t\t\tparams.groupName = component.component.windowGroup;\n\t\t\t}\n\t\t\tappLauncherActions.launchComponent(component, params, cb);\n\t\t}\n\t}\n\n\tbuildComponentItem(params: { i: number; key: string; isUserDefined: boolean }) {\n\t\tconst { key, isUserDefined } = params;\n\t\tconst config = this.state.componentList?.[key];\n\t\tlet displayName = key;\n\n\t\t// If the app isn't launchable by the user, don't show it\n\t\tif (\n\t\t\t(!config ||\n\t\t\t\t!config.window ||\n\t\t\t\t!config.foreign ||\n\t\t\t\t!config.foreign.components ||\n\t\t\t\t!config.foreign.components[\"App Launcher\"] ||\n\t\t\t\t!config.foreign.components[\"App Launcher\"].launchableByUser) &&\n\t\t\t!config?.group\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If the app is temporary (actively being configured in the Smart Desktop Designer), don't show it\n\t\tif (config.appDConfig?.manifest?.temporary) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Component developers can define a display name that will show instead of the component's type.\n\t\tif (config.component && config.component.displayName) {\n\t\t\t({ displayName } = config.component);\n\t\t}\n\t\tconst iconDescriptor = config.icons.toolbarIcon;\n\t\treturn (\n\t\t\t<MenuItem key={key} onClick={() => this.launchComponent(config, {})} lang={config.appDConfig?.lang}>\n\t\t\t\t<div className=\"menu-item-row\">\n\t\t\t\t\t<span className=\"app-name\" title={displayName}>\n\t\t\t\t\t\t{displayName}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"menu-item-row-push-right\">\n\t\t\t\t\t\t{isUserDefined && <DeleteComponent name={displayName} />}\n\t\t\t\t\t\t{!this.props.suppressFavorites && (\n\t\t\t\t\t\t\t<FavoriteMaker\n\t\t\t\t\t\t\t\tid={config?.component?.type}\n\t\t\t\t\t\t\t\tcategory=\"Application\"\n\t\t\t\t\t\t\t\tname={displayName}\n\t\t\t\t\t\t\t\ticon={iconDescriptor}\n\t\t\t\t\t\t\t\tclassName=\"menu-item-icon\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\n\trenderComponentsList() {\n\t\tconst { state } = this;\n\t\tconst components = Object.keys(state.componentList ?? {}).filter((componentType) => {\n\t\t\tif (state.filteredListOfComponents.length) {\n\t\t\t\treturn state.filteredListOfComponents.includes(componentType);\n\t\t\t}\n\t\t\treturn true;\n\t\t});\n\t\t// if this is greater than 0, we don't show a note telling the user to check their configs.\n\t\t// iterate through componentList and render a componentItem for each one.\n\t\tconst componentList = components.map((key, i) => {\n\t\t\tconst { component } = state.componentList[key];\n\t\t\tconst isUserDefined = Boolean(component && component.isUserDefined);\n\t\t\treturn this.buildComponentItem({ i, key, isUserDefined });\n\t\t});\n\t\treturn (\n\t\t\t<div className=\"app-launcher-list\">\n\t\t\t\t{componentList.length ? (\n\t\t\t\t\tcomponentList\n\t\t\t\t) : (\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\tNo components loaded. Make sure to check ./src/components.json to make sure you've set everything up\n\t\t\t\t\t\tcorrectly.\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn this.state.componentList ? this.renderComponentsList() : <div></div>;\n\t}\n}\n"]}

package/react/components/toolbar/appLauncher/stores/appLauncherStore.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import StoreModel from "@finsemble/finsemble-api/types/clients/StoreModel";
+import { WindowIdentifier } from "@finsemble/finsemble-api";
+declare let appLauncherStore: StoreModel | undefined;
+declare type VoidCallback = () => void;
+declare type ComponentDescriptor = Record<string, any>;
+declare type ComponentList = Record<string, ComponentDescriptor>;
+declare const Actions: {
+    componentList: ComponentList;
+    initialize: (cb: VoidCallback) => void;
+    getComponentList(cb?: VoidCallback | undefined): void;
+    initializeComponentList(cb: VoidCallback): void;
+    getUserDefinedComponentList(cb: VoidCallback): void;
+    saveCustomComponents(): void;
+    /**
+     * Produce a filtered component list based on the settings for this menu (either "mode" or "list").
+     *
+     * Components will only be added to the returned list if they match the specified mode or
+     * are found in the specified list
+     */
+    processSettings(settings: any, components: ComponentList): ComponentList;
+    filterComponents(components?: ComponentList): void;
+    handleRemoveCustomComponent(componentName: string, cb?: (wasDeconsted: boolean) => void): void;
+    removeCustomComponent(componentName: string): void;
+    hideWindow(): void;
+    launchComponent(config: any, params: any, cb?: ((win?: WindowIdentifier | undefined) => void) | undefined): void;
+};
+declare function initialize(cb: (store?: StoreModel) => void): void;
+declare const getStore: () => StoreModel | undefined;
+declare class StoreManager {
+    initialized: boolean;
+    initializing: boolean;
+    callbacks: Function[];
+    store: StoreModel | undefined | null;
+    constructor();
+    initialize(): void;
+    addInitializedListener(cb: (store: StoreModel) => void): void;
+    removeInitializedListener(cb: Function): void;
+}
+declare const storeManager: StoreManager;
+export { storeManager, initialize, appLauncherStore as Store, Actions, getStore };