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

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

@@ -1,26 +0,0 @@
-export default class FoldersList extends React.Component<any, any, any> {
-    constructor(props: any);
-    listDiv: React.RefObject<any>;
-    renameFolder(name: any, e: any): void;
-    changeFolderName(e: any): void;
-    cancelEdit(): void;
-    onFoldersListUpdate(error: any, data: any): void;
-    keyPressed(e: any): void;
-    deleteFolder(name: any, e: any): void;
-    onFocusRemove(event: any): void;
-    onDragEnd({ oldIndex, newIndex }: {
-        oldIndex: any;
-        newIndex: any;
-    }): void;
-    onMouseMove(event: MouseEvent): void;
-    animateErrorInput(): void;
-    mouseY: number | null;
-    errorInput: React.RefObject<any>;
-    onAppDrop(event: any, folder: any): void;
-    onFolderClicked(event: any, folder: any): void;
-    attemptRename(): void;
-    renderFolder(folder: any, folderName: any, index: any): JSX.Element;
-    renderUnorderableFolders(): any;
-    renderOrderableFolders(): any;
-}
-import React from "react";

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

@@ -1,253 +0,0 @@
-import React from "react";
-import storeActions from "../stores/StoreActions";
-import { getStore } from "../stores/LauncherStore";
-import { useFavorites } from "../../../../hooks/useFavorites";
-import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
-import { FinsembleDnDContext } from "../../../legacyControls/FinsembleDnDContext";
-const { ADVANCED_APP_LAUNCHER, DASHBOARDS, FAVORITES } = storeActions.getConstants();
-const dragDisabled = storeActions.getDragDisabled();
-export default class FoldersList extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            foldersList: storeActions.getFoldersList(),
-            activeFolder: storeActions.getActiveFolderName(),
-            renamingFolder: null,
-            folderNameInput: "",
-            isNameError: false,
-        };
-        this.listDiv = React.createRef();
-        this.renameFolder = this.renameFolder.bind(this);
-        this.changeFolderName = this.changeFolderName.bind(this);
-        this.cancelEdit = this.cancelEdit.bind(this);
-        this.onFoldersListUpdate = this.onFoldersListUpdate.bind(this);
-        this.keyPressed = this.keyPressed.bind(this);
-        this.deleteFolder = this.deleteFolder.bind(this);
-        this.onFocusRemove = this.onFocusRemove.bind(this);
-        this.onDragEnd = this.onDragEnd.bind(this);
-        this.onMouseMove = this.onMouseMove.bind(this);
-        this.animateErrorInput = this.animateErrorInput.bind(this);
-        this.mouseY = null;
-        this.errorInput = React.createRef();
-    }
-    animateErrorInput() {
-        if (this.errorInput.current) {
-            this.errorInput.current.classList.remove("error");
-            const flickerInput = setTimeout(() => {
-                if (this.errorInput.current) {
-                    this.errorInput.current.classList.add("error");
-                }
-                clearTimeout(flickerInput);
-            }, 500);
-        }
-    }
-    cancelEdit() {
-        console.log("cancelling edit");
-        this.setState({
-            renamingFolder: null,
-            isNameError: false,
-            folderNameInput: "",
-        });
-    }
-    onMouseMove(event) {
-        this.mouseY = event.clientY;
-    }
-    onDragEnd({ oldIndex, newIndex }) {
-        storeActions.reorderFolders(oldIndex, newIndex);
-    }
-    onAppDrop(event, folder) {
-        event.preventDefault();
-        const app = JSON.parse(event.dataTransfer.getData("app"));
-        if ([ADVANCED_APP_LAUNCHER, DASHBOARDS].indexOf(folder) < 0) {
-            storeActions.addAppToFolder(folder, app);
-        }
-    }
-    onFoldersListUpdate(error, data) {
-        this.setState({
-            foldersList: data.value,
-        });
-    }
-    onFolderClicked(event, folder) {
-        getStore().setValue({
-            field: "activeFolder",
-            value: folder,
-        }, (error, data) => {
-            this.setState({
-                activeFolder: folder,
-            });
-        });
-    }
-    onFocusRemove(event) {
-        if (this.state.isNameError) {
-            this.animateErrorInput();
-        }
-        if (!this.state.folderNameInput) {
-            this.setState({
-                renamingFolder: null,
-                isNameError: false,
-                folderNameInput: "",
-            });
-            return;
-        }
-        this.attemptRename();
-    }
-    UNSAFE_componentWillMount() {
-        getStore().addListener({ field: "appFolders.list" }, this.onFoldersListUpdate);
-        document.addEventListener("mousemove", this.onMouseMove);
-    }
-    componentWillUnmount() {
-        getStore().addListener({ field: "appFolders.list" }, this.onFoldersListUpdate);
-        document.removeEventListener("mousemove", this.onMouseMove);
-    }
-    renameFolder(name, e) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (!this.state.isNameError) {
-            this.setState({
-                renamingFolder: name,
-            });
-        }
-    }
-    changeFolderName(e) {
-        this.setState({
-            folderNameInput: e.target.value,
-        });
-    }
-    deleteFolder(name, e) {
-        e.stopPropagation();
-        e.preventDefault();
-        !this.state.renamingFolder && storeActions.deleteFolder(name);
-    }
-    keyPressed(e) {
-        if (e.key === "Enter") {
-            this.attemptRename();
-        }
-    }
-    attemptRename() {
-        const folders = storeActions.getFolders();
-        const input = this.state.folderNameInput.trim();
-        const oldName = this.state.renamingFolder;
-        let newName = input;
-        if (!/^([a-zA-Z0-9\s]{1,})$/.test(input)) {
-            console.warn("A valid folder name is required. /^([a-zA-Z0-9s]{1,})$/");
-            return this.setState({
-                isNameError: true,
-            });
-        }
-        let nameChanged = true;
-        if (oldName.trim() === newName)
-            nameChanged = false;
-        if (folders[newName]) {
-            let repeatedFolderIndex = 0;
-            do {
-                repeatedFolderIndex++;
-            } while (Object.keys(folders).includes(`${newName}(${repeatedFolderIndex})`));
-            newName = `${newName}(${repeatedFolderIndex})`;
-        }
-        this.setState({
-            folderNameInput: "",
-            renamingFolder: null,
-            isNameError: false,
-        }, () => {
-            if (nameChanged) {
-                storeActions.renameFolder(oldName, newName);
-            }
-        });
-    }
-    renderFolder(folder, folderName, index) {
-        let className = "complex-menu-section-toggle";
-        if (this.state.activeFolder === folderName) {
-            className = `${className} active-section-toggle`;
-        }
-        if (folder.icon) {
-            className = `${className} folder-with-icon`;
-        }
-        const { canDelete, canEdit } = folder;
-        let nameField, isEditing = false;
-        if (this.state.renamingFolder === folderName && canEdit) {
-            const { isNameError } = this.state;
-            nameField = (React.createElement("input", { id: "rename", value: this.state.folderNameInput, onChange: this.changeFolderName, onKeyPress: this.keyPressed, onBlur: this.onFocusRemove, className: isNameError ? "error" : "", autoFocus: true, ref: isNameError ? this.errorInput : null }));
-            isEditing = true;
-        }
-        else if (folderName === "Advanced App Launcher") {
-            nameField = "App Launcher";
-        }
-        else {
-            nameField = folderName;
-        }
-        const RenderFolder = (props) => {
-            const { addFavorite, isFavorited, favorites } = useFavorites();
-            const onDrop = (e) => {
-                props.onDrop(e);
-                const app = JSON.parse(e.dataTransfer.getData("app"));
-                if (folderName === FAVORITES && !isFavorited(app.name)) {
-                    const favoriteApp = {
-                        id: app.name,
-                        category: "Application",
-                        name: app.name,
-                        icon: app.icon,
-                    };
-                    addFavorite(favoriteApp);
-                }
-            };
-            React.useEffect(() => {
-                const existingFavApps = storeActions.getAllAppsFromFolder(FAVORITES);
-                Object.values(existingFavApps).forEach((app) => {
-                    if (!favorites.some((fav) => fav.name === app.name)) {
-                        storeActions.removeAppFromFolder("Favorites", app);
-                    }
-                });
-                favorites.forEach((fav) => {
-                    const app = storeActions.findAppByField("name", fav.name);
-                    if (app) {
-                        storeActions.addAppToFolder("Favorites", app);
-                    }
-                });
-            }, [favorites]);
-            return (React.createElement("div", Object.assign({}, props, { onDrop: onDrop }), props.children));
-        };
-        const showIcon = canEdit || canDelete;
-        let buttons;
-        if (showIcon) {
-            if (isEditing) {
-                buttons = (React.createElement("span", { className: "folder-action-icons" },
-                    React.createElement("i", { id: "confirm-edit", className: "ff-check-mark-2", title: "Accept Rename", onMouseDown: this.attemptRename.bind(this) }),
-                    React.createElement("i", { id: "cancel-edit", className: "ff-close", title: "Cancel", onMouseDown: this.cancelEdit.bind(this) })));
-            }
-            else {
-                buttons = (React.createElement("span", { className: "folder-action-icons" },
-                    canEdit && (React.createElement("i", { className: "ff-adp-edit", title: "Rename", onClick: this.renameFolder.bind(this, folderName) })),
-                    canDelete && (React.createElement("i", { className: "ff-adp-trash-outline", title: "Delete Folder", onClick: this.deleteFolder.bind(this, folderName) }))));
-            }
-        }
-        return (React.createElement(RenderFolder, { onDragOver: (event) => event.preventDefault(), onDrop: (event) => this.onAppDrop(event, folderName), onClick: (event) => this.onFolderClicked(event, folderName), className: className, key: index, title: folderName },
-            React.createElement("div", { className: "left-nav-label" },
-                folder.icon && React.createElement("i", { className: folder.icon }),
-                React.createElement("div", { className: "folder-name" }, nameField)),
-            buttons));
-    }
-    renderUnorderableFolders() {
-        const folders = storeActions.getFolders();
-        const unorderableFolders = this.state.foldersList.filter((folderName) => dragDisabled.includes(folderName) && folderName in folders);
-        return unorderableFolders.map((folderName, index) => {
-            const folder = folders[folderName];
-            folder.icon = null;
-            return this.renderFolder(folder, folderName, index);
-        });
-    }
-    renderOrderableFolders() {
-        const folders = storeActions.getFolders();
-        const orderableFolders = this.state.foldersList.filter((folderName) => !dragDisabled.includes(folderName) && folderName in folders);
-        return orderableFolders.map((folderName, index) => {
-            const folder = folders[folderName];
-            return (React.createElement(FinsembleDraggable, { draggableId: folderName, key: index, index: index }, this.renderFolder(folder, folderName, index)));
-        });
-    }
-    render() {
-        return (React.createElement("div", { className: "top" },
-            React.createElement("div", { className: "folder-list", ref: this.listDiv },
-                this.renderUnorderableFolders(),
-                React.createElement(FinsembleDnDContext, { onDragEnd: this.onDragEnd }, this.renderOrderableFolders()))));
-    }
-}
-//# sourceMappingURL=FoldersList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FoldersList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/FoldersList.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport storeActions from \"../stores/StoreActions\";\r\nimport { getStore } from \"../stores/LauncherStore\";\r\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\r\nimport { FinsembleDraggable } from \"../../../legacyControls/FinsembleDraggable\";\r\nimport { FinsembleDnDContext } from \"../../../legacyControls/FinsembleDnDContext\";\r\nconst { ADVANCED_APP_LAUNCHER, DASHBOARDS, FAVORITES } = storeActions.getConstants();\r\n\r\nconst dragDisabled = storeActions.getDragDisabled();\r\n\r\nexport default class FoldersList extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfoldersList: storeActions.getFoldersList(),\r\n\t\t\tactiveFolder: storeActions.getActiveFolderName(),\r\n\t\t\trenamingFolder: null,\r\n\t\t\tfolderNameInput: \"\",\r\n\t\t\tisNameError: false,\r\n\t\t};\r\n\t\t// Reference to ontainer element of folder list\r\n\t\tthis.listDiv = React.createRef();\r\n\t\tthis.renameFolder = this.renameFolder.bind(this);\r\n\t\tthis.changeFolderName = this.changeFolderName.bind(this);\r\n\t\tthis.cancelEdit = this.cancelEdit.bind(this);\r\n\t\tthis.onFoldersListUpdate = this.onFoldersListUpdate.bind(this);\r\n\t\tthis.keyPressed = this.keyPressed.bind(this);\r\n\t\tthis.deleteFolder = this.deleteFolder.bind(this);\r\n\t\tthis.onFocusRemove = this.onFocusRemove.bind(this);\r\n\t\tthis.onDragEnd = this.onDragEnd.bind(this);\r\n\t\tthis.onMouseMove = this.onMouseMove.bind(this);\r\n\t\tthis.animateErrorInput = this.animateErrorInput.bind(this);\r\n\r\n\t\t// The last known mouse Y position\r\n\t\tthis.mouseY = null;\r\n\r\n\t\t//Reference to a folder name input in error\r\n\t\tthis.errorInput = React.createRef();\r\n\t}\r\n\r\n\tanimateErrorInput() {\r\n\t\tif (this.errorInput.current) {\r\n\t\t\tthis.errorInput.current.classList.remove(\"error\");\r\n\t\t\tconst flickerInput = setTimeout(() => {\r\n\t\t\t\tif (this.errorInput.current) {\r\n\t\t\t\t\tthis.errorInput.current.classList.add(\"error\");\r\n\t\t\t\t}\r\n\t\t\t\tclearTimeout(flickerInput);\r\n\t\t\t}, 500);\r\n\t\t}\r\n\t}\r\n\r\n\tcancelEdit() {\r\n\t\tconsole.log(\"cancelling edit\");\r\n\t\tthis.setState({\r\n\t\t\trenamingFolder: null,\r\n\t\t\tisNameError: false,\r\n\t\t\tfolderNameInput: \"\",\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Keeps a track of the last mouse's clientY position\r\n\t * @param {MouseEvent} event The mouse move event\r\n\t */\r\n\tonMouseMove(event) {\r\n\t\tthis.mouseY = event.clientY;\r\n\t}\r\n\r\n\tonDragEnd({ oldIndex, newIndex }) {\r\n\t\tstoreActions.reorderFolders(oldIndex, newIndex);\r\n\t}\r\n\r\n\tonAppDrop(event, folder) {\r\n\t\tevent.preventDefault();\r\n\t\tconst app = JSON.parse(event.dataTransfer.getData(\"app\"));\r\n\t\t// Do not do anything if its Advanced App Launcher or dashboards folder\r\n\t\tif ([ADVANCED_APP_LAUNCHER, DASHBOARDS].indexOf(folder) < 0) {\r\n\t\t\tstoreActions.addAppToFolder(folder, app);\r\n\t\t}\r\n\t}\r\n\r\n\tonFoldersListUpdate(error, data) {\r\n\t\tthis.setState({\r\n\t\t\tfoldersList: data.value,\r\n\t\t});\r\n\t}\r\n\r\n\tonFolderClicked(event, folder) {\r\n\t\tgetStore().setValue(\r\n\t\t\t{\r\n\t\t\t\tfield: \"activeFolder\",\r\n\t\t\t\tvalue: folder,\r\n\t\t\t},\r\n\t\t\t(error, data) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tactiveFolder: folder,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tonFocusRemove(event) {\r\n\t\tif (this.state.isNameError) {\r\n\t\t\tthis.animateErrorInput();\r\n\t\t}\r\n\t\t// If focus removed and nothing was type, then just hide\r\n\t\t// and consider it a rename cancel\r\n\t\tif (!this.state.folderNameInput) {\r\n\t\t\t// Cancel rename\r\n\t\t\tthis.setState({\r\n\t\t\t\trenamingFolder: null,\r\n\t\t\t\tisNameError: false,\r\n\t\t\t\tfolderNameInput: \"\",\r\n\t\t\t});\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// Finally, all good and so we can rename the folder\r\n\t\tthis.attemptRename();\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\tgetStore().addListener({ field: \"appFolders.list\" }, this.onFoldersListUpdate);\r\n\t\tdocument.addEventListener(\"mousemove\", this.onMouseMove);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tgetStore().addListener({ field: \"appFolders.list\" }, this.onFoldersListUpdate);\r\n\t\tdocument.removeEventListener(\"mousemove\", this.onMouseMove);\r\n\t}\r\n\r\n\trenameFolder(name, e) {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tif (!this.state.isNameError) {\r\n\t\t\tthis.setState({\r\n\t\t\t\trenamingFolder: name,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tchangeFolderName(e) {\r\n\t\tthis.setState({\r\n\t\t\tfolderNameInput: e.target.value,\r\n\t\t});\r\n\t}\r\n\r\n\tdeleteFolder(name, e) {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\t\t// Do not attempt to delete if user is renaming a folder\r\n\t\t!this.state.renamingFolder && storeActions.deleteFolder(name);\r\n\t}\r\n\r\n\tkeyPressed(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.attemptRename();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * To be called when user press Enter or when focus is removed\r\n\t */\r\n\tattemptRename() {\r\n\t\tconst folders = storeActions.getFolders();\r\n\t\tconst input = this.state.folderNameInput.trim();\r\n\t\tconst oldName = this.state.renamingFolder;\r\n\t\tlet newName = input;\r\n\t\t// Check user input to make sure its at least 1 character\r\n\t\t// made of string, number or both\r\n\t\tif (!/^([a-zA-Z0-9\\s]{1,})$/.test(input)) {\r\n\t\t\t// Do not rename\r\n\t\t\tconsole.warn(\"A valid folder name is required. /^([a-zA-Z0-9s]{1,})$/\");\r\n\t\t\treturn this.setState({\r\n\t\t\t\tisNameError: true,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Check if the submission is the same text as the old name.\r\n\t\t// If false, renaming will be skipped\r\n\t\tlet nameChanged = true;\r\n\t\t// We no longer allow leading or trailing spaces, but the trim on the oldName needs to remain for any existing folders\r\n\t\tif (oldName.trim() === newName) nameChanged = false;\r\n\r\n\t\t// Names must be unique, folders cant share same names\r\n\t\tif (folders[newName]) {\r\n\t\t\tlet repeatedFolderIndex = 0;\r\n\t\t\tdo {\r\n\t\t\t\trepeatedFolderIndex++;\r\n\t\t\t} while (Object.keys(folders).includes(`${newName}(${repeatedFolderIndex})`));\r\n\t\t\tnewName = `${newName}(${repeatedFolderIndex})`;\r\n\t\t}\r\n\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tfolderNameInput: \"\",\r\n\t\t\t\trenamingFolder: null,\r\n\t\t\t\tisNameError: false,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (nameChanged) {\r\n\t\t\t\t\tstoreActions.renameFolder(oldName, newName);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Given some data, renders the basic folder structure that cannot be unordered. Used for orderable folders too. Those just get wrapped in a Draggable\r\n\t * @param {*} folder\r\n\t * @param {*} folderName\r\n\t * @param {*} index\r\n\t */\r\n\trenderFolder(folder, folderName, index) {\r\n\t\tlet className = \"complex-menu-section-toggle\";\r\n\t\tif (this.state.activeFolder === folderName) {\r\n\t\t\tclassName = `${className} active-section-toggle`;\r\n\t\t}\r\n\t\tif (folder.icon) {\r\n\t\t\tclassName = `${className} folder-with-icon`;\r\n\t\t}\r\n\r\n\t\tconst { canDelete, canEdit } = folder;\r\n\r\n\t\tlet nameField,\r\n\t\t\tisEditing = false;\r\n\t\tif (this.state.renamingFolder === folderName && canEdit) {\r\n\t\t\tconst { isNameError } = this.state;\r\n\t\t\tnameField = (\r\n\t\t\t\t<input\r\n\t\t\t\t\tid=\"rename\"\r\n\t\t\t\t\tvalue={this.state.folderNameInput}\r\n\t\t\t\t\tonChange={this.changeFolderName}\r\n\t\t\t\t\tonKeyPress={this.keyPressed}\r\n\t\t\t\t\tonBlur={this.onFocusRemove}\r\n\t\t\t\t\tclassName={isNameError ? \"error\" : \"\"}\r\n\t\t\t\t\tautoFocus\r\n\t\t\t\t\tref={isNameError ? this.errorInput : null}\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t\tisEditing = true;\r\n\t\t} else if (folderName === \"Advanced App Launcher\") {\r\n\t\t\tnameField = \"App Launcher\";\r\n\t\t} else {\r\n\t\t\tnameField = folderName;\r\n\t\t}\r\n\r\n\t\tconst RenderFolder = (props) => {\r\n\t\t\tconst { addFavorite, isFavorited, favorites } = useFavorites();\r\n\t\t\t// If an app is dropped in the Favorites folder, favorite the app\r\n\t\t\tconst onDrop = (e) => {\r\n\t\t\t\tprops.onDrop(e);\r\n\t\t\t\tconst app = JSON.parse(e.dataTransfer.getData(\"app\"));\r\n\t\t\t\tif (folderName === FAVORITES && !isFavorited(app.name)) {\r\n\t\t\t\t\tconst favoriteApp = {\r\n\t\t\t\t\t\tid: app.name,\r\n\t\t\t\t\t\tcategory: \"Application\",\r\n\t\t\t\t\t\tname: app.name,\r\n\t\t\t\t\t\ticon: app.icon,\r\n\t\t\t\t\t};\r\n\t\t\t\t\taddFavorite(favoriteApp);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\t// When favorites changes remove all items from the favorites folder and re-add all current favorites.\r\n\t\t\tReact.useEffect(() => {\r\n\t\t\t\tconst existingFavApps = storeActions.getAllAppsFromFolder(FAVORITES);\r\n\t\t\t\tObject.values(existingFavApps).forEach((app) => {\r\n\t\t\t\t\tif (!favorites.some((fav) => fav.name === app.name)) {\r\n\t\t\t\t\t\tstoreActions.removeAppFromFolder(\"Favorites\", app);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tfavorites.forEach((fav) => {\r\n\t\t\t\t\tconst app = storeActions.findAppByField(\"name\", fav.name);\r\n\t\t\t\t\t// may have things other than favorites in here.\r\n\t\t\t\t\tif (app) {\r\n\t\t\t\t\t\tstoreActions.addAppToFolder(\"Favorites\", app);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, [favorites]);\r\n\t\t\treturn (\r\n\t\t\t\t<div {...props} onDrop={onDrop}>\r\n\t\t\t\t\t{props.children}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst showIcon = canEdit || canDelete;\r\n\r\n\t\tlet buttons;\r\n\t\tif (showIcon) {\r\n\t\t\tif (isEditing) {\r\n\t\t\t\t// We can't use onClick for these buttons because onBlur causes a re-render of these buttons which means mousedown and mouseup\r\n\t\t\t\t// technically don't fire on the same button. This means onClick is never fired, so we trigger the buttons on mousedown instead.\r\n\t\t\t\t// For more information see: https://www.eventbrite.com/engineering/a-story-of-a-react-re-rendering-bug/\r\n\t\t\t\tbuttons = (\r\n\t\t\t\t\t<span className=\"folder-action-icons\">\r\n\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\tid=\"confirm-edit\"\r\n\t\t\t\t\t\t\tclassName=\"ff-check-mark-2\"\r\n\t\t\t\t\t\t\ttitle=\"Accept Rename\"\r\n\t\t\t\t\t\t\tonMouseDown={this.attemptRename.bind(this)}\r\n\t\t\t\t\t\t></i>\r\n\t\t\t\t\t\t<i id=\"cancel-edit\" className=\"ff-close\" title=\"Cancel\" onMouseDown={this.cancelEdit.bind(this)}></i>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\tbuttons = (\r\n\t\t\t\t\t<span className=\"folder-action-icons\">\r\n\t\t\t\t\t\t{canEdit && (\r\n\t\t\t\t\t\t\t<i className=\"ff-adp-edit\" title=\"Rename\" onClick={this.renameFolder.bind(this, folderName)}></i>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{canDelete && (\r\n\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\tclassName=\"ff-adp-trash-outline\"\r\n\t\t\t\t\t\t\t\ttitle=\"Delete Folder\"\r\n\t\t\t\t\t\t\t\tonClick={this.deleteFolder.bind(this, folderName)}\r\n\t\t\t\t\t\t\t></i>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// This DOM will be rendered within a draggable (if the folder can be dragged), and a plain ol div if it cannot be dragged.\r\n\t\treturn (\r\n\t\t\t<RenderFolder\r\n\t\t\t\tonDragOver={(event) => event.preventDefault()}\r\n\t\t\t\tonDrop={(event) => this.onAppDrop(event, folderName)}\r\n\t\t\t\tonClick={(event) => this.onFolderClicked(event, folderName)}\r\n\t\t\t\tclassName={className}\r\n\t\t\t\tkey={index}\r\n\t\t\t\ttitle={folderName}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"left-nav-label\">\r\n\t\t\t\t\t{folder.icon && <i className={folder.icon}></i>}\r\n\t\t\t\t\t<div className=\"folder-name\">{nameField}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t{buttons}\r\n\t\t\t</RenderFolder>\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Render all folders that cannot be reordered.\r\n\t */\r\n\trenderUnorderableFolders() {\r\n\t\tconst folders = storeActions.getFolders();\r\n\t\tconst unorderableFolders = this.state.foldersList.filter(\r\n\t\t\t(folderName) => dragDisabled.includes(folderName) && folderName in folders\r\n\t\t);\r\n\t\treturn unorderableFolders.map((folderName, index) => {\r\n\t\t\tconst folder = folders[folderName];\r\n\t\t\tfolder.icon = null;\r\n\t\t\treturn this.renderFolder(folder, folderName, index);\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Renders all folders that can be reordered (user created folders).\r\n\t */\r\n\trenderOrderableFolders() {\r\n\t\tconst folders = storeActions.getFolders();\r\n\t\tconst orderableFolders = this.state.foldersList.filter(\r\n\t\t\t(folderName) => !dragDisabled.includes(folderName) && folderName in folders\r\n\t\t);\r\n\t\treturn orderableFolders.map((folderName, index) => {\r\n\t\t\tconst folder = folders[folderName];\r\n\t\t\treturn (\r\n\t\t\t\t<FinsembleDraggable draggableId={folderName} key={index} index={index}>\r\n\t\t\t\t\t{this.renderFolder(folder, folderName, index)}\r\n\t\t\t\t</FinsembleDraggable>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"top\">\r\n\t\t\t\t<div className=\"folder-list\" ref={this.listDiv}>\r\n\t\t\t\t\t{this.renderUnorderableFolders()}\r\n\t\t\t\t\t<FinsembleDnDContext onDragEnd={this.onDragEnd}>{this.renderOrderableFolders()}</FinsembleDnDContext>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,4 +0,0 @@
-export default class LeftNav extends React.Component<any, any, any> {
-    constructor(props: any);
-}
-import React from "react";

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

