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

package/react/components/toolbar/advancedAppLauncher/components/AppActionsMenu.d.ts

@@ -1,56 +0,0 @@
-/*!
- * Copyright 2018 by ChartIQ, Inc.
- * All rights reserved.
- *
- */
-import React from "react";
-interface IProps {
-    app: any;
-    folder: any;
-}
-interface IState {
-    isVisible: boolean;
-}
-/**
- * Displays a list of actions like 'View info', 'Add to favorite'
- * etc on each app in the list
- */
-export default class AppActionsMenu extends React.Component<IProps, IState> {
-    menuRef: HTMLDivElement | null;
-    constructor(props: IProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    toggleMenu(e?: React.MouseEvent<HTMLElement>): void;
-    /**
-     * Opens app catalog and switches to the page when you see all
-     * the details about the app
-     */
-    onViewInfo(): void;
-    /**
-     * Calls the storeActions.removeAppFromFolder to remove
-     * an app from the currently selected folder
-     */
-    onRemove(): void;
-    setMenuRef(node: HTMLDivElement): void;
-    /**
-     * This event handler is responsible for closing action menu pop ups when the user clicks outside of the pop up (what we might think of as a blur event).
-     * The event is triggered by a document level click handler (via portals). When we receive the event, we determine whether the user was clicking inside
-     * or outside of our action menu. If inside the menu then we do nothing (the click event will be captured and handled by react) but if the event occurred
-     * outside of the action menu then we set its state to invisible.
-     *
-     * To determine whether we've clicked inside of the action menu we traverse the parent elements looking for a clue (a parent element that contains the class "actions-menu").
-     *
-     * Note: this event will fire multiple times for every click - once for each action menu on the page.
-     * @param {Event} e
-     */
-    handleClickOutside(e: any): void;
-    handleWindowBlurred(): void;
-    /**
-     * Calls storeActions.deleteApp() to delete an app
-     * from all folders and from apps list
-     */
-    deleteApp(): void;
-    renderList(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};

package/react/components/toolbar/advancedAppLauncher/components/AppActionsMenu.js

@@ -1,175 +0,0 @@
-/*!
- * Copyright 2018 by ChartIQ, Inc.
- * All rights reserved.
- *
- */
-import React from "react";
-import storeActions from "../stores/StoreActions";
-import { ToggleFavoriteDropdown } from "./ToggleFavoriteDropdown";
-import { useFavorites } from "../../../../hooks/useFavorites";
-const ADVANCED_APP_LAUNCHER = "Advanced App Launcher";
-const FAVORITES = "Favorites";
-const FDC3 = "FDC3";
-/**
- * Handles deleting a component and removing it from favorites if necessary
- * @param {*} props
- */
-const DeleteApp = (props) => {
-    const { isFavorited, removeFavorite } = useFavorites();
-    const { name, id } = props;
-    const removeFavoriteAndDelete = () => {
-        if (isFavorited(name)) {
-            removeFavorite(name);
-        }
-        storeActions.deleteApp(id);
-    };
-    return React.createElement("li", { onClick: removeFavoriteAndDelete }, "Delete App");
-};
-/**
- * This method checks an element and all of its parents to determine whether any of them
- * contain a particular class name. We use this to determine whether the user is clicking
- * inside or outside of the actions menu pop up.
- * @param {HTMLElement} element
- * @param {string} className
- */
-const someParentHasClassName = (element, className) => {
-    if (element.className && element.className.split(" ").indexOf(className) >= 0)
-        return true;
-    return element.parentNode && someParentHasClassName(element.parentNode, className);
-};
-/**
- * Displays a list of actions like 'View info', 'Add to favorite'
- * etc on each app in the list
- */
-export default class AppActionsMenu extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            isVisible: false,
-        };
-        // Bind correct context
-        this.onViewInfo = this.onViewInfo.bind(this);
-        this.toggleMenu = this.toggleMenu.bind(this);
-        this.onRemove = this.onRemove.bind(this);
-        this.setMenuRef = this.setMenuRef.bind(this);
-        this.deleteApp = this.deleteApp.bind(this);
-        this.handleClickOutside = this.handleClickOutside.bind(this);
-        this.handleWindowBlurred = this.handleWindowBlurred.bind(this);
-        this.menuRef = null;
-    }
-    componentDidMount() {
-        document.addEventListener("portal:click", this.handleClickOutside);
-        // Mody on 12/12/19
-        // window.blur seems to work much better than finsembleWindow's
-        // blurred event. The first, is only fired when you actually click
-        // away from the window, while finsembleWindow's blurred fires even
-        // when you click inside the window, causing possible race conditions.
-        window.addEventListener("blur", this.handleWindowBlurred);
-    }
-    componentWillUnmount() {
-        document.removeEventListener("portal:click", this.handleClickOutside);
-        window.removeEventListener("blur", this.handleWindowBlurred);
-    }
-    toggleMenu(e) {
-        if (e) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-        this.setState({
-            isVisible: !this.state.isVisible,
-        });
-    }
-    /**
-     * Opens app catalog and switches to the page when you see all
-     * the details about the app
-     */
-    onViewInfo() {
-        this.toggleMenu();
-        FSBL.Clients.LauncherClient.showWindow({
-            componentType: "App Catalog",
-        }, {
-            monitor: "mine",
-            staggerPixels: 0,
-            spawnIfNotFound: true,
-            left: "center",
-            top: "center",
-        }, () => {
-            // Publish this event so that catalog knows
-            // what app we want to view
-            // NOTE: While not ideal, without a small delay (when having to launch the app catalog) the app catalog wont receive the message as it will still be initializing
-            setTimeout(() => {
-                FSBL.Clients.RouterClient.transmit("viewApp", {
-                    app: this.props.app,
-                });
-            }, 250);
-        });
-    }
-    /**
-     * Calls the storeActions.removeAppFromFolder to remove
-     * an app from the currently selected folder
-     */
-    onRemove() {
-        storeActions.removeAppFromFolder(this.props.folder.name, this.props.app);
-        this.toggleMenu();
-    }
-    setMenuRef(node) {
-        this.menuRef = node;
-    }
-    /**
-     * This event handler is responsible for closing action menu pop ups when the user clicks outside of the pop up (what we might think of as a blur event).
-     * The event is triggered by a document level click handler (via portals). When we receive the event, we determine whether the user was clicking inside
-     * or outside of our action menu. If inside the menu then we do nothing (the click event will be captured and handled by react) but if the event occurred
-     * outside of the action menu then we set its state to invisible.
-     *
-     * To determine whether we've clicked inside of the action menu we traverse the parent elements looking for a clue (a parent element that contains the class "actions-menu").
-     *
-     * Note: this event will fire multiple times for every click - once for each action menu on the page.
-     * @param {Event} e
-     */
-    handleClickOutside(e) {
-        var _a;
-        const eventTarget = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.target;
-        const clickedInMyDropdown = someParentHasClassName(eventTarget, "actions-menu");
-        if (this.state.isVisible && !clickedInMyDropdown) {
-            this.setState({
-                isVisible: false,
-            });
-        }
-    }
-    handleWindowBlurred() {
-        this.setState({
-            isVisible: false,
-        });
-    }
-    /**
-     * Calls storeActions.deleteApp() to delete an app
-     * from all folders and from apps list
-     */
-    deleteApp() {
-        storeActions.deleteApp(this.props.app.appID);
-    }
-    renderList() {
-        var _a;
-        // The 'View info' action is only visible on apps
-        // that have the source property and with a value of FDC3
-        const apps = storeActions.getAllApps();
-        const app = apps[this.props.app.appID];
-        const { folder } = this.props;
-        return (React.createElement("div", { className: "actions-menu", style: { right: 0 } },
-            React.createElement("ul", null,
-                React.createElement("li", null,
-                    React.createElement(ToggleFavoriteDropdown, { id: app.name, category: "Application", name: (_a = app.displayName) !== null && _a !== void 0 ? _a : app.name, icon: app.icon, instance: this })),
-                app.source && app.source === FDC3 && React.createElement("li", { onClick: this.onViewInfo }, "View Info"),
-                !app.source && app.canDelete && React.createElement(DeleteApp, { name: app.name, id: this.props.app.appID }),
-                [ADVANCED_APP_LAUNCHER, FAVORITES].indexOf(folder.name) === -1 && (React.createElement("li", { onClick: this.onRemove },
-                    "Remove from ",
-                    folder.name)))));
-    }
-    render() {
-        return (React.createElement("div", { ref: this.setMenuRef, className: "actions-menu-wrapper", onClick: this.toggleMenu },
-            React.createElement("span", null,
-                React.createElement("i", { className: "ff-dots-vert", id: this.props.app.appID })),
-            this.state.isVisible && this.renderList()));
-    }
-}
-//# sourceMappingURL=AppActionsMenu.js.map

