@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/toolbar/ToolbarShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarShell.js","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,8BAA8B,CAAC;AAEtC,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,+FAA+F;AAC/F,oGAAoG;AACpG,IAAI,aAAa,EAAE,CAAC;AAOpB;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChH,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;IAClD,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEnC,OAAO,CACN,6BAAK,SAAS,EAAC,mBAAmB;QAChC,QAAQ;QACT,oBAAC,SAAS,OAAG,CACR,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { HotkeyCombination } from \"../../types/hotkeyTypes\";\nimport { useToolbar } from \"../../hooks/useToolbar\";\nimport { useHotkey } from \"../../hooks/useHotkey\";\nimport { SddButton } from \"./SddButton\";\nimport \"../../assets/css/toolbar.css\";\n\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\nnew FloatingFocus();\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\n\ntype ToolbarShellProps = {\n\thotkeyShow?: HotkeyCombination;\n\thotkeyHide?: HotkeyCombination;\n};\n/**\n * The ToolbarShell registers hotkeys, communicates with Finsemble core, sets up the toolbar size, and provides other functions of the Finsemble toolbar.\n * @param hotkeyShow [array<string>] - A hotkey combination to show the toolbar\n * @param hotkeyHide [array<string>] - A hotkey combination to hide the toolbar\n */\nexport const ToolbarShell: React.FunctionComponent<ToolbarShellProps> = ({ hotkeyShow, hotkeyHide, children }) => {\n\tconst { hideToolbar, showToolbar } = useToolbar();\n\tuseHotkey(hotkeyShow, showToolbar);\n\tuseHotkey(hotkeyHide, hideToolbar);\n\n\treturn (\n\t\t<div className=\"finsemble-toolbar\">\n\t\t\t{children}\n\t\t\t<SddButton />\n\t\t</div>\n\t);\n};\n"]}

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

