@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1,103 @@
+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",
+                },
+            ],
+        };
+        // Display the menu item for adding a quick component only if the prop has been explicitly
+        // turned on. This is passed all the way down from AdvancedAppLauncher.
+        // DEPRECATED: Quick Components is deprecated and will be removed in a future version
+        if (props.enableQuickComponents) {
+            this.state.bottomEntries.push({
+                name: "App Catalog",
+                icon: "ff-list",
+                click: "openAppMarket",
+            });
+        }
+    }
+    UNSAFE_componentWillMount() {
+        // If user configures the advanced app launcher to use the app catalog, add app catalog button to the bottom entries of the
+        // advanced app launcher menu.
+        finsembleWindow.getOptions((err, 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",
+                            },
+                        ],
+                    };
+                });
+            }
+        });
+    }
+    /**
+     * Sets isFormVisible to true in store so that main component
+     * renders the AddNewAppForm component or removes it
+     */
+    showAddAppForm() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface IProps {
+    message: (string | JSX.Element)[];
+}
+interface IState {
+}
+export default class NoAppsFound extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,10 @@
+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) => (React.createElement("span", { key: index }, message)))));
+    }
+}
+//# sourceMappingURL=NoAppsFound.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoAppsFound.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/NoAppsFound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QACxB,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,CAAC,CAC3C,8BAAM,GAAG,EAAE,KAAK,IAAG,OAAO,CAAQ,CAClC,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\n\ninterface IProps {\n\tmessage: (string | JSX.Element)[];\n}\n\ninterface IState {}\n\nexport default class NoAppsFound extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"no-results\">\n\t\t\t\t{this.props.message.map((message, index) => (\n\t\t\t\t\t<span key={index}>{message}</span>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

@@ -0,0 +1,18 @@
+import React from "react";
+interface IProps {
+}
+interface IState {
+    search: string;
+}
+export default class SearchBox extends React.Component<IProps, IState> {
+    textInput: React.RefObject<HTMLInputElement> | undefined;
+    constructor(props: IProps);
+    onSearch(event: React.ChangeEvent<HTMLInputElement>): void;
+    clearSearch(): void;
+    onFilterTextUpdated(error: any, update: any): void;
+    focus(): void;
+    UNSAFE_componentWillMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,58 @@
+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);
+    }
+    // Push value to store, which will come back to us via an update.
+    // This redirection is necessary so that other parts of the program can
+    // change filterText and the searchBox will actually update.
+    onSearch(event) {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.setValue({
+            field: "filterText",
+            value: event.target.value,
+        });
+    }
+    clearSearch() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.setValue({
+            field: "filterText",
+            value: null,
+        });
+        this.focus();
+    }
+    onFilterTextUpdated(error, update) {
+        this.setState({
+            search: update.value || "",
+        });
+    }
+    focus() {
+        var _a, _b;
+        (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }
+    UNSAFE_componentWillMount() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.addListener({ field: "filterText" }, this.onFilterTextUpdated);
+    }
+    componentWillUnmount() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SearchBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAQlD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAGrE,YAAY,KAAa;QACxB,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;IAED,iEAAiE;IACjE,uEAAuE;IACvE,4DAA4D;IAC5D,QAAQ,CAAC,KAA0C;;QAClD,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACJ,CAAC;IAED,WAAW;;QACV,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,mBAAmB,CAAC,KAAU,EAAE,MAAW;QAC1C,IAAI,CAAC,QAAQ,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;SAC1B,CAAC,CAAC;IACJ,CAAC;IAED,KAAK;;QACJ,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,yBAAyB;;QACxB,MAAA,QAAQ,EAAE,0CAAE,WAAW,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAED,oBAAoB;;QACnB,MAAA,QAAQ,EAAE,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/E,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\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport storeActions from \"../stores/StoreActions\";\n\ninterface IProps {}\n\ninterface IState {\n\tsearch: string;\n}\n\nexport default class SearchBox extends React.Component<IProps, IState> {\n\ttextInput: React.RefObject<HTMLInputElement> | undefined;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.textInput = React.createRef();\n\t\tthis.state = {\n\t\t\tsearch: storeActions.getSearchText(),\n\t\t};\n\t\tthis.onSearch = this.onSearch.bind(this);\n\t\tthis.clearSearch = this.clearSearch.bind(this);\n\t\tthis.focus = this.focus.bind(this);\n\t\tthis.onFilterTextUpdated = this.onFilterTextUpdated.bind(this);\n\t}\n\n\t// Push value to store, which will come back to us via an update.\n\t// This redirection is necessary so that other parts of the program can\n\t// change filterText and the searchBox will actually update.\n\tonSearch(event: React.ChangeEvent<HTMLInputElement>) {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: event.target.value,\n\t\t});\n\t}\n\n\tclearSearch() {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: null,\n\t\t});\n\t\tthis.focus();\n\t}\n\n\tonFilterTextUpdated(error: any, update: any) {\n\t\tthis.setState({\n\t\t\tsearch: update.value || \"\",\n\t\t});\n\t}\n\n\tfocus() {\n\t\tthis.textInput?.current?.focus();\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tgetStore()?.addListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tgetStore()?.removeListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"search-box\">\n\t\t\t\t<i className=\"ff-search\" />\n\t\t\t\t<input\n\t\t\t\t\trequired\n\t\t\t\t\tclassName=\"input-box\"\n\t\t\t\t\tref={this.textInput}\n\t\t\t\t\tvalue={this.state.search}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\tonChange={this.onSearch}\n\t\t\t\t/>\n\t\t\t\t<button className=\"close-icon\" onClick={this.clearSearch} type=\"reset\"></button>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

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

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