package/react/components/toolbar/advancedAppLauncher/components/AppActionsMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppActionsMenu.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/AppActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\nimport storeActions from \"../stores/StoreActions\";\nimport { ToggleFavoriteDropdown } from \"./ToggleFavoriteDropdown\";\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\n\nconst ADVANCED_APP_LAUNCHER = \"Advanced App Launcher\";\nconst FAVORITES = \"Favorites\";\nconst FDC3 = \"FDC3\";\n\ninterface DeleteAppProps {\n\tname: string;\n\tid: any;\n}\n\n/**\n * Handles deleting a component and removing it from favorites if necessary\n * @param {*} props\n */\nconst DeleteApp = (props: DeleteAppProps) => {\n\tconst { isFavorited, removeFavorite } = useFavorites();\n\tconst { name, id } = props;\n\tconst removeFavoriteAndDelete = () => {\n\t\tif (isFavorited(name)) {\n\t\t\tremoveFavorite(name);\n\t\t}\n\t\tstoreActions.deleteApp(id);\n\t};\n\treturn <li onClick={removeFavoriteAndDelete}>Delete App</li>;\n};\n\n/**\n * This method checks an element and all of its parents to determine whether any of them\n * contain a particular class name. We use this to determine whether the user is clicking\n * inside or outside of the actions menu pop up.\n * @param {HTMLElement} element\n * @param {string} className\n */\nconst someParentHasClassName = (element: HTMLElement, className: string): any => {\n\tif (element.className && element.className.split(\" \").indexOf(className) >= 0) return true;\n\treturn element.parentNode && someParentHasClassName(element.parentNode as HTMLElement, className);\n};\n\ninterface IProps {\n\tapp: any;\n\tfolder: any;\n}\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * Displays a list of actions like 'View info', 'Add to favorite'\n * etc on each app in the list\n */\nexport default class AppActionsMenu extends React.Component<IProps, IState> {\n\tmenuRef: HTMLDivElement | null;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind correct context\n\t\tthis.onViewInfo = this.onViewInfo.bind(this);\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onRemove = this.onRemove.bind(this);\n\t\tthis.setMenuRef = this.setMenuRef.bind(this);\n\t\tthis.deleteApp = this.deleteApp.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t\tthis.handleWindowBlurred = this.handleWindowBlurred.bind(this);\n\t\tthis.menuRef = null;\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"portal:click\", this.handleClickOutside);\n\t\t// Mody on 12/12/19\n\t\t// window.blur seems to work much better than finsembleWindow's\n\t\t// blurred event. The first, is only fired when you actually click\n\t\t// away from the window, while finsembleWindow's blurred fires even\n\t\t// when you click inside the window, causing possible race conditions.\n\t\twindow.addEventListener(\"blur\", this.handleWindowBlurred);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"portal:click\", this.handleClickOutside);\n\t\twindow.removeEventListener(\"blur\", this.handleWindowBlurred);\n\t}\n\n\ttoggleMenu(e?: React.MouseEvent<HTMLElement>) {\n\t\tif (e) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t}\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\t/**\n\t * Opens app catalog and switches to the page when you see all\n\t * the details about the app\n\t */\n\tonViewInfo() {\n\t\tthis.toggleMenu();\n\t\tFSBL.Clients.LauncherClient.showWindow(\n\t\t\t{\n\t\t\t\tcomponentType: \"App Catalog\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tmonitor: \"mine\",\n\t\t\t\tstaggerPixels: 0,\n\t\t\t\tspawnIfNotFound: true,\n\t\t\t\tleft: \"center\",\n\t\t\t\ttop: \"center\",\n\t\t\t},\n\t\t\t() => {\n\t\t\t\t// Publish this event so that catalog knows\n\t\t\t\t// what app we want to view\n\n\t\t\t\t// NOTE: While not ideal, without a small delay (when having to launch the app catalog) the app catalog wont receive the message as it will still be initializing\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"viewApp\", {\n\t\t\t\t\t\tapp: this.props.app,\n\t\t\t\t\t});\n\t\t\t\t}, 250);\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * Calls the storeActions.removeAppFromFolder to remove\n\t * an app from the currently selected folder\n\t */\n\tonRemove() {\n\t\tstoreActions.removeAppFromFolder(this.props.folder.name, this.props.app);\n\t\tthis.toggleMenu();\n\t}\n\n\tsetMenuRef(node: HTMLDivElement) {\n\t\tthis.menuRef = node;\n\t}\n\n\t/**\n\t * This event handler is responsible for closing action menu pop ups when the user clicks outside of the pop up (what we might think of as a blur event).\n\t * The event is triggered by a document level click handler (via portals). When we receive the event, we determine whether the user was clicking inside\n\t * or outside of our action menu. If inside the menu then we do nothing (the click event will be captured and handled by react) but if the event occurred\n\t * outside of the action menu then we set its state to invisible.\n\t *\n\t * To determine whether we've clicked inside of the action menu we traverse the parent elements looking for a clue (a parent element that contains the class \"actions-menu\").\n\t *\n\t * Note: this event will fire multiple times for every click - once for each action menu on the page.\n\t * @param {Event} e\n\t */\n\thandleClickOutside(e: any) {\n\t\tconst eventTarget = e?.detail?.target;\n\t\tconst clickedInMyDropdown = someParentHasClassName(eventTarget, \"actions-menu\");\n\n\t\tif (this.state.isVisible && !clickedInMyDropdown) {\n\t\t\tthis.setState({\n\t\t\t\tisVisible: false,\n\t\t\t});\n\t\t}\n\t}\n\n\thandleWindowBlurred() {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t}\n\n\t/**\n\t * Calls storeActions.deleteApp() to delete an app\n\t * from all folders and from apps list\n\t */\n\tdeleteApp() {\n\t\tstoreActions.deleteApp(this.props.app.appID);\n\t}\n\n\trenderList() {\n\t\t// The 'View info' action is only visible on apps\n\t\t// that have the source property and with a value of FDC3\n\t\tconst apps = storeActions.getAllApps();\n\t\tconst app = apps[this.props.app.appID];\n\t\tconst { folder } = this.props;\n\t\treturn (\n\t\t\t<div className=\"actions-menu\" style={{ right: 0 }}>\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<ToggleFavoriteDropdown\n\t\t\t\t\t\t\tid={app.name}\n\t\t\t\t\t\t\tcategory=\"Application\"\n\t\t\t\t\t\t\tname={app.displayName ?? app.name}\n\t\t\t\t\t\t\ticon={app.icon}\n\t\t\t\t\t\t\tinstance={this}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t\t{app.source && app.source === FDC3 && <li onClick={this.onViewInfo}>View Info</li>}\n\t\t\t\t\t{!app.source && app.canDelete && <DeleteApp name={app.name} id={this.props.app.appID} />}\n\t\t\t\t\t{[ADVANCED_APP_LAUNCHER, FAVORITES].indexOf(folder.name) === -1 && (\n\t\t\t\t\t\t<li onClick={this.onRemove}>Remove from {folder.name}</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div ref={this.setMenuRef} className=\"actions-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t<i className=\"ff-dots-vert\" id={this.props.app.appID} />\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/components/AppDefinition.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { FolderAppType, FolderType } from "../../../../types/advancedAppLauncherTypes";
-import { services } from "@finsemble/finsemble-api";
-declare type IconDescriptor = services.window.types.IconDescriptor;
-declare type App = FolderAppType & {
-    title?: string;
-    icon?: IconDescriptor;
-};
-interface IProps {
-    folder: FolderType;
-    app: App;
-}
-interface IState {
-}
-/**
- * Used to make sure that a user is not waiting for component
- * to spawn after a double click, helps us prevent multiple
- * spawns for the same app.
- */
-export default class AppDefinition extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    /**
-     * Native HTML5 drag and drop
-     **/
-    onDragToFolder(event: React.DragEvent): void;
-    /**
-     * Spawns a component on click
-     * @param {object} e The Synthetic React event
-     *
-     */
-    onItemClick(): void;
-    render(): JSX.Element;
-}
-export {};