@@ -1,14 +0,0 @@
-import React from "react";
-import FoldersList from "./FoldersList";
-import LeftNavBottomLinks from "./LeftNavBottomLinks";
-export default class LeftNav extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (React.createElement("div", { className: "complex-menu-left-nav" },
-            React.createElement(FoldersList, null),
-            React.createElement(LeftNavBottomLinks, Object.assign({}, this.props))));
-    }
-}
-//# sourceMappingURL=LeftNav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LeftNav.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/LeftNav.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS;IACnD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,WAAW,OAAG;YACf,oBAAC,kBAAkB,oBAAK,IAAI,CAAC,KAAK,EAAI,CACjC,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport FoldersList from \"./FoldersList\";\r\nimport LeftNavBottomLinks from \"./LeftNavBottomLinks\";\r\n\r\nexport default class LeftNav extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"complex-menu-left-nav\">\r\n\t\t\t\t<FoldersList />\r\n\t\t\t\t<LeftNavBottomLinks {...this.props} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,6 +0,0 @@
-export default class LeftNavBottomLinks extends React.Component<any, any, any> {
-    constructor(props: any);
-    showAddAppForm(): void;
-    removeStore(): void;
-}
-import React from "react";

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

@@ -1,91 +0,0 @@
-import React from "react";
-import { getStore } from "../stores/LauncherStore";
-import AddNewFolder from "./AddNewFolder";
-export default class LeftNavBottomLinks extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            bottomEntries: [
-                { name: "New App", click: "showAddAppForm" },
-                {
-                    name: "Restore Defaults",
-                    icon: "ff-arrow-back",
-                    click: "removeStore",
-                },
-            ],
-        };
-        if (props.enableQuickComponents) {
-            this.state.bottomEntries.push({
-                name: "App Catalog",
-                icon: "ff-list",
-                click: "openAppMarket",
-            });
-        }
-    }
-    UNSAFE_componentWillMount() {
-        finsembleWindow.getOptions((_, opts) => {
-            var _a, _b;
-            const useAppCatalog = (_b = (_a = opts === null || opts === void 0 ? void 0 : opts.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.useAppCatalog;
-            if (useAppCatalog) {
-                this.setState((prevState) => {
-                    return {
-                        bottomEntries: [
-                            ...prevState.bottomEntries,
-                            {
-                                name: "App Catalog",
-                                icon: "ff-list",
-                                click: "openAppMarket",
-                            },
-                        ],
-                    };
-                });
-            }
-        });
-    }
-    showAddAppForm() {
-        getStore().setValue({
-            field: "isFormVisible",
-            value: true,
-        }, (error) => {
-            error && console.log("Failed to set isFormVisible to true");
-        });
-    }
-    removeStore() {
-        FSBL.Clients.DialogManager.open("yesNo", {
-            monitor: "primary",
-            title: "Restore App Launcher?",
-            question: "The application will restart and restore the app launcher to its default state.",
-            showTimer: false,
-            includeNegative: false,
-            includeCancel: true,
-            showCancelButton: true,
-            showNegativeButton: false,
-            affirmativeResponseLabel: "Restore",
-        }, (err, response) => {
-            const { choice } = response;
-            if (choice) {
-                switch (choice) {
-                    case "affirmative":
-                        FSBL.Clients.DistributedStoreClient.removeStore({ store: "Finsemble-AppLauncher-Store", global: true }, () => {
-                            FSBL.restartApplication();
-                        });
-                        return;
-                    case "negative":
-                    case "cancel":
-                    default:
-                        return;
-                }
-            }
-        });
-    }
-    render() {
-        return (React.createElement("div", { className: "bottom" },
-            React.createElement(AddNewFolder, null),
-            this.state.bottomEntries.map((entry, index) => {
-                let handler = entry.click ? this[entry.click] || this.props[entry.click] : Function.prototype;
-                let className = entry.icon ? `${entry.icon} complex-menu-action` : "ff-plus-2 complex-menu-action";
-                return (React.createElement("div", { className: className, key: index, onClick: handler }, entry.name));
-            })));
-    }
-}
-//# sourceMappingURL=LeftNavBottomLinks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LeftNavBottomLinks.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/LeftNavBottomLinks.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { getStore } from \"../stores/LauncherStore\";\r\nimport AddNewFolder from \"./AddNewFolder\";\r\n\r\nexport default class LeftNavBottomLinks extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tbottomEntries: [\r\n\t\t\t\t{ name: \"New App\", click: \"showAddAppForm\" },\r\n\t\t\t\t{\r\n\t\t\t\t\tname: \"Restore Defaults\",\r\n\t\t\t\t\ticon: \"ff-arrow-back\",\r\n\t\t\t\t\tclick: \"removeStore\",\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t};\r\n\r\n\t\t// Display the menu item for adding a quick component only if the prop has been explicitly\r\n\t\t// turned on. This is passed all the way down from AdvancedAppLauncher.\r\n\t\tif (props.enableQuickComponents) {\r\n\t\t\tthis.state.bottomEntries.push({\r\n\t\t\t\tname: \"App Catalog\",\r\n\t\t\t\ticon: \"ff-list\",\r\n\t\t\t\tclick: \"openAppMarket\",\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\t// If user configures the advanced app launcher to use the app catalog, add app catalog button to the bottom entries of the\r\n\t\t// advanced app launcher menu.\r\n\t\tfinsembleWindow.getOptions((_, opts) => {\r\n\t\t\tconst useAppCatalog = opts?.customData?.component?.useAppCatalog;\r\n\t\t\tif (useAppCatalog) {\r\n\t\t\t\tthis.setState((prevState) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tbottomEntries: [\r\n\t\t\t\t\t\t\t...prevState.bottomEntries,\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"App Catalog\",\r\n\t\t\t\t\t\t\t\ticon: \"ff-list\",\r\n\t\t\t\t\t\t\t\tclick: \"openAppMarket\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t],\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Sets isFormVisible to true in store so that main component\r\n\t * renders the AddNewAppForm component or removes it\r\n\t */\r\n\tshowAddAppForm() {\r\n\t\t// FSBL.Clients.DialogManager.open(\"QuickComponentForm\", {}, () => { });\r\n\t\tgetStore().setValue(\r\n\t\t\t{\r\n\t\t\t\tfield: \"isFormVisible\",\r\n\t\t\t\tvalue: true,\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\terror && console.log(\"Failed to set isFormVisible to true\");\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tremoveStore() {\r\n\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\"yesNo\",\r\n\t\t\t{\r\n\t\t\t\tmonitor: \"primary\",\r\n\t\t\t\ttitle: \"Restore App Launcher?\",\r\n\t\t\t\tquestion: \"The application will restart and restore the app launcher to its default state.\",\r\n\t\t\t\tshowTimer: false,\r\n\t\t\t\tincludeNegative: false,\r\n\t\t\t\tincludeCancel: true,\r\n\t\t\t\tshowCancelButton: true,\r\n\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\taffirmativeResponseLabel: \"Restore\",\r\n\t\t\t},\r\n\t\t\t(err, response) => {\r\n\t\t\t\tconst { choice } = response;\r\n\t\t\t\tif (choice) {\r\n\t\t\t\t\tswitch (choice) {\r\n\t\t\t\t\t\tcase \"affirmative\":\r\n\t\t\t\t\t\t\tFSBL.Clients.DistributedStoreClient.removeStore(\r\n\t\t\t\t\t\t\t\t{ store: \"Finsemble-AppLauncher-Store\", global: true },\r\n\t\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\t\tFSBL.restartApplication();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\tcase \"negative\":\r\n\t\t\t\t\t\tcase \"cancel\":\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"bottom\">\r\n\t\t\t\t<AddNewFolder />\r\n\t\t\t\t{this.state.bottomEntries.map((entry, index) => {\r\n\t\t\t\t\tlet handler = entry.click ? this[entry.click] || this.props[entry.click] : Function.prototype;\r\n\t\t\t\t\tlet className = entry.icon ? `${entry.icon} complex-menu-action` : \"ff-plus-2 complex-menu-action\";\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div className={className} key={index} onClick={handler}>\r\n\t\t\t\t\t\t\t{entry.name}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,4 +0,0 @@
-export default class NoAppsFound extends React.Component<any, any, any> {
-    constructor(props: any);
-}
-import React from "react";

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

@@ -1,12 +0,0 @@
-import React from "react";
-export default class NoAppsFound extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (React.createElement("div", { className: "no-results" }, this.props.message.map((message, index) => {
-            return React.createElement("span", { key: index }, message);
-        })));
-    }
-}
-//# sourceMappingURL=NoAppsFound.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NoAppsFound.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/NoAppsFound.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IACvD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,YAAY,IACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YAC1C,OAAO,8BAAM,GAAG,EAAE,KAAK,IAAG,OAAO,CAAQ,CAAC;QAC3C,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\n\r\nexport default class NoAppsFound extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"no-results\">\r\n\t\t\t\t{this.props.message.map((message, index) => {\r\n\t\t\t\t\treturn <span key={index}>{message}</span>;\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,9 +0,0 @@
-export default class SearchBox extends React.Component<any, any, any> {
-    constructor(props: any);
-    textInput: React.RefObject<any>;
-    onSearch(event: any): void;
-    clearSearch(): void;
-    focus(): void;
-    onFilterTextUpdated(e: any, update: any): void;
-}
-import React from "react";

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