@@ -0,0 +1,38 @@
+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,
+        }, () => {
+            var _a;
+            (_a = getStore()) === null || _a === void 0 ? void 0 : _a.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 = `${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

@@ -0,0 +1 @@
+{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SortBy.tsx"],"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;AAOpD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAa;QACxB,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,MAAc;QAC3B,IAAI,CAAC,QAAQ,CACZ;YACC,MAAM,EAAE,MAAM;SACd,EACD,GAAG,EAAE;;YACJ,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;gBACpB,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,GAAG,GAAG,OAAO,SAAS,CAAC;YAChE,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\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport storeActions from \"../stores/StoreActions\";\nimport sortFunctions from \"../utils/sort-functions\";\n\ninterface IProps {}\ninterface IState {\n\tsortBy: string;\n}\n\nexport default class SortBy extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tsortBy: storeActions.getSortBy(),\n\t\t};\n\t\tthis.onOptionClick = this.onOptionClick.bind(this);\n\t}\n\n\tonOptionClick(option: string) {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsortBy: option,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tgetStore()?.setValue({\n\t\t\t\t\tfield: \"sortBy\",\n\t\t\t\t\tvalue: this.state.sortBy,\n\t\t\t\t});\n\t\t\t}\n\t\t);\n\t}\n\n\trenderOptionsList() {\n\t\treturn Object.keys(sortFunctions).map((option, index) => {\n\t\t\tlet classes = \"sort-option pointer \";\n\t\t\tif (option === this.state.sortBy) classes = `${classes} active`;\n\t\t\treturn (\n\t\t\t\t<span key={index} onClick={() => this.onOptionClick(option)} className={classes}>\n\t\t\t\t\t{option}\n\t\t\t\t</span>\n\t\t\t);\n\t\t});\n\t}\n\n\trender() {\n\t\treturn <div className=\"sort\">Sort by: {this.renderOptionsList()}</div>;\n\t}\n}\n"]}

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { StandardError } from "@finsemble/finsemble-api/types/types";
+interface IProps {
+}
+interface IState {
+    tags: string[];
+}
+export default class TagsList extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    onTagDelete(tag: string): void;
+    onTagListUpdate(error: StandardError, data: {
+        value: string[];
+    }): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    renderTagsList(): JSX.Element[] | null;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,39 @@
+import React from "react";
+import Tag from "../../../shared/Tag";
+import storeActions from "../stores/StoreActions";
+import { getStore } from "../stores/LauncherStore";
+let store;
+export default class TagsList extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            tags: storeActions.getTags(),
+        };
+        this.onTagDelete = this.onTagDelete.bind(this);
+        this.onTagListUpdate = this.onTagListUpdate.bind(this);
+        store = getStore();
+    }
+    onTagDelete(tag) {
+        storeActions.deleteTag(tag);
+    }
+    onTagListUpdate(error, data) {
+        this.setState({
+            tags: data.value,
+        });
+    }
+    componentDidMount() {
+        store === null || store === void 0 ? void 0 : store.addListener({ field: "activeLauncherTags" }, this.onTagListUpdate);
+    }
+    componentWillUnmount() {
+        store === null || store === void 0 ? void 0 : store.removeListener({ field: "activeLauncherTags" }, this.onTagListUpdate);
+    }
+    renderTagsList() {
+        if (!this.state.tags)
+            return null;
+        return this.state.tags.map((tag, index) => React.createElement(Tag, { key: index, name: tag, removeTag: this.onTagDelete }));
+    }
+    render() {
+        return React.createElement("div", { className: "tags-list" }, this.renderTagsList());
+    }
+}
+//# sourceMappingURL=TagsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsList.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/TagsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAUnD,IAAI,KAA6B,CAAC;AAElC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE;SAC5B,CAAC;QACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,KAAK,GAAG,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,WAAW,CAAC,GAAW;QACtB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,eAAe,CAAC,KAAoB,EAAE,IAAyB;QAC9D,IAAI,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,IAAI,CAAC,KAAK;SAChB,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB;QAChB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IAED,oBAAoB;QACnB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC9E,CAAC;IAED,cAAc;QACb,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAClC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC;IACzG,CAAC;IAED,MAAM;QACL,OAAO,6BAAK,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,cAAc,EAAE,CAAO,CAAC;IACjE,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport Tag from \"../../../shared/Tag\";\nimport storeActions from \"../stores/StoreActions\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nimport { StandardError } from \"@finsemble/finsemble-api/types/types\";\n\ninterface IProps {}\n\ninterface IState {\n\ttags: string[];\n}\n\nlet store: StoreModel | undefined;\n\nexport default class TagsList extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\ttags: storeActions.getTags(),\n\t\t};\n\t\tthis.onTagDelete = this.onTagDelete.bind(this);\n\t\tthis.onTagListUpdate = this.onTagListUpdate.bind(this);\n\t\tstore = getStore();\n\t}\n\n\tonTagDelete(tag: string) {\n\t\tstoreActions.deleteTag(tag);\n\t}\n\n\tonTagListUpdate(error: StandardError, data: { value: string[] }) {\n\t\tthis.setState({\n\t\t\ttags: data.value,\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tstore?.addListener({ field: \"activeLauncherTags\" }, this.onTagListUpdate);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tstore?.removeListener({ field: \"activeLauncherTags\" }, this.onTagListUpdate);\n\t}\n\n\trenderTagsList() {\n\t\tif (!this.state.tags) return null;\n\t\treturn this.state.tags.map((tag, index) => <Tag key={index} name={tag} removeTag={this.onTagDelete} />);\n\t}\n\n\trender() {\n\t\treturn <div className=\"tags-list\">{this.renderTagsList()}</div>;\n\t}\n}\n"]}

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

@@ -0,0 +1,29 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+interface IProps {
+    onItemClick: (item: string) => void;
+    list: string[];
+    label: string;
+    align: string;
+}
+interface IState {
+    isVisible: boolean;
+}
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    toggleMenu(): void;
+    onItemClick(item: string): void;
+    renderList(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,51 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isVisible: false,
+        };
+        // Bind context
+        this.toggleMenu = this.toggleMenu.bind(this);
+        this.onItemClick = this.onItemClick.bind(this);
+    }
+    toggleMenu() {
+        this.setState({
+            isVisible: !this.state.isVisible,
+        });
+    }
+    onItemClick(item) {
+        this.setState({
+            isVisible: false,
+        });
+        this.props.onItemClick(item);
+    }
+    renderList() {
+        const items = this.props.list;
+        const styles = this.props.align === "right" ? { right: 0 } : { left: 0 };
+        return (React.createElement("div", { onMouseLeave: this.state.isVisible ? this.toggleMenu : () => { }, className: "tags-menu", style: styles },
+            React.createElement("ul", null,
+                " ",
+                items.map((item, index) => (React.createElement("li", { key: index, onClick: () => this.onItemClick(item) }, item))),
+                " ")));
+    }
+    render() {
+        return (React.createElement("div", { className: "tags-menu-wrapper", onClick: this.toggleMenu },
+            React.createElement("span", null,
+                React.createElement("i", { className: "ff-tag" }),
+                this.props.label),
+            this.state.isVisible && this.renderList()));
+    }
+}
+//# sourceMappingURL=TagsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/TagsMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;IAKI;AACJ,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,SAAS,EAAE,KAAK;SAChB,CAAC;QACF,eAAe;QACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,IAAY;QACvB,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,UAAU;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACzE,OAAO,CACN,6BAAK,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM;YACxG;gBACE,GAAG;gBACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnD,IAAI,CACD,CACL,CAAC;gBAAE,GAAG,CACH,CACA,CACN,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;YAC1D;gBACC,2BAAG,SAAS,EAAC,QAAQ,GAAG;gBACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CACX;YACN,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CACrC,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\ninterface IProps {\n\tonItemClick: (item: string) => void;\n\tlist: string[];\n\tlabel: string;\n\talign: string;\n}\n\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div onMouseLeave={this.state.isVisible ? this.toggleMenu : () => {}} className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t</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 className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t<i className=\"ff-tag\" />\n\t\t\t\t\t{this.props.label}\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/ToggleFavoriteDropdown.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { FavoriteDropdown } from "../../../../types/advancedAppLauncherTypes";
+/**
+ * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.
+ * After selection the dropdown menu is closed.
+ * @param props
+ */
+export declare const ToggleFavoriteDropdown: React.FunctionComponent<FavoriteDropdown>;

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { useFavorites } from "../../../../hooks/useFavorites";
+/**
+ * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.
+ * After selection the dropdown menu is closed.
+ * @param props
+ */
+export const ToggleFavoriteDropdown = (props) => {
+    const { isFavorited, addFavorite, removeFavorite } = useFavorites();
+    const { id, category, name, icon, instance } = props;
+    const toggleFavorite = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (isFavorited(id)) {
+            removeFavorite(id);
+        }
+        else {
+            addFavorite({ id, category, name, icon });
+        }
+        instance.setState((state) => {
+            return { isVisible: !state.isVisible };
+        });
+    };
+    const favoriteValue = isFavorited(id) ? "Unfavorite" : "Favorite";
+    return React.createElement("div", { onClick: toggleFavorite }, favoriteValue);
+};
+//# sourceMappingURL=ToggleFavoriteDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleFavoriteDropdown.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC1F,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IACpE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,WAAW,CAAC,EAAE,CAAC,EAAE;YACpB,cAAc,CAAC,EAAE,CAAC,CAAC;SACnB;aAAM;YACN,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC1C;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAA6B,EAAE,EAAE;YACnD,OAAO,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAElE,OAAO,6BAAK,OAAO,EAAE,cAAc,IAAG,aAAa,CAAO,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\nimport { FavoriteDropdown } from \"../../../../types/advancedAppLauncherTypes\";\n\n/**\n * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.\n * After selection the dropdown menu is closed.\n * @param props\n */\nexport const ToggleFavoriteDropdown: React.FunctionComponent<FavoriteDropdown> = (props) => {\n\tconst { isFavorited, addFavorite, removeFavorite } = useFavorites();\n\tconst { id, category, name, icon, instance } = props;\n\n\tconst toggleFavorite = (e: React.MouseEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tif (isFavorited(id)) {\n\t\t\tremoveFavorite(id);\n\t\t} else {\n\t\t\taddFavorite({ id, category, name, icon });\n\t\t}\n\n\t\tinstance.setState((state: { isVisible: boolean }) => {\n\t\t\treturn { isVisible: !state.isVisible };\n\t\t});\n\t};\n\n\tconst favoriteValue = isFavorited(id) ? \"Unfavorite\" : \"Favorite\";\n\n\treturn <div onClick={toggleFavorite}>{favoriteValue}</div>;\n};\n"]}

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
+export default class AppDirectory {
+    constructor(client: any);
+}

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
+export default class AppDirectory {
+    constructor(client) {
+        return client;
+    }
+}
+//# sourceMappingURL=AppDirectory.js.map

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDirectory.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/modules/AppDirectory.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,YAAY,MAAW;QACtB,OAAO,MAAM,CAAC;IACf,CAAC;CACD","sourcesContent":["/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n * To be implemented..\n */\n\nexport default class AppDirectory {\n\tconstructor(client: any) {\n\t\treturn client;\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/modules/FDC3.d.ts

@@ -0,0 +1,55 @@
+declare type FDC3ConfigProps = {
+    url?: string;
+};
+declare type doneCallback = (err: {
+    message: string;
+} | null, data?: any) => void;
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * FDC3 App directory client, I will be using fetch()
+ * to make calls to the app directory web service, even though I'm
+ * not sure where did fetch() come from, will investigate later
+ */
+export default class FDC3 {
+    creds: {};
+    config: FDC3ConfigProps;
+    constructor(config?: FDC3ConfigProps, creds?: {});
+    /**
+     * Http get wrapper
+     * @param {string} path The restful method path
+     * @param {function} done The callback function
+     */
+    _get(path: string, done: doneCallback): void;
+    /**
+     *
+     * @param {string} path The restful method path
+     * @param {object} params The post data
+     * @param {function} done The callback function
+     */
+    _post(path: string, params: {}, done: doneCallback): void;
+    /**
+     * Returns all applications
+     * @param {function} callback The optional callback function
+     */
+    getAll(callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns a single application in results
+     * @param {string} appId The app id
+     */
+    get(appId: string, callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns unique tags
+     * @param {function} callback The optional callback function
+     */
+    getTags(callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns a list of applications based on text and filter
+     * @param {object} params The search criteria
+     * @param {function} callback The callback function
+     * @example search({text: 'blah', filter: {tag: 'newrelease'}})
+     */
+    search(params: {}, callback: doneCallback): Promise<unknown>;
+}
+export {};