package/react/components/toolbar/advancedAppLauncher/components/AppDefinition.js

@@ -1,56 +0,0 @@
-import React from "react";
-import AppActionsMenu from "./AppActionsMenu";
-import AppTagsList from "./AppTagsList";
-import { FavoriteMaker } from "../../../favorites/FavoriteMaker";
-import { getStore } from "../stores/LauncherStore";
-import storeActions from "../stores/StoreActions";
-/**
- * Used to make sure that a user is not waiting for component
- * to spawn after a double click, helps us prevent multiple
- * spawns for the same app.
- */
-export default class AppDefinition extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onDragToFolder = this.onDragToFolder.bind(this);
-        this.onItemClick = this.onItemClick.bind(this);
-    }
-    /**
-     * Native HTML5 drag and drop
-     **/
-    onDragToFolder(event) {
-        event.dataTransfer.setData("app", JSON.stringify(this.props.app));
-    }
-    /**
-     * Spawns a component on click
-     * @param {object} e The Synthetic React event
-     *
-     */
-    onItemClick() {
-        var _a;
-        const name = this.props.app.title || this.props.app.name;
-        FSBL.Clients.LauncherClient.spawn(name.trim(), {
-            addToWorkspace: true,
-        });
-        // Clear search text so it doesn't persist after app is opened
-        if (storeActions.getSearchText()) {
-            (_a = getStore()) === null || _a === void 0 ? void 0 : _a.setValue({
-                field: "filterText",
-                value: null,
-            });
-        }
-    }
-    render() {
-        const { app } = this.props;
-        const appId = app.title || app.name;
-        const displayName = app.displayName || app.name;
-        const tags = (app === null || app === void 0 ? void 0 : app.tags) || [];
-        return (React.createElement("div", { onClick: this.onItemClick, className: "app-item link", draggable: "true", onDragStart: this.onDragToFolder },
-            React.createElement("span", { className: "app-item-title" },
-                React.createElement(FavoriteMaker, { id: appId, category: "Application", name: displayName, icon: app.icon }),
-                React.createElement("span", { className: "app-name", title: displayName }, displayName)),
-            tags.length > 0 && React.createElement(AppTagsList, { tags: tags }),
-            React.createElement(AppActionsMenu, { app: app, folder: this.props.folder })));
-    }
-}
-//# sourceMappingURL=AppDefinition.js.map