@@ -1,50 +0,0 @@
-import React from "react";
-import { getStore } from "../stores/LauncherStore";
-import storeActions from "../stores/StoreActions";
-export default class SearchBox extends React.Component {
-    constructor(props) {
-        super(props);
-        this.textInput = React.createRef();
-        this.state = {
-            search: storeActions.getSearchText(),
-        };
-        this.onSearch = this.onSearch.bind(this);
-        this.clearSearch = this.clearSearch.bind(this);
-        this.focus = this.focus.bind(this);
-        this.onFilterTextUpdated = this.onFilterTextUpdated.bind(this);
-    }
-    onSearch(event) {
-        getStore().setValue({
-            field: "filterText",
-            value: event.target.value,
-        });
-    }
-    clearSearch() {
-        getStore().setValue({
-            field: "filterText",
-            value: null,
-        });
-        this.focus();
-    }
-    onFilterTextUpdated(e, update) {
-        this.setState({
-            search: update.value || "",
-        });
-    }
-    focus() {
-        this.textInput.current.focus();
-    }
-    UNSAFE_componentWillMount() {
-        getStore().addListener({ field: "filterText" }, this.onFilterTextUpdated);
-    }
-    componentWillUnmount() {
-        getStore().removeListener({ field: "filterText" }, this.onFilterTextUpdated);
-    }
-    render() {
-        return (React.createElement("div", { className: "search-box" },
-            React.createElement("i", { className: "ff-search" }),
-            React.createElement("input", { required: true, className: "input-box", ref: this.textInput, value: this.state.search, type: "text", placeholder: "Search", onChange: this.onSearch }),
-            React.createElement("button", { className: "close-icon", onClick: this.clearSearch, type: "reset" })));
-    }
-}
-//# sourceMappingURL=SearchBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SearchBox.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IACrD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,YAAY,CAAC,aAAa,EAAE;SACpC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAKD,QAAQ,CAAC,KAAK;QACb,QAAQ,EAAE,CAAC,QAAQ,CAAC;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACJ,CAAC;IAED,WAAW;QACV,QAAQ,EAAE,CAAC,QAAQ,CAAC;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,mBAAmB,CAAC,CAAC,EAAE,MAAM;QAC5B,IAAI,CAAC,QAAQ,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;SAC1B,CAAC,CAAC;IACJ,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC;IAED,yBAAyB;QACxB,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC3E,CAAC;IAED,oBAAoB;QACnB,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC9E,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,YAAY;YAC1B,2BAAG,SAAS,EAAC,WAAW,GAAG;YAC3B,+BACC,QAAQ,QACR,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB;YACF,gCAAQ,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAC,OAAO,GAAU,CAC3E,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport { getStore } from \"../stores/LauncherStore\";\r\nimport storeActions from \"../stores/StoreActions\";\r\n\r\nexport default class SearchBox extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.textInput = React.createRef();\r\n\t\tthis.state = {\r\n\t\t\tsearch: storeActions.getSearchText(),\r\n\t\t};\r\n\t\tthis.onSearch = this.onSearch.bind(this);\r\n\t\tthis.clearSearch = this.clearSearch.bind(this);\r\n\t\tthis.focus = this.focus.bind(this);\r\n\t\tthis.onFilterTextUpdated = this.onFilterTextUpdated.bind(this);\r\n\t}\r\n\r\n\t// Push value to store, which will come back to us via an update.\r\n\t// This redirection is necessary so that other parts of the program can\r\n\t// change filterText and the searchBox will actually update.\r\n\tonSearch(event) {\r\n\t\tgetStore().setValue({\r\n\t\t\tfield: \"filterText\",\r\n\t\t\tvalue: event.target.value,\r\n\t\t});\r\n\t}\r\n\r\n\tclearSearch() {\r\n\t\tgetStore().setValue({\r\n\t\t\tfield: \"filterText\",\r\n\t\t\tvalue: null,\r\n\t\t});\r\n\t\tthis.focus();\r\n\t}\r\n\r\n\tonFilterTextUpdated(e, update) {\r\n\t\tthis.setState({\r\n\t\t\tsearch: update.value || \"\",\r\n\t\t});\r\n\t}\r\n\r\n\tfocus() {\r\n\t\tthis.textInput.current.focus();\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\tgetStore().addListener({ field: \"filterText\" }, this.onFilterTextUpdated);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tgetStore().removeListener({ field: \"filterText\" }, this.onFilterTextUpdated);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"search-box\">\r\n\t\t\t\t<i className=\"ff-search\" />\r\n\t\t\t\t<input\r\n\t\t\t\t\trequired\r\n\t\t\t\t\tclassName=\"input-box\"\r\n\t\t\t\t\tref={this.textInput}\r\n\t\t\t\t\tvalue={this.state.search}\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tplaceholder=\"Search\"\r\n\t\t\t\t\tonChange={this.onSearch}\r\n\t\t\t\t/>\r\n\t\t\t\t<button className=\"close-icon\" onClick={this.clearSearch} type=\"reset\"></button>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,6 +0,0 @@
-export default class SortBy extends React.Component<any, any, any> {
-    constructor(props: any);
-    onOptionClick(option: any): void;
-    renderOptionsList(): JSX.Element[];
-}
-import React from "react";

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