@@ -0,0 +1,40 @@
+import "../../../assets/css/advancedAppLauncher.css";
+import React from "react";
+import { StandardError } from "@finsemble/finsemble-api/types/types";
+interface IProps {
+    customURLValidation: ((url: string) => [boolean, string]) | null;
+    customAddComponent: ((formData: any, callback: (error: any | null) => void) => void) | null;
+    beforeAddComponent: ((formData: any) => object) | null;
+    enableQuickComponents: boolean;
+}
+interface IState {
+    isFormVisible: boolean;
+}
+/**
+ * The "app" button that launches the Advanced App Launcher.
+ * The Advanced App Launcher comes with search capabilities and allows users to organize their application components into folders.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ */
+export declare class AdvancedAppLauncher extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    UNSAFE_componentWillMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Sets isFormVisible to true or false in state
+     * isFormVisible is used to conditionally show/hide the
+     * add new component form.
+     * @param {objec} error
+     * @param {object} data
+     */
+    toggleAddNewAppForm(error: StandardError, data: {
+        value: any;
+    }): void;
+    /**
+     * Sets isFormVisible to false in store to remove the form
+     */
+    onAddNewAppFormAction(): void;
+    openAppMarket(): void;
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,93 @@
+import "../../../assets/css/advancedAppLauncher.css";
+// Import js modules
+import React from "react";
+import { createStore, getStore } from "./stores/LauncherStore";
+import storeActions from "./stores/StoreActions";
+// Import React components
+import Content from "./components/Content";
+import AddNewAppForm from "./components/AddNewAppForm";
+import FoldersList from "./components/FoldersList";
+import LeftNavBottomLinks from "./components/LeftNavBottomLinks";
+let advancedAppLauncherStore;
+/**
+ * The "app" button that launches the Advanced App Launcher.
+ * The Advanced App Launcher comes with search capabilities and allows users to organize their application components into folders.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ */
+export class AdvancedAppLauncher extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isFormVisible: storeActions.getFormStatus(),
+        };
+        this.toggleAddNewAppForm = this.toggleAddNewAppForm.bind(this);
+        this.openAppMarket = this.openAppMarket.bind(this);
+    }
+    UNSAFE_componentWillMount() {
+        createStore((error, store) => {
+            advancedAppLauncherStore = store;
+            storeActions.initialize(() => {
+                advancedAppLauncherStore === null || advancedAppLauncherStore === void 0 ? void 0 : advancedAppLauncherStore.addListener({ field: "isFormVisible" }, this.toggleAddNewAppForm);
+                this.forceUpdate();
+            });
+            // Delete the search text from the store as searches should not persist over restart.
+            // The deletion is done on startup as a shutdown listener wouldn't trigger on crashes
+            store === null || store === void 0 ? void 0 : store.setValue({
+                field: "filterText",
+                value: "",
+            });
+        });
+    }
+    componentWillUnmount() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.removeListener({ field: "isFormVisible" }, this.toggleAddNewAppForm);
+    }
+    /**
+     * Sets isFormVisible to true or false in state
+     * isFormVisible is used to conditionally show/hide the
+     * add new component form.
+     * @param {objec} error
+     * @param {object} data
+     */
+    toggleAddNewAppForm(error, data) {
+        this.setState({
+            isFormVisible: data.value,
+        });
+    }
+    /**
+     * Sets isFormVisible to false in store to remove the form
+     */
+    onAddNewAppFormAction() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.setValue({
+            field: "isFormVisible",
+            value: false,
+        }, (error) => {
+            error && console.log("Failed to set isFormVisible to false");
+        });
+    }
+    openAppMarket() {
+        FSBL.Clients.LauncherClient.showWindow({
+            componentType: "Advanced App Catalog",
+        }, {
+            monitor: "mine",
+            staggerPixels: 0,
+            spawnIfNotFound: true,
+            left: "center",
+            top: "center",
+        });
+    }
+    render() {
+        if (!advancedAppLauncherStore)
+            return null;
+        return (React.createElement("div", { className: "advanced-app-launcher" },
+            React.createElement("div", { className: "complex-menu-wrapper" },
+                React.createElement("div", { className: "complex-menu-left-nav" },
+                    React.createElement(FoldersList, null),
+                    React.createElement(LeftNavBottomLinks, { openAppMarket: this.openAppMarket, enableQuickComponents: this.props.enableQuickComponents })),
+                React.createElement(Content, null),
+                this.state.isFormVisible && (React.createElement(AddNewAppForm, { onDone: this.onAddNewAppFormAction, customURLValidation: this.props.customURLValidation, customAddComponent: this.props.customAddComponent, beforeAddComponent: this.props.beforeAddComponent })))));
+    }
+}
+//# sourceMappingURL=AdvancedAppLauncher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedAppLauncher.js","sourceRoot":"","sources":["../../../../src/components/toolbar/advancedAppLauncher/AdvancedAppLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,oBAAoB;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,0BAA0B;AAC1B,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAGjE,IAAI,wBAAgD,CAAC;AAYrD;;;;;GAKG;AACH,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,aAAa,EAAE,YAAY,CAAC,aAAa,EAAE;SAC3C,CAAC;QACF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,yBAAyB;QACxB,WAAW,CAAC,CAAC,KAAoB,EAAE,KAAkB,EAAE,EAAE;YACxD,wBAAwB,GAAG,KAAK,CAAC;YACjC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,WAAW,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBAC5F,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,CAAC,CAAC,CAAC;YACH,qFAAqF;YACrF,qFAAqF;YACrF,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC;gBACf,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,EAAE;aACT,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,oBAAoB;;QACnB,MAAA,QAAQ,EAAE,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAClF,CAAC;IAED;;;;;;OAMG;IACH,mBAAmB,CAAC,KAAoB,EAAE,IAAoB;QAC7D,IAAI,CAAC,QAAQ,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,KAAK;SACzB,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,qBAAqB;;QACpB,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CACnB;YACC,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,KAAK;SACZ,EACD,CAAC,KAAoB,EAAE,EAAE;YACxB,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,sCAAsC,CAAC,CAAC;QAC9D,CAAC,CACD,CAAC;IACH,CAAC;IAED,aAAa;QACZ,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CACrC;YACC,aAAa,EAAE,sBAAsB;SACrC,EACD;YACC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,CAAC;YAChB,eAAe,EAAE,IAAI;YACrB,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;SACb,CACD,CAAC;IACH,CAAC;IAED,MAAM;QACL,IAAI,CAAC,wBAAwB;YAAE,OAAO,IAAI,CAAC;QAC3C,OAAO,CACN,6BAAK,SAAS,EAAC,uBAAuB;YACrC,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,6BAAK,SAAS,EAAC,uBAAuB;oBACrC,oBAAC,WAAW,OAAG;oBACf,oBAAC,kBAAkB,IAClB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,GACtD,CACG;gBAEN,oBAAC,OAAO,OAAG;gBACV,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAC5B,oBAAC,aAAa,IACb,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAClC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EACnD,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACjD,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAChD,CACF,CACI,CACD,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import \"../../../assets/css/advancedAppLauncher.css\";\n// Import js modules\nimport React from \"react\";\nimport { createStore, getStore } from \"./stores/LauncherStore\";\nimport storeActions from \"./stores/StoreActions\";\n\n// Import React components\nimport Content from \"./components/Content\";\nimport AddNewAppForm from \"./components/AddNewAppForm\";\nimport { StandardError } from \"@finsemble/finsemble-api/types/types\";\nimport FoldersList from \"./components/FoldersList\";\nimport LeftNavBottomLinks from \"./components/LeftNavBottomLinks\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\n\nlet advancedAppLauncherStore: StoreModel | undefined;\n\ninterface IProps {\n\tcustomURLValidation: ((url: string) => [boolean, string]) | null;\n\tcustomAddComponent: ((formData: any, callback: (error: any | null) => void) => void) | null;\n\tbeforeAddComponent: ((formData: any) => object) | null;\n\tenableQuickComponents: boolean;\n}\n\ninterface IState {\n\tisFormVisible: boolean;\n}\n/**\n * The \"app\" button that launches the Advanced App Launcher.\n * The Advanced App Launcher comes with search capabilities and allows users to organize their application components into folders.\n *\n * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components\n */\nexport class AdvancedAppLauncher extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisFormVisible: storeActions.getFormStatus(),\n\t\t};\n\t\tthis.toggleAddNewAppForm = this.toggleAddNewAppForm.bind(this);\n\t\tthis.openAppMarket = this.openAppMarket.bind(this);\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tcreateStore((error: StandardError, store?: StoreModel) => {\n\t\t\tadvancedAppLauncherStore = store;\n\t\t\tstoreActions.initialize(() => {\n\t\t\t\tadvancedAppLauncherStore?.addListener({ field: \"isFormVisible\" }, this.toggleAddNewAppForm);\n\t\t\t\tthis.forceUpdate();\n\t\t\t});\n\t\t\t// Delete the search text from the store as searches should not persist over restart.\n\t\t\t// The deletion is done on startup as a shutdown listener wouldn't trigger on crashes\n\t\t\tstore?.setValue({\n\t\t\t\tfield: \"filterText\",\n\t\t\t\tvalue: \"\",\n\t\t\t});\n\t\t});\n\t}\n\n\tcomponentWillUnmount() {\n\t\tgetStore()?.removeListener({ field: \"isFormVisible\" }, this.toggleAddNewAppForm);\n\t}\n\n\t/**\n\t * Sets isFormVisible to true or false in state\n\t * isFormVisible is used to conditionally show/hide the\n\t * add new component form.\n\t * @param {objec} error\n\t * @param {object} data\n\t */\n\ttoggleAddNewAppForm(error: StandardError, data: { value: any }) {\n\t\tthis.setState({\n\t\t\tisFormVisible: data.value,\n\t\t});\n\t}\n\n\t/**\n\t * Sets isFormVisible to false in store to remove the form\n\t */\n\tonAddNewAppFormAction() {\n\t\tgetStore()?.setValue(\n\t\t\t{\n\t\t\t\tfield: \"isFormVisible\",\n\t\t\t\tvalue: false,\n\t\t\t},\n\t\t\t(error: StandardError) => {\n\t\t\t\terror && console.log(\"Failed to set isFormVisible to false\");\n\t\t\t}\n\t\t);\n\t}\n\n\topenAppMarket() {\n\t\tFSBL.Clients.LauncherClient.showWindow(\n\t\t\t{\n\t\t\t\tcomponentType: \"Advanced 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);\n\t}\n\n\trender() {\n\t\tif (!advancedAppLauncherStore) return null;\n\t\treturn (\n\t\t\t<div className=\"advanced-app-launcher\">\n\t\t\t\t<div className=\"complex-menu-wrapper\">\n\t\t\t\t\t<div className=\"complex-menu-left-nav\">\n\t\t\t\t\t\t<FoldersList />\n\t\t\t\t\t\t<LeftNavBottomLinks\n\t\t\t\t\t\t\topenAppMarket={this.openAppMarket}\n\t\t\t\t\t\t\tenableQuickComponents={this.props.enableQuickComponents}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Content />\n\t\t\t\t\t{this.state.isFormVisible && (\n\t\t\t\t\t\t<AddNewAppForm\n\t\t\t\t\t\t\tonDone={this.onAddNewAppFormAction}\n\t\t\t\t\t\t\tcustomURLValidation={this.props.customURLValidation}\n\t\t\t\t\t\t\tcustomAddComponent={this.props.customAddComponent}\n\t\t\t\t\t\t\tbeforeAddComponent={this.props.beforeAddComponent}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { MenuProps } from "../../menu/Menu";
+declare type AdvancedAppLauncherMenuProps = MenuProps & {
+    enableQuickComponents?: boolean;
+    customURLValidation?: (url: string) => [boolean, string];
+    customAddComponent?: (formData: any, callback: (error: any | null) => void) => void;
+    beforeAddComponent?: (formData: any) => object;
+};
+declare const AdvancedAppLauncherMenu: React.FunctionComponent<AdvancedAppLauncherMenuProps>;
+export { AdvancedAppLauncherMenu };

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

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { Menu } from "../../menu/Menu";
+import { AdvancedAppLauncher } from "./AdvancedAppLauncher";
+const AdvancedAppLauncherMenu = (_a) => {
+    var { width = 640, className = "advancedAppLauncher", id = "AdvancedAppLauncherMenu", title = "Apps", customURLValidation = null, customAddComponent = null, beforeAddComponent = null } = _a, otherProps = __rest(_a, ["width", "className", "id", "title", "customURLValidation", "customAddComponent", "beforeAddComponent"]);
+    const advancedLauncherProps = {
+        customURLValidation,
+        customAddComponent,
+        beforeAddComponent,
+        enableQuickComponents: false,
+    };
+    let completeProps = Object.assign(Object.assign(Object.assign({}, otherProps), advancedLauncherProps), { width,
+        className,
+        id,
+        title });
+    return (React.createElement(Menu, Object.assign({}, completeProps),
+        React.createElement(AdvancedAppLauncher, Object.assign({}, advancedLauncherProps))));
+};
+export { AdvancedAppLauncherMenu };
+//# sourceMappingURL=AdvancedAppLauncherMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedAppLauncherMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,uBAAuB,GAA0D,CAAC,EASvF,EAAE,EAAE;QATmF,EACvF,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,qBAAqB,EACjC,EAAE,GAAG,yBAAyB,EAC9B,KAAK,GAAG,MAAM,EACd,mBAAmB,GAAG,IAAI,EAC1B,kBAAkB,GAAG,IAAI,EACzB,kBAAkB,GAAG,IAAI,OAEzB,EADG,UAAU,cAR0E,wGASvF,CADa;IAEb,MAAM,qBAAqB,GAAG;QAC7B,mBAAmB;QACnB,kBAAkB;QAClB,kBAAkB;QAClB,qBAAqB,EAAE,KAAK;KAC5B,CAAC;IAEF,IAAI,aAAa,iDACb,UAAU,GACV,qBAAqB,KACxB,KAAK;QACL,SAAS;QACT,EAAE;QACF,KAAK,GACL,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;QACtB,oBAAC,mBAAmB,oBAAK,qBAAqB,EAAI,CAC5C,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import * as React from \"react\";\nimport { Menu } from \"../../menu/Menu\";\nimport { MenuProps } from \"../../menu/Menu\";\nimport { AdvancedAppLauncher } from \"./AdvancedAppLauncher\";\n\ntype AdvancedAppLauncherMenuProps = MenuProps & {\n\tenableQuickComponents?: boolean; // DEPRECATED: Quick Components will be removed in a future release\n\tcustomURLValidation?: (url: string) => [boolean, string];\n\tcustomAddComponent?: (formData: any, callback: (error: any | null) => void) => void;\n\tbeforeAddComponent?: (formData: any) => object;\n};\n\nconst AdvancedAppLauncherMenu: React.FunctionComponent<AdvancedAppLauncherMenuProps> = ({\n\twidth = 640,\n\tclassName = \"advancedAppLauncher\",\n\tid = \"AdvancedAppLauncherMenu\",\n\ttitle = \"Apps\",\n\tcustomURLValidation = null,\n\tcustomAddComponent = null,\n\tbeforeAddComponent = null,\n\t...otherProps\n}) => {\n\tconst advancedLauncherProps = {\n\t\tcustomURLValidation,\n\t\tcustomAddComponent,\n\t\tbeforeAddComponent,\n\t\tenableQuickComponents: false,\n\t};\n\n\tlet completeProps = {\n\t\t...otherProps,\n\t\t...advancedLauncherProps,\n\t\twidth,\n\t\tclassName,\n\t\tid,\n\t\ttitle,\n\t};\n\n\treturn (\n\t\t<Menu {...completeProps}>\n\t\t\t<AdvancedAppLauncher {...advancedLauncherProps} />\n\t\t</Menu>\n\t);\n};\nexport { AdvancedAppLauncherMenu };\n"]}

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