package/react/components/toolbar/advancedAppLauncher/components/AppDefinition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDefinition.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/AppDefinition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAiBlD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IACzE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED;;QAEI;IACJ,cAAc,CAAC,KAAsB;QACpC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,WAAW;;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;YAC9C,cAAc,EAAE,IAAI;SACpB,CAAC,CAAC;QACH,8DAA8D;QAC9D,IAAI,YAAY,CAAC,aAAa,EAAE,EAAE;YACjC,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;gBACpB,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,IAAI;aACX,CAAC,CAAC;SACH;IACF,CAAC;IAED,MAAM;QACL,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CAAC;QACpC,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,IAAI,CAAC;QAChD,MAAM,IAAI,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,KAAI,EAAE,CAAC;QAC7B,OAAO,CACN,6BAAK,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAC,eAAe,EAAC,SAAS,EAAC,MAAM,EAAC,WAAW,EAAE,IAAI,CAAC,cAAc;YAC1G,8BAAM,SAAS,EAAC,gBAAgB;gBAC/B,oBAAC,aAAa,IAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAC,aAAa,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI;gBACtF,8BAAM,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,IAC3C,WAAW,CACN,CACD;YACN,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI;YAC/C,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAClD,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport AppActionsMenu from \"./AppActionsMenu\";\nimport AppTagsList from \"./AppTagsList\";\nimport { FavoriteMaker } from \"../../../favorites/FavoriteMaker\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport storeActions from \"../stores/StoreActions\";\nimport { FolderAppType, FolderType } from \"../../../../types/advancedAppLauncherTypes\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype IconDescriptor = services.window.types.IconDescriptor;\n\ntype App = FolderAppType & {\n\ttitle?: string;\n\ticon?: IconDescriptor;\n};\ninterface IProps {\n\tfolder: FolderType;\n\tapp: App;\n}\n\ninterface IState {}\n\n/**\n * Used to make sure that a user is not waiting for component\n * to spawn after a double click, helps us prevent multiple\n * spawns for the same app.\n */\nexport default class AppDefinition extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.onDragToFolder = this.onDragToFolder.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t}\n\n\t/**\n\t * Native HTML5 drag and drop\n\t **/\n\tonDragToFolder(event: React.DragEvent) {\n\t\tevent.dataTransfer.setData(\"app\", JSON.stringify(this.props.app));\n\t}\n\n\t/**\n\t * Spawns a component on click\n\t * @param {object} e The Synthetic React event\n\t *\n\t */\n\tonItemClick() {\n\t\tconst name = this.props.app.title || this.props.app.name;\n\t\tFSBL.Clients.LauncherClient.spawn(name.trim(), {\n\t\t\taddToWorkspace: true,\n\t\t});\n\t\t// Clear search text so it doesn't persist after app is opened\n\t\tif (storeActions.getSearchText()) {\n\t\t\tgetStore()?.setValue({\n\t\t\t\tfield: \"filterText\",\n\t\t\t\tvalue: null,\n\t\t\t});\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { app } = this.props;\n\t\tconst appId = app.title || app.name;\n\t\tconst displayName = app.displayName || app.name;\n\t\tconst tags = app?.tags || [];\n\t\treturn (\n\t\t\t<div onClick={this.onItemClick} className=\"app-item link\" draggable=\"true\" onDragStart={this.onDragToFolder}>\n\t\t\t\t<span className=\"app-item-title\">\n\t\t\t\t\t<FavoriteMaker id={appId} category=\"Application\" name={displayName} icon={app.icon} />\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</span>\n\t\t\t\t{tags.length > 0 && <AppTagsList tags={tags} />}\n\t\t\t\t<AppActionsMenu app={app} folder={this.props.folder} />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/components/AppTagsList.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-interface IProps {
-    tags: string[];
-}
-interface IState {
-    highlightedTag: number;
-}
-export default class AppTagsList extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    highlightTag(index: number): void;
-    clearHighlights(): void;
-    onTagClick(tag: string, e: React.MouseEvent): void;
-    generateTags(): JSX.Element[];
-    render(): JSX.Element;
-}
-export {};