@@ -1,37 +0,0 @@
-import React from "react";
-import { getStore } from "../stores/LauncherStore";
-import storeActions from "../stores/StoreActions";
-import sortFunctions from "../utils/sort-functions";
-export default class SortBy extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            sortBy: storeActions.getSortBy(),
-        };
-        this.onOptionClick = this.onOptionClick.bind(this);
-    }
-    onOptionClick(option) {
-        this.setState({
-            sortBy: option,
-        }, () => {
-            getStore().setValue({
-                field: "sortBy",
-                value: this.state.sortBy,
-            });
-        });
-    }
-    renderOptionsList() {
-        return Object.keys(sortFunctions).map((option, index) => {
-            let classes = "sort-option pointer ";
-            if (option === this.state.sortBy)
-                classes += "active";
-            return (React.createElement("span", { key: index, onClick: () => this.onOptionClick(option), className: classes }, option));
-        });
-    }
-    render() {
-        return React.createElement("div", { className: "sort" },
-            "Sort by: ",
-            this.renderOptionsList());
-    }
-}
-//# sourceMappingURL=SortBy.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SortBy.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS;IAClD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,YAAY,CAAC,SAAS,EAAE;SAChC,CAAC;QACF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,aAAa,CAAC,MAAM;QACnB,IAAI,CAAC,QAAQ,CACZ;YACC,MAAM,EAAE,MAAM;SACd,EACD,GAAG,EAAE;YACJ,QAAQ,EAAE,CAAC,QAAQ,CAAC;gBACnB,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;aACxB,CAAC,CAAC;QACJ,CAAC,CACD,CAAC;IACH,CAAC;IAED,iBAAiB;QAChB,OAAO,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACvD,IAAI,OAAO,GAAG,sBAAsB,CAAC;YACrC,IAAI,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO,IAAI,QAAQ,CAAC;YACtD,OAAO,CACN,8BAAM,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,IAC7E,MAAM,CACD,CACP,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM;QACL,OAAO,6BAAK,SAAS,EAAC,MAAM;;YAAW,IAAI,CAAC,iBAAiB,EAAE,CAAO,CAAC;IACxE,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport { getStore } from \"../stores/LauncherStore\";\r\nimport storeActions from \"../stores/StoreActions\";\r\nimport sortFunctions from \"../utils/sort-functions\";\r\n\r\nexport default class SortBy extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsortBy: storeActions.getSortBy(),\r\n\t\t};\r\n\t\tthis.onOptionClick = this.onOptionClick.bind(this);\r\n\t}\r\n\r\n\tonOptionClick(option) {\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tsortBy: option,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tgetStore().setValue({\r\n\t\t\t\t\tfield: \"sortBy\",\r\n\t\t\t\t\tvalue: this.state.sortBy,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\trenderOptionsList() {\r\n\t\treturn Object.keys(sortFunctions).map((option, index) => {\r\n\t\t\tlet classes = \"sort-option pointer \";\r\n\t\t\tif (option === this.state.sortBy) classes += \"active\";\r\n\t\t\treturn (\r\n\t\t\t\t<span key={index} onClick={() => this.onOptionClick(option)} className={classes}>\r\n\t\t\t\t\t{option}\r\n\t\t\t\t</span>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <div className=\"sort\">Sort by: {this.renderOptionsList()}</div>;\r\n\t}\r\n}\r\n"]}

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

@@ -1,7 +0,0 @@
-export default class TagsList extends React.Component<any, any, any> {
-    constructor(props: any);
-    onTagDelete(tag: any): void;
-    onTagListUpdate(error: any, data: any): void;
-    renderTagsList(): any;
-}
-import React from "react";