@@ -0,0 +1,92 @@
+import React from "react";
+import "../../../../assets/css/dialogs.css";
+interface IState {
+    form: {
+        name?: string;
+        url?: string;
+        tags?: string;
+    };
+    validation: {
+        name: boolean;
+        url: boolean;
+    };
+    validateOnInputChange: boolean;
+}
+interface IProps {
+    onDone: () => void;
+    customURLValidation: ((url: string) => [boolean, string]) | null;
+    customAddComponent: ((formData: any, callback: (error: any | null) => void) => void) | null;
+    beforeAddComponent: ((formData: any) => object) | null;
+}
+/**
+ * A component that has a form to accept new app properties
+ * like name, url and tags, validates user input then saves it
+ * to persistent store. Showing or hiding this component is up to
+ * parent component.
+ * @example <AddNewAppForm onDone={this.someHandlerFunction}></AddNewAppForm>
+ */
+export default class AddNewAppForm extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    /**
+     * Calls the storeActions.addApp() method
+     * to save the new app in store.
+     */
+    onSubmit(): void;
+    addNewAppCallback(error: any): void;
+    addNewApp(form: IState["form"], cb: (err?: any) => void): void;
+    /**
+     * Clears all form inputs
+     */
+    onClear(): void;
+    /**
+     * Just cancel and do not add the app
+     */
+    onCancel(): void;
+    /**
+     * Calls the passed onDone property to let the parent component
+     * know that we finished processing user's request (submit/cancel)
+     */
+    done(): void;
+    /**
+     * When the url changes, validate it (after submit), or set state.
+     * @param {keyboardEvent} e
+     */
+    onURLChanged(e: React.ChangeEvent<HTMLInputElement>): void;
+    /**
+     * When the name changes, validate it (after submit), or set state.
+     * @param {keyboardEvent} e
+     */
+    onAppNameChanged(e: React.ChangeEvent<HTMLInputElement>): void;
+    /**
+     * Attempt to make a URL object, if successful the provided URL is valid.
+     * If the URL constructor determines the provided string to be invalid it throws a TypeError.
+     *
+     * @param {string} url
+     * @return boolean
+     */
+    validateURL(url?: string): boolean;
+    /**
+     * When the url changes, validate it (after submit), or set state.
+     * @param {string} name
+     */
+    validateName(name?: string): boolean;
+    /**
+     * Allows user to skip the protocol. Puts one in there if they don't have it.
+     */
+    fixURL(): void;
+    /**
+     * Removes empty spaces from beginning and end of line
+     */
+    fixName(): void;
+    /**
+     * Hotkey handler
+     * Escape clears the form and hides it.
+     * Enter submits.
+     * @param {} e
+     */
+    onKeyDown(e: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,277 @@
+import React from "react";
+import storeActions from "../stores/StoreActions";
+import { FinsembleDialogTextInput } from "../../../legacyControls/FinsembleDialogTextInput";
+import { FinsembleDialogButton } from "../../../legacyControls/FinsembleDialogButton";
+import "../../../../assets/css/dialogs.css";
+import { isValidURL } from "../../../shared/validateURL";
+import { addProtocolToValidURL } from "../../../shared/addProtocolToValidURL";
+const FORM_DEFAULTS = {
+    name: "",
+    tags: "",
+    url: "",
+};
+const VALIDATION_DEFAULTS = {
+    name: true,
+    url: true,
+};
+const INVALID_NAME_MSG = "Name cannot be empty or be a duplicate of an existing component.";
+let INVALID_URL_MSG = "URL must be valid (e.g., http://www.google.com). Only http and https protocols are supported.";
+/**
+ * A component that has a form to accept new app properties
+ * like name, url and tags, validates user input then saves it
+ * to persistent store. Showing or hiding this component is up to
+ * parent component.
+ * @example <AddNewAppForm onDone={this.someHandlerFunction}></AddNewAppForm>
+ */
+export default class AddNewAppForm extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            // if you do not do this, FORM_DEFAULTS gets mutated by setState later on.
+            form: Object.assign({}, FORM_DEFAULTS),
+            validation: Object.assign({}, VALIDATION_DEFAULTS),
+            // changed to true after the user submits (if they submit bad information). This gives updated information on keypress.
+            validateOnInputChange: false,
+        };
+        this.onSubmit = this.onSubmit.bind(this);
+        this.onClear = this.onClear.bind(this);
+        this.onCancel = this.onCancel.bind(this);
+        this.done = this.done.bind(this);
+        this.onURLChanged = this.onURLChanged.bind(this);
+        this.onAppNameChanged = this.onAppNameChanged.bind(this);
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.addNewApp = this.addNewApp.bind(this);
+        this.addNewAppCallback = this.addNewAppCallback.bind(this);
+    }
+    /**
+     * Calls the storeActions.addApp() method
+     * to save the new app in store.
+     */
+    onSubmit() {
+        this.fixURL();
+        this.fixName();
+        let validName = this.validateName(this.state.form.name);
+        let validURL = this.validateURL(this.state.form.url);
+        if (!validName || !validURL) {
+            this.setState({
+                validation: {
+                    url: validURL,
+                    name: validName,
+                },
+                validateOnInputChange: true,
+            });
+            return;
+        }
+        this.setState({
+            validation: Object.assign({}, VALIDATION_DEFAULTS),
+            validateOnInputChange: false,
+        });
+        let formData = this.state.form;
+        if (this.props.beforeAddComponent) {
+            if (typeof this.props.beforeAddComponent !== "function") {
+                FSBL.Clients.Logger.system.error("beforeAddComponent provided to Advanced App Launcher does not appear to be a function, skipping");
+            }
+            else {
+                formData = this.props.beforeAddComponent(formData);
+            }
+        }
+        this.addNewApp(formData, this.addNewAppCallback);
+    }
+    addNewAppCallback(error) {
+        // Notify parent if no errors
+        if (error) {
+            FSBL.Clients.Logger.system.error(error);
+            this.setState({
+                validation: {
+                    name: false,
+                    url: true,
+                },
+            });
+        }
+        else {
+            this.done();
+        }
+    }
+    addNewApp(form, cb) {
+        if (this.props.customAddComponent) {
+            if (typeof this.props.customAddComponent === "function") {
+                this.props.customAddComponent(form, cb);
+                return;
+            }
+            else {
+                FSBL.Clients.Logger.system.error("Custom Add Component parameter provided to Advanced App Launcher does not appear to be a function, falling back to default add");
+            }
+        }
+        const { name, url, tags } = form;
+        if (name && url) {
+            storeActions.addApp({
+                name,
+                url,
+                tags: tags ? tags.split(",") : [],
+                appID: name,
+                type: "unknown",
+                canDelete: true,
+            }, cb);
+        }
+    }
+    /**
+     * Clears all form inputs
+     */
+    onClear() {
+        //document.getElementById("new-app").reset();
+        this.setState({
+            form: Object.assign({}, FORM_DEFAULTS),
+        });
+    }
+    /**
+     * Just cancel and do not add the app
+     */
+    onCancel() {
+        this.done();
+    }
+    /**
+     * Calls the passed onDone property to let the parent component
+     * know that we finished processing user's request (submit/cancel)
+     */
+    done() {
+        if (this.props.onDone && typeof this.props.onDone === "function") {
+            this.props.onDone();
+        }
+        this.onClear();
+    }
+    /**
+     * When the url changes, validate it (after submit), or set state.
+     * @param {keyboardEvent} e
+     */
+    onURLChanged(e) {
+        let { form, validation } = this.state;
+        if (!form) {
+            form = {};
+        }
+        form.url = e.target.value;
+        if (this.state.validateOnInputChange) {
+            validation.url = this.validateURL(form.url);
+        }
+        this.setState({
+            form,
+        });
+    }
+    /**
+     * When the name changes, validate it (after submit), or set state.
+     * @param {keyboardEvent} e
+     */
+    onAppNameChanged(e) {
+        let { form, validation } = this.state;
+        if (!form) {
+            form = {};
+        }
+        form.name = e.target.value;
+        if (this.state.validateOnInputChange) {
+            validation.name = this.validateName(form.name);
+        }
+        this.setState({
+            form,
+        });
+    }
+    /**
+     * Attempt to make a URL object, if successful the provided URL is valid.
+     * If the URL constructor determines the provided string to be invalid it throws a TypeError.
+     *
+     * @param {string} url
+     * @return boolean
+     */
+    validateURL(url) {
+        if (!url) {
+            return false;
+        }
+        if (this.props.customURLValidation) {
+            if (typeof this.props.customURLValidation === "function") {
+                const [result, message] = this.props.customURLValidation(url);
+                if (typeof result !== "boolean") {
+                    FSBL.Clients.Logger.system.error("Custom URL Validation routine does not return a boolean, falling back to default validation");
+                }
+                else {
+                    if (message) {
+                        INVALID_URL_MSG = message;
+                    }
+                    return result;
+                }
+            }
+            else {
+                FSBL.Clients.Logger.system.error("Custom url validation provided to Advanced App Launcher does not appear to be a function, falling back to default validation");
+            }
+        }
+        return isValidURL(url);
+    }
+    /**
+     * When the url changes, validate it (after submit), or set state.
+     * @param {string} name
+     */
+    validateName(name) {
+        if (typeof name !== "string") {
+            return false;
+        }
+        return name !== "" || /^[0-9a-zA-Z_.-\s]+$/.test(name);
+    }
+    /**
+     * Allows user to skip the protocol. Puts one in there if they don't have it.
+     */
+    fixURL() {
+        let { form } = this.state;
+        if (!form) {
+            form = {};
+        }
+        if (typeof form.url === "string") {
+            form.url = addProtocolToValidURL(form === null || form === void 0 ? void 0 : form.url);
+        }
+        this.setState({ form });
+    }
+    /**
+     * Removes empty spaces from beginning and end of line
+     */
+    fixName() {
+        var _a;
+        let { form } = this.state;
+        if (!form) {
+            form = {};
+        }
+        form.name = (_a = form.name) === null || _a === void 0 ? void 0 : _a.trim();
+        this.setState({ form });
+    }
+    /**
+     * Hotkey handler
+     * Escape clears the form and hides it.
+     * Enter submits.
+     * @param {} e
+     */
+    onKeyDown(e) {
+        if (e.detail.key === "Escape") {
+            this.onClear();
+            this.done();
+        }
+        if (e.detail.key === "Enter") {
+            this.onSubmit();
+        }
+    }
+    // Listen for esc/enter
+    componentDidMount() {
+        document.addEventListener("portal:keydown", this.onKeyDown);
+    }
+    // remove listen for esc/enter
+    componentWillUnmount() {
+        document.removeEventListener("portal:keydown", this.onKeyDown);
+    }
+    render() {
+        return (React.createElement("div", { className: "add-app-form controls-wrapper" },
+            React.createElement("form", { id: "new-app" },
+                React.createElement(FinsembleDialogTextInput, { inputLabel: "Name", onInputChange: this.onAppNameChanged, placeholder: "Name", autoFocus: true, value: this.state.form.name }),
+                !this.state.validation.name && React.createElement("div", { className: "input-error" }, INVALID_NAME_MSG),
+                React.createElement(FinsembleDialogTextInput, { inputLabel: "URL", onInputChange: this.onURLChanged, placeholder: "URL", value: this.state.form.url }),
+                !this.state.validation.url && React.createElement("div", { className: "input-error" }, INVALID_URL_MSG),
+                React.createElement("div", { className: "button-wrapper" },
+                    React.createElement(FinsembleDialogButton, { className: "fsbl-button-neutral", onClick: this.onClear }, "Clear"),
+                    React.createElement(FinsembleDialogButton, { className: "fsbl-button-neutral", onClick: this.onCancel }, "Cancel"),
+                    React.createElement(FinsembleDialogButton, { className: "fsbl-button-affirmative", onClick: this.onSubmit }, "Confirm")))));
+    }
+}
+//# sourceMappingURL=AddNewAppForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddNewAppForm.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/AddNewAppForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport storeActions from \"../stores/StoreActions\";\nimport { FinsembleDialogTextInput } from \"../../../legacyControls/FinsembleDialogTextInput\";\nimport { FinsembleDialogButton } from \"../../../legacyControls/FinsembleDialogButton\";\nimport \"../../../../assets/css/dialogs.css\";\nimport { isValidURL } from \"../../../shared/validateURL\";\nimport { addProtocolToValidURL } from \"../../../shared/addProtocolToValidURL\";\n\nconst FORM_DEFAULTS = {\n\tname: \"\",\n\ttags: \"\",\n\turl: \"\",\n};\nconst VALIDATION_DEFAULTS = {\n\tname: true,\n\turl: true,\n};\n\nconst INVALID_NAME_MSG = \"Name cannot be empty or be a duplicate of an existing component.\";\nlet INVALID_URL_MSG = \"URL must be valid (e.g., http://www.google.com). Only http and https protocols are supported.\";\n\ninterface IState {\n\tform: {\n\t\tname?: string;\n\t\turl?: string;\n\t\ttags?: string;\n\t};\n\tvalidation: {\n\t\tname: boolean;\n\t\turl: boolean;\n\t};\n\tvalidateOnInputChange: boolean;\n}\ninterface IProps {\n\tonDone: () => void;\n\tcustomURLValidation: ((url: string) => [boolean, string]) | null;\n\tcustomAddComponent: ((formData: any, callback: (error: any | null) => void) => void) | null;\n\tbeforeAddComponent: ((formData: any) => object) | null;\n}\n/**\n * A component that has a form to accept new app properties\n * like name, url and tags, validates user input then saves it\n * to persistent store. Showing or hiding this component is up to\n * parent component.\n * @example <AddNewAppForm onDone={this.someHandlerFunction}></AddNewAppForm>\n */\nexport default class AddNewAppForm extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\t// if you do not do this, FORM_DEFAULTS gets mutated by setState later on.\n\t\t\tform: Object.assign({}, FORM_DEFAULTS),\n\t\t\tvalidation: Object.assign({}, VALIDATION_DEFAULTS),\n\t\t\t// changed to true after the user submits (if they submit bad information). This gives updated information on keypress.\n\t\t\tvalidateOnInputChange: false,\n\t\t};\n\n\t\tthis.onSubmit = this.onSubmit.bind(this);\n\t\tthis.onClear = this.onClear.bind(this);\n\t\tthis.onCancel = this.onCancel.bind(this);\n\t\tthis.done = this.done.bind(this);\n\t\tthis.onURLChanged = this.onURLChanged.bind(this);\n\t\tthis.onAppNameChanged = this.onAppNameChanged.bind(this);\n\t\tthis.onKeyDown = this.onKeyDown.bind(this);\n\t\tthis.addNewApp = this.addNewApp.bind(this);\n\t\tthis.addNewAppCallback = this.addNewAppCallback.bind(this);\n\t}\n\n\t/**\n\t * Calls the storeActions.addApp() method\n\t * to save the new app in store.\n\t */\n\tonSubmit() {\n\t\tthis.fixURL();\n\t\tthis.fixName();\n\t\tlet validName = this.validateName(this.state.form.name);\n\t\tlet validURL = this.validateURL(this.state.form.url);\n\t\tif (!validName || !validURL) {\n\t\t\tthis.setState({\n\t\t\t\tvalidation: {\n\t\t\t\t\turl: validURL,\n\t\t\t\t\tname: validName,\n\t\t\t\t},\n\t\t\t\tvalidateOnInputChange: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({\n\t\t\tvalidation: Object.assign({}, VALIDATION_DEFAULTS),\n\t\t\tvalidateOnInputChange: false,\n\t\t});\n\n\t\tlet formData = this.state.form;\n\t\tif (this.props.beforeAddComponent) {\n\t\t\tif (typeof this.props.beforeAddComponent !== \"function\") {\n\t\t\t\tFSBL.Clients.Logger.system.error(\n\t\t\t\t\t\"beforeAddComponent provided to Advanced App Launcher does not appear to be a function, skipping\"\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tformData = this.props.beforeAddComponent(formData);\n\t\t\t}\n\t\t}\n\n\t\tthis.addNewApp(formData, this.addNewAppCallback);\n\t}\n\n\taddNewAppCallback(error: any) {\n\t\t// Notify parent if no errors\n\t\tif (error) {\n\t\t\tFSBL.Clients.Logger.system.error(error);\n\t\t\tthis.setState({\n\t\t\t\tvalidation: {\n\t\t\t\t\tname: false,\n\t\t\t\t\turl: true,\n\t\t\t\t},\n\t\t\t});\n\t\t} else {\n\t\t\tthis.done();\n\t\t}\n\t}\n\n\taddNewApp(form: IState[\"form\"], cb: (err?: any) => void) {\n\t\tif (this.props.customAddComponent) {\n\t\t\tif (typeof this.props.customAddComponent === \"function\") {\n\t\t\t\tthis.props.customAddComponent(form, cb);\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\tFSBL.Clients.Logger.system.error(\n\t\t\t\t\t\"Custom Add Component parameter provided to Advanced App Launcher does not appear to be a function, falling back to default add\"\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\tconst { name, url, tags } = form;\n\t\tif (name && url) {\n\t\t\tstoreActions.addApp(\n\t\t\t\t{\n\t\t\t\t\tname,\n\t\t\t\t\turl,\n\t\t\t\t\ttags: tags ? tags.split(\",\") : [],\n\t\t\t\t\tappID: name,\n\t\t\t\t\ttype: \"unknown\",\n\t\t\t\t\tcanDelete: true,\n\t\t\t\t},\n\t\t\t\tcb\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Clears all form inputs\n\t */\n\tonClear() {\n\t\t//document.getElementById(\"new-app\").reset();\n\t\tthis.setState({\n\t\t\tform: Object.assign({}, FORM_DEFAULTS),\n\t\t});\n\t}\n\n\t/**\n\t * Just cancel and do not add the app\n\t */\n\tonCancel() {\n\t\tthis.done();\n\t}\n\n\t/**\n\t * Calls the passed onDone property to let the parent component\n\t * know that we finished processing user's request (submit/cancel)\n\t */\n\tdone() {\n\t\tif (this.props.onDone && typeof this.props.onDone === \"function\") {\n\t\t\tthis.props.onDone();\n\t\t}\n\t\tthis.onClear();\n\t}\n\n\t/**\n\t * When the url changes, validate it (after submit), or set state.\n\t * @param {keyboardEvent} e\n\t */\n\tonURLChanged(e: React.ChangeEvent<HTMLInputElement>) {\n\t\tlet { form, validation } = this.state;\n\t\tif (!form) {\n\t\t\tform = {};\n\t\t}\n\t\tform.url = e.target.value;\n\t\tif (this.state.validateOnInputChange) {\n\t\t\tvalidation.url = this.validateURL(form.url);\n\t\t}\n\t\tthis.setState({\n\t\t\tform,\n\t\t});\n\t}\n\n\t/**\n\t * When the name changes, validate it (after submit), or set state.\n\t * @param {keyboardEvent} e\n\t */\n\tonAppNameChanged(e: React.ChangeEvent<HTMLInputElement>) {\n\t\tlet { form, validation } = this.state;\n\t\tif (!form) {\n\t\t\tform = {};\n\t\t}\n\t\tform.name = e.target.value;\n\t\tif (this.state.validateOnInputChange) {\n\t\t\tvalidation.name = this.validateName(form.name);\n\t\t}\n\t\tthis.setState({\n\t\t\tform,\n\t\t});\n\t}\n\n\t/**\n\t * Attempt to make a URL object, if successful the provided URL is valid.\n\t * If the URL constructor determines the provided string to be invalid it throws a TypeError.\n\t *\n\t * @param {string} url\n\t * @return boolean\n\t */\n\tvalidateURL(url?: string) {\n\t\tif (!url) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.props.customURLValidation) {\n\t\t\tif (typeof this.props.customURLValidation === \"function\") {\n\t\t\t\tconst [result, message] = this.props.customURLValidation(url);\n\t\t\t\tif (typeof result !== \"boolean\") {\n\t\t\t\t\tFSBL.Clients.Logger.system.error(\n\t\t\t\t\t\t\"Custom URL Validation routine does not return a boolean, falling back to default validation\"\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tif (message) {\n\t\t\t\t\t\tINVALID_URL_MSG = message;\n\t\t\t\t\t}\n\t\t\t\t\treturn result;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tFSBL.Clients.Logger.system.error(\n\t\t\t\t\t\"Custom url validation provided to Advanced App Launcher does not appear to be a function, falling back to default validation\"\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn isValidURL(url);\n\t}\n\n\t/**\n\t * When the url changes, validate it (after submit), or set state.\n\t * @param {string} name\n\t */\n\tvalidateName(name?: string) {\n\t\tif (typeof name !== \"string\") {\n\t\t\treturn false;\n\t\t}\n\t\treturn name !== \"\" || /^[0-9a-zA-Z_.-\\s]+$/.test(name);\n\t}\n\n\t/**\n\t * Allows user to skip the protocol. Puts one in there if they don't have it.\n\t */\n\tfixURL() {\n\t\tlet { form } = this.state;\n\t\tif (!form) {\n\t\t\tform = {};\n\t\t}\n\t\tif (typeof form.url === \"string\") {\n\t\t\tform.url = addProtocolToValidURL(form?.url);\n\t\t}\n\t\tthis.setState({ form });\n\t}\n\n\t/**\n\t * Removes empty spaces from beginning and end of line\n\t */\n\tfixName() {\n\t\tlet { form } = this.state;\n\t\tif (!form) {\n\t\t\tform = {};\n\t\t}\n\t\tform.name = form.name?.trim();\n\t\tthis.setState({ form });\n\t}\n\n\t/**\n\t * Hotkey handler\n\t * Escape clears the form and hides it.\n\t * Enter submits.\n\t * @param {} e\n\t */\n\tonKeyDown(e: any) {\n\t\tif (e.detail.key === \"Escape\") {\n\t\t\tthis.onClear();\n\t\t\tthis.done();\n\t\t}\n\t\tif (e.detail.key === \"Enter\") {\n\t\t\tthis.onSubmit();\n\t\t}\n\t}\n\n\t// Listen for esc/enter\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"portal:keydown\", this.onKeyDown);\n\t}\n\n\t// remove listen for esc/enter\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"portal:keydown\", this.onKeyDown);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"add-app-form controls-wrapper\">\n\t\t\t\t<form id=\"new-app\">\n\t\t\t\t\t<FinsembleDialogTextInput\n\t\t\t\t\t\tinputLabel=\"Name\"\n\t\t\t\t\t\tonInputChange={this.onAppNameChanged}\n\t\t\t\t\t\tplaceholder=\"Name\"\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\tvalue={this.state.form.name}\n\t\t\t\t\t/>\n\t\t\t\t\t{!this.state.validation.name && <div className=\"input-error\">{INVALID_NAME_MSG}</div>}\n\t\t\t\t\t<FinsembleDialogTextInput\n\t\t\t\t\t\tinputLabel=\"URL\"\n\t\t\t\t\t\tonInputChange={this.onURLChanged}\n\t\t\t\t\t\tplaceholder=\"URL\"\n\t\t\t\t\t\tvalue={this.state.form.url}\n\t\t\t\t\t/>\n\t\t\t\t\t{!this.state.validation.url && <div className=\"input-error\">{INVALID_URL_MSG}</div>}\n\t\t\t\t\t<div className=\"button-wrapper\">\n\t\t\t\t\t\t<FinsembleDialogButton className=\"fsbl-button-neutral\" onClick={this.onClear}>\n\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t\t\t<FinsembleDialogButton className=\"fsbl-button-neutral\" onClick={this.onCancel}>\n\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t\t\t<FinsembleDialogButton className=\"fsbl-button-affirmative\" onClick={this.onSubmit}>\n\t\t\t\t\t\t\tConfirm\n\t\t\t\t\t\t</FinsembleDialogButton>\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * A basic component that calls storeActions.addNewFolder()
+ * to create a new folder in store. This component could be upgraded
+ * to support inline naming of the new folder
+ */
+export default class AddNewFolder extends React.Component {
+    addNewFolder(): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import storeActions from "../stores/StoreActions";
+/**
+ * A basic component that calls storeActions.addNewFolder()
+ * to create a new folder in store. This component could be upgraded
+ * to support inline naming of the new folder
+ */
+export default class AddNewFolder extends React.Component {
+    addNewFolder() {
+        storeActions.addNewFolder();
+    }
+    render() {
+        return (React.createElement("div", { onClick: this.addNewFolder, className: "ff-plus-2 complex-menu-action" }, "New Folder"));
+    }
+}
+//# sourceMappingURL=AddNewFolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddNewFolder.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/AddNewFolder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS;IACxD,YAAY;QACX,YAAY,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAC,+BAA+B,iBAEpE,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport storeActions from \"../stores/StoreActions\";\n\n/**\n * A basic component that calls storeActions.addNewFolder()\n * to create a new folder in store. This component could be upgraded\n * to support inline naming of the new folder\n */\nexport default class AddNewFolder extends React.Component {\n\taddNewFolder() {\n\t\tstoreActions.addNewFolder();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div onClick={this.addNewFolder} className=\"ff-plus-2 complex-menu-action\">\n\t\t\t\tNew Folder\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}