package/react/components/toolbar/advancedAppLauncher/components/AppTagsList.js

@@ -1,44 +0,0 @@
-import React from "react";
-import storeActions from "../stores/StoreActions";
-export default class AppTagsList extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            highlightedTag: -1,
-        };
-        this.highlightTag = this.highlightTag.bind(this);
-        this.clearHighlights = this.clearHighlights.bind(this);
-        this.generateTags = this.generateTags.bind(this);
-        this.onTagClick = this.onTagClick.bind(this);
-    }
-    highlightTag(index) {
-        this.setState({
-            highlightedTag: index,
-        });
-    }
-    clearHighlights() {
-        this.setState({
-            highlightedTag: -1,
-        });
-    }
-    onTagClick(tag, e) {
-        if (e) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-        storeActions.addTag(tag);
-    }
-    generateTags() {
-        const { highlightedTag: highlight } = this.state;
-        return this.props.tags.map((tag, i) => {
-            let style = highlight === i ? "tag-name highlight" : "tag-name";
-            return (React.createElement("span", { key: i, className: style, onClick: this.onTagClick.bind(this, tag), onMouseEnter: this.highlightTag.bind(this, i), onMouseLeave: this.clearHighlights }, this.props.tags[i + 1] ? `${tag}, ` : `${tag}`));
-        });
-    }
-    render() {
-        return (React.createElement("div", { className: "app-item-tags" },
-            React.createElement("i", { className: "ff-tag" }),
-            this.generateTags()));
-    }
-}
-//# sourceMappingURL=AppTagsList.js.map

package/react/components/toolbar/advancedAppLauncher/components/AppTagsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppTagsList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/AppTagsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAUlD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc,EAAE,CAAC,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,YAAY,CAAC,KAAa;QACzB,IAAI,CAAC,QAAQ,CAAC;YACb,cAAc,EAAE,KAAK;SACrB,CAAC,CAAC;IACJ,CAAC;IAED,eAAe;QACd,IAAI,CAAC,QAAQ,CAAC;YACb,cAAc,EAAE,CAAC,CAAC;SAClB,CAAC,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,GAAW,EAAE,CAAmB;QAC1C,IAAI,CAAC,EAAE;YACN,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QACD,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED,YAAY;QACX,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACrC,IAAI,KAAK,GAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,CAAC;YAChE,OAAO,CACN,8BACC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,EACxC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAC7C,YAAY,EAAE,IAAI,CAAC,eAAe,IAEjC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CACzC,CACP,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;YAC7B,2BAAG,SAAS,EAAC,QAAQ,GAAK;YACzB,IAAI,CAAC,YAAY,EAAE,CACf,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\n\nimport storeActions from \"../stores/StoreActions\";\n\ninterface IProps {\n\ttags: string[];\n}\n\ninterface IState {\n\thighlightedTag: number;\n}\n\nexport default class AppTagsList extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\thighlightedTag: -1,\n\t\t};\n\t\tthis.highlightTag = this.highlightTag.bind(this);\n\t\tthis.clearHighlights = this.clearHighlights.bind(this);\n\t\tthis.generateTags = this.generateTags.bind(this);\n\t\tthis.onTagClick = this.onTagClick.bind(this);\n\t}\n\n\thighlightTag(index: number) {\n\t\tthis.setState({\n\t\t\thighlightedTag: index,\n\t\t});\n\t}\n\n\tclearHighlights() {\n\t\tthis.setState({\n\t\t\thighlightedTag: -1,\n\t\t});\n\t}\n\n\tonTagClick(tag: string, e: React.MouseEvent) {\n\t\tif (e) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t}\n\t\tstoreActions.addTag(tag);\n\t}\n\n\tgenerateTags() {\n\t\tconst { highlightedTag: highlight } = this.state;\n\t\treturn this.props.tags.map((tag, i) => {\n\t\t\tlet style = highlight === i ? \"tag-name highlight\" : \"tag-name\";\n\t\t\treturn (\n\t\t\t\t<span\n\t\t\t\t\tkey={i}\n\t\t\t\t\tclassName={style}\n\t\t\t\t\tonClick={this.onTagClick.bind(this, tag)}\n\t\t\t\t\tonMouseEnter={this.highlightTag.bind(this, i)}\n\t\t\t\t\tonMouseLeave={this.clearHighlights}\n\t\t\t\t>\n\t\t\t\t\t{this.props.tags[i + 1] ? `${tag}, ` : `${tag}`}\n\t\t\t\t</span>\n\t\t\t);\n\t\t});\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"app-item-tags\">\n\t\t\t\t<i className=\"ff-tag\"></i>\n\t\t\t\t{this.generateTags()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/components/Content.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-import sortFunctions from "../utils/sort-functions";
-import { FolderAppType, FolderType } from "../../../../types/advancedAppLauncherTypes";
-import { StandardError } from "@finsemble/finsemble-api/types/types";
-interface IProps {
-}
-interface IState {
-    apps: any;
-    tags: any;
-    sortBy: keyof typeof sortFunctions;
-    filterText: string;
-    folder: FolderType;
-}
-export default class Content extends React.Component<IProps, IState> {
-    routerSubscription: any;
-    constructor(props: IProps);
-    _setFolderState(): void;
-    filterApps(): FolderAppType[];
-    filterAppsByTags(apps: FolderAppType[]): FolderAppType[];
-    onActiveFolderChanged(): void;
-    onSearch(error: StandardError, data: any): void;
-    onSort(error: StandardError, data: any): void;
-    onTagsUpdate(error: StandardError, data: any): void;
-    /**
-     * Mainly used to know when a user remove an app from a folder
-     * Because there is no way to subscribe to
-     * folders[index].appDefinitions updates.
-     */
-    onAppListUpdate(): void;
-    onAppLauncherUpdate(): void;
-    updateAppDefinitions(err: StandardError, response: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    renderAppList(): JSX.Element[];
-    getNoResultsMessage(): (string | JSX.Element)[];
-    render(): JSX.Element;
-}
-export {};

package/react/components/toolbar/advancedAppLauncher/components/Content.js

@@ -1,171 +0,0 @@
-import React from "react";
-import AppDefinition from "./AppDefinition";
-import NoAppsFound from "./NoAppsFound";
-import FilterSort from "./FilterSort";
-import { getStore } from "../stores/LauncherStore";
-import storeActions from "../stores/StoreActions";
-import sortFunctions from "../utils/sort-functions";
-const ADVANCED_APP_LAUNCHER = "Advanced App Launcher";
-window.storeActions = storeActions;
-// To be assigned a value later in the constructor
-let store;
-export default class Content extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            apps: storeActions.getApps(),
-            tags: storeActions.getTags(),
-            sortBy: storeActions.getSortBy(),
-            filterText: storeActions.getSearchText().toLowerCase(),
-            folder: storeActions.getActiveFolder(),
-        };
-        this.onSort = this.onSort.bind(this);
-        this.onSearch = this.onSearch.bind(this);
-        this.onTagsUpdate = this.onTagsUpdate.bind(this);
-        this.onActiveFolderChanged = this.onActiveFolderChanged.bind(this);
-        this.onAppListUpdate = this.onAppListUpdate.bind(this);
-        this.onAppLauncherUpdate = this.onAppLauncherUpdate.bind(this);
-        this.updateAppDefinitions = this.updateAppDefinitions.bind(this);
-        store = getStore();
-    }
-    _setFolderState() {
-        this.setState({
-            folder: storeActions.getActiveFolder(),
-        });
-    }
-    filterApps() {
-        const { folder } = this.state;
-        let apps = folder.name === ADVANCED_APP_LAUNCHER ? Object.values(storeActions.getAllApps()) : folder.apps;
-        if (!folder || !apps) {
-            return [];
-        }
-        const sortFunc = sortFunctions[this.state.sortBy];
-        const filteredApps = this.filterAppsByTags(sortFunc(apps));
-        if (!this.state.filterText) {
-            return filteredApps;
-        }
-        return filteredApps.filter(({ displayName, name }) => {
-            var _a;
-            return (_a = displayName === null || displayName === void 0 ? void 0 : displayName.toLowerCase().includes(this.state.filterText.toLowerCase())) !== null && _a !== void 0 ? _a : name === null || name === void 0 ? void 0 : name.toLowerCase().includes(this.state.filterText.toLowerCase());
-        });
-    }
-    filterAppsByTags(apps) {
-        if (!this.state.tags) {
-            return apps;
-        }
-        //All active tags must be present in an app for it to show
-        return apps.filter((app) => {
-            var _a;
-            for (let i = 0; i < this.state.tags.length; i++) {
-                let tag = this.state.tags[i];
-                if (!((_a = app.tags) === null || _a === void 0 ? void 0 : _a.includes(tag))) {
-                    return false;
-                }
-            }
-            return true;
-        });
-    }
-    onActiveFolderChanged() {
-        // Quick fix for release 6.3.0
-        // There are 2 listeners for "activeFolder". One in this file, the other is in packages\ui\src\components\toolbar\advancedAppLauncher\stores\StoreActions.ts
-        // The first listener is invoked earlier with nonupdated 'activeFolder' value in the storeActions. So I use a timeout to change this.
-        // Otherwise, for correct re-rendering, we need to do double-click on the left folders panel.
-        setTimeout(() => {
-            this._setFolderState();
-        }, 50);
-    }
-    onSearch(error, data) {
-        this.setState({
-            filterText: data.value,
-        });
-    }
-    onSort(error, data) {
-        this.setState({
-            sortBy: data.value,
-        });
-    }
-    onTagsUpdate(error, data) {
-        this.setState({
-            tags: data.value,
-        });
-    }
-    /**
-     * Mainly used to know when a user remove an app from a folder
-     * Because there is no way to subscribe to
-     * folders[index].appDefinitions updates.
-     */
-    onAppListUpdate() {
-        this._setFolderState();
-    }
-    onAppLauncherUpdate() {
-        this.setState({
-            apps: storeActions.getApps(),
-        });
-    }
-    updateAppDefinitions(err, response) {
-        FSBL.Clients.Logger.system.debug("list updated", err, response);
-        if (err) {
-            return console.error(err);
-        }
-        storeActions.refreshAppDefinitions(response.data.componentList);
-        this.onAppListUpdate();
-    }
-    componentDidMount() {
-        //this.setStateValues();
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "activeFolder" }, this.onActiveFolderChanged);
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "filterText" }, this.onSearch);
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "sortBy" }, this.onSort);
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "activeLauncherTags" }, this.onTagsUpdate);
-        // We can't subscribe to folders[index].appDefinitions
-        // So we are looking at appFolders.folders update
-        // Since that update is done After removing an app of definitions
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "appFolders.folders" }, this.onAppListUpdate);
-        store === null || store === void 0 ? void 0 : store.addListener({ field: "appDefinitions" }, this.onAppLauncherUpdate);
-        this.routerSubscription = FSBL.Clients.RouterClient.subscribe("Launcher.update", this.updateAppDefinitions);
-    }
-    componentWillUnmount() {
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "activeFolder" }, this.onActiveFolderChanged);
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "filterText" }, this.onSearch);
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "sortBy" }, this.onSort);
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "activeLauncherTags" }, this.onTagsUpdate);
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "appFolders.folders" }, this.onAppListUpdate);
-        store === null || store === void 0 ? void 0 : store.removeListener({ field: "appDefinitions" }, this.onAppLauncherUpdate);
-        FSBL.Clients.RouterClient.unsubscribe(this.routerSubscription.subscribeID);
-    }
-    renderAppList() {
-        return this.filterApps().map((app, index) => React.createElement(AppDefinition, { app: app, folder: this.state.folder, key: index }));
-    }
-    getNoResultsMessage() {
-        const messages = {
-            search: ["No results found. Please try again."],
-            Favorites: ["There’s nothing here!", React.createElement("br", { key: 1 }), "Add apps to Favorites to view them here."],
-            //Dashboards: ['There’s nothing here!', <br />, 'Press “New Dashboard” to construct an Dashboard.'],
-            default: ["There’s nothing here!", React.createElement("br", { key: 2 }), "Add apps to folders to view them here."],
-        };
-        if (!this.state.folder) {
-            return ["Loading data...", React.createElement("br", { key: 3 })];
-        }
-        // User is searching so we need the search message
-        if (this.state.filterText || this.state.tags.length) {
-            return messages.search;
-        }
-        // Now let's check which folder is currently active
-        switch (this.state.folder.name) {
-            case "Favorites":
-                return messages.Favorites;
-                break;
-            case "Dashboards":
-                return [""];
-            // return messages.Dashboards;
-            default:
-                return messages.default;
-        }
-    }
-    render() {
-        const apps = this.renderAppList();
-        return (React.createElement("div", { className: "complex-menu-content-row" },
-            React.createElement(FilterSort, null),
-            React.createElement("div", { className: "item-wrapper" }, apps.length ? apps : React.createElement(NoAppsFound, { message: this.getNoResultsMessage() }))));
-    }
-}
-//# sourceMappingURL=Content.js.map