@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/userPreferences/components/general/ScheduledClose.js

@@ -0,0 +1,116 @@
+import React, { useEffect, useState } from "react";
+import { Checkbox } from "../../../common/Checkbox";
+import { TimeSelect } from "../../../common/TimeSelect";
+import DefaultDropdownButton from "../../../shared/DefaultDropdownButton";
+import { FinsembleToggleButtonBar } from "../../../common/FinsembleToggleButtonBar";
+const DEFAULT_TIME = {
+    hour: 4,
+    minute: 0,
+    meridiem: "AM",
+};
+export const ScheduledClose = (props) => {
+    var _a;
+    const [initialized, setInitialized] = useState(false);
+    const [enabled, setEnabled] = useState(false);
+    const [weekly, setWeekly] = useState(false);
+    const [scheduledClose, setScheduledClose] = useState(DEFAULT_TIME);
+    const [day, setDay] = useState(false);
+    const dayChanged = (dayValue) => {
+        setDay(Number.parseInt(dayValue, 10));
+    };
+    const dayOptions = [];
+    const DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+    for (let k in DAYS) {
+        dayOptions.push({
+            optionLabel: DAYS[k],
+            optionValue: k,
+            clickHandler: () => {
+                dayChanged(k);
+            },
+        });
+    }
+    /**
+     * Toggle the enabled state of the select boxes.
+     */
+    const toggleEnabled = () => {
+        const toggled = !enabled;
+        // If the select boxes are no longer enabled, reset the scheduled restart time and call a method on the Actions object.
+        // That function will set scheduledRestart to null via the preferences API. But we want our display to look nice, hence the bit where we reset it to the default value.
+        setEnabled(toggled);
+    };
+    const onTimeSelectChange = (time) => {
+        setScheduledClose(time);
+    };
+    /**
+     * Add listener on the store. When the preferences field changes, we change our local state.
+     * Also, get the initial state from the store.
+     */
+    useEffect(() => {
+        props.getPreferences((err, data) => {
+            var _a;
+            if (data) {
+                let configValue = data[props.configKey];
+                const isEnabled = typeof configValue === "object";
+                let preferencesDay = false;
+                if (isEnabled) {
+                    preferencesDay = (_a = configValue.dayOfWeek) !== null && _a !== void 0 ? _a : false;
+                    configValue.meridiem = configValue.hour > 11 ? "PM" : "AM";
+                }
+                else {
+                    configValue = DEFAULT_TIME;
+                }
+                setDay(preferencesDay);
+                setWeekly(preferencesDay !== false);
+                setEnabled(isEnabled);
+                setScheduledClose(configValue);
+                setInitialized(true);
+            }
+        });
+    }, []);
+    const getSchedule = () => {
+        let returnValue = false;
+        if (enabled) {
+            returnValue = Object.assign({}, scheduledClose);
+            if (weekly) {
+                returnValue.dayOfWeek = day ? day : 0;
+            }
+            else {
+                delete returnValue.dayOfWeek;
+            }
+        }
+        return returnValue;
+    };
+    useEffect(() => {
+        if (initialized) {
+            props.setPreferences(props.configKey, getSchedule());
+        }
+    }, [scheduledClose, weekly, enabled, day]);
+    return (React.createElement("div", { className: "complex-menu-content-row", style: { overflow: "visible" } },
+        React.createElement("div", { className: "close-toggle-container" },
+            React.createElement(Checkbox, { onClick: toggleEnabled, checked: enabled, label: props.label }),
+            React.createElement(FinsembleToggleButtonBar, { selected: !weekly, options: [
+                    {
+                        label: "Daily",
+                        value: true,
+                    },
+                    {
+                        label: "Weekly",
+                        value: false,
+                    },
+                ], onChange: (value) => {
+                    // Day representes the day of the week, and is false when irrelevant.
+                    // Here, we only ever set it to false. The day number comes from the dropdown below.
+                    if (!value) {
+                        setDay(false);
+                    }
+                    setWeekly(!value);
+                }, enabled: enabled })),
+        weekly && (React.createElement("div", { className: `time-selectors daily-select ${enabled ? "" : "disabled"}` },
+            React.createElement("div", { className: "daily-select-label", "aria-label": "Day" }, "Day:"),
+            React.createElement("div", { className: "daily-select-dropdown" },
+                React.createElement(DefaultDropdownButton, { key: `${day}`, buttonOptions: dayOptions, classNames: "push-right", allowEmpty: false, caretLocation: "right", enabled: enabled, buttonLabel: `${(_a = dayOptions[day ? day : 0]) === null || _a === void 0 ? void 0 : _a.optionLabel}`, defaultSelection: dayOptions[day ? day : 0] })))),
+        React.createElement("div", { className: "time-selectors" },
+            React.createElement(TimeSelect, { key: `${scheduledClose.hour}${scheduledClose.minute}${scheduledClose.meridiem}`, enabled: enabled, initialTime: scheduledClose, onChange: onTimeSelectChange }))));
+};
+export default ScheduledClose;
+//# sourceMappingURL=ScheduledClose.js.map

package/react/components/userPreferences/components/general/ScheduledClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduledClose.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/general/ScheduledClose.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Checkbox } from \"../../../common/Checkbox\";\nimport { TimeSelect, TimeSelectTime } from \"../../../common/TimeSelect\";\nimport DefaultDropdownButton, {\n\tIFinsembleDefaultDropdownButtonOptionsProps,\n} from \"../../../shared/DefaultDropdownButton\";\nimport { ScheduledDayTimeObjectType } from \"../../UserPreferenceTypes\";\nimport { StandardCallback } from \"@finsemble/finsemble-api/types/types\";\nimport { FinsembleToggleButtonBar } from \"../../../common/FinsembleToggleButtonBar\";\n\nconst DEFAULT_TIME = {\n\thour: 4,\n\tminute: 0,\n\tmeridiem: \"AM\",\n};\n\nexport type ScheduledCloseProps = {\n\tgetPreferences: (cb: StandardCallback) => void;\n\tsetPreferences: (key: any, value: any) => void;\n\tconfigKey: string;\n\tlabel: string;\n};\n\nexport const ScheduledClose: React.FunctionComponent<ScheduledCloseProps> = (props) => {\n\tconst [initialized, setInitialized] = useState<boolean>(false);\n\tconst [enabled, setEnabled] = useState(false);\n\tconst [weekly, setWeekly] = useState<boolean>(false);\n\tconst [scheduledClose, setScheduledClose] = useState<TimeSelectTime>(DEFAULT_TIME);\n\tconst [day, setDay] = useState<false | number>(false);\n\n\tconst dayChanged = (dayValue: any) => {\n\t\tsetDay(Number.parseInt(dayValue, 10));\n\t};\n\n\tconst dayOptions: IFinsembleDefaultDropdownButtonOptionsProps[] = [];\n\tconst DAYS = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"];\n\tfor (let k in DAYS) {\n\t\tdayOptions.push({\n\t\t\toptionLabel: DAYS[k],\n\t\t\toptionValue: k,\n\t\t\tclickHandler: () => {\n\t\t\t\tdayChanged(k);\n\t\t\t},\n\t\t});\n\t}\n\n\t/**\n\t * Toggle the enabled state of the select boxes.\n\t */\n\tconst toggleEnabled = () => {\n\t\tconst toggled = !enabled;\n\t\t// If the select boxes are no longer enabled, reset the scheduled restart time and call a method on the Actions object.\n\t\t// That function will set scheduledRestart to null via the preferences API. But we want our display to look nice, hence the bit where we reset it to the default value.\n\t\tsetEnabled(toggled);\n\t};\n\n\tconst onTimeSelectChange = (time: TimeSelectTime) => {\n\t\tsetScheduledClose(time);\n\t};\n\n\t/**\n\t * Add listener on the store. When the preferences field changes, we change our local state.\n\t * Also, get the initial state from the store.\n\t */\n\tuseEffect(() => {\n\t\tprops.getPreferences((err: any, data: any) => {\n\t\t\tif (data) {\n\t\t\t\tlet configValue = data[props.configKey];\n\t\t\t\tconst isEnabled = typeof configValue === \"object\";\n\t\t\t\tlet preferencesDay: number | false = false;\n\t\t\t\tif (isEnabled) {\n\t\t\t\t\tpreferencesDay = configValue.dayOfWeek ?? false;\n\t\t\t\t\tconfigValue.meridiem = configValue.hour > 11 ? \"PM\" : \"AM\";\n\t\t\t\t} else {\n\t\t\t\t\tconfigValue = DEFAULT_TIME;\n\t\t\t\t}\n\n\t\t\t\tsetDay(preferencesDay);\n\t\t\t\tsetWeekly(preferencesDay !== false);\n\t\t\t\tsetEnabled(isEnabled);\n\t\t\t\tsetScheduledClose(configValue);\n\t\t\t\tsetInitialized(true);\n\t\t\t}\n\t\t});\n\t}, []);\n\n\tconst getSchedule = (): ScheduledDayTimeObjectType | false => {\n\t\tlet returnValue: ScheduledDayTimeObjectType | false = false;\n\n\t\tif (enabled) {\n\t\t\treturnValue = { ...scheduledClose };\n\t\t\tif (weekly) {\n\t\t\t\treturnValue.dayOfWeek = day ? day : 0;\n\t\t\t} else {\n\t\t\t\tdelete returnValue.dayOfWeek;\n\t\t\t}\n\t\t}\n\n\t\treturn returnValue;\n\t};\n\n\tuseEffect(() => {\n\t\tif (initialized) {\n\t\t\tprops.setPreferences(props.configKey, getSchedule());\n\t\t}\n\t}, [scheduledClose, weekly, enabled, day]);\n\n\treturn (\n\t\t<div className=\"complex-menu-content-row\" style={{ overflow: \"visible\" }}>\n\t\t\t<div className=\"close-toggle-container\">\n\t\t\t\t<Checkbox onClick={toggleEnabled} checked={enabled} label={props.label} />\n\t\t\t\t<FinsembleToggleButtonBar\n\t\t\t\t\tselected={!weekly}\n\t\t\t\t\toptions={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"Daily\",\n\t\t\t\t\t\t\tvalue: true,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: \"Weekly\",\n\t\t\t\t\t\t\tvalue: false,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t// Day representes the day of the week, and is false when irrelevant.\n\t\t\t\t\t\t// Here, we only ever set it to false. The day number comes from the dropdown below.\n\t\t\t\t\t\tif (!value) {\n\t\t\t\t\t\t\tsetDay(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetWeekly(!value);\n\t\t\t\t\t}}\n\t\t\t\t\tenabled={enabled}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{weekly && (\n\t\t\t\t<div className={`time-selectors daily-select ${enabled ? \"\" : \"disabled\"}`}>\n\t\t\t\t\t<div className=\"daily-select-label\" aria-label=\"Day\">\n\t\t\t\t\t\tDay:\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"daily-select-dropdown\">\n\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\tkey={`${day}`}\n\t\t\t\t\t\t\tbuttonOptions={dayOptions}\n\t\t\t\t\t\t\tclassNames={\"push-right\"}\n\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\tcaretLocation={\"right\"}\n\t\t\t\t\t\t\tenabled={enabled}\n\t\t\t\t\t\t\tbuttonLabel={`${dayOptions[day ? day : 0]?.optionLabel}`}\n\t\t\t\t\t\t\tdefaultSelection={dayOptions[day ? day : 0]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"time-selectors\">\n\t\t\t\t<TimeSelect\n\t\t\t\t\tkey={`${scheduledClose.hour}${scheduledClose.minute}${scheduledClose.meridiem}`}\n\t\t\t\t\tenabled={enabled}\n\t\t\t\t\tinitialTime={scheduledClose}\n\t\t\t\t\tonChange={onTimeSelectChange}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default ScheduledClose;\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type WorkspaceButtonProps = {
+    onClick: (e?: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    title?: string;
+    type?: string;
+};
+export declare const WorkspaceButton: ({ title, onMouseDown, onClick, type }: WorkspaceButtonProps) => JSX.Element;

package/react/components/userPreferences/components/workspaces/WorkspaceButton.js

@@ -0,0 +1,9 @@
+import React from "react";
+export const WorkspaceButton = ({ title, onMouseDown, onClick, type }) => (React.createElement("div", { title: title, className: "action-button workspace-action-button", role: "button", onMouseDown: onMouseDown, onClick: onClick, tabIndex: 0, onKeyDown: (e) => {
+        if (e.key === " " || e.key === "Enter") {
+            onClick();
+        }
+    } },
+    React.createElement("i", { className: `workspace-action-button-icon ${type === "import" ? "ff-import" : "ff-export"}`, "aria-hidden": "true" }),
+    React.createElement("div", { className: "workspace-action-button-label" }, type === "import" ? "Import" : "Export")));
+//# sourceMappingURL=WorkspaceButton.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceButton.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAwB,EAAE,EAAE,CAAC,CAC/F,6BACC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,uCAAuC,EACjD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACvC,OAAO,EAAE,CAAC;SACV;IACF,CAAC;IAED,2BACC,SAAS,EAAE,gCAAgC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,iBAC9E,MAAM,GACd;IACL,6BAAK,SAAS,EAAC,+BAA+B,IAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAO,CACzF,CACN,CAAC","sourcesContent":["import React, { MouseEvent } from \"react\";\n\nexport type WorkspaceButtonProps = {\n\tonClick: (e?: React.MouseEvent<HTMLDivElement>) => void;\n\tonMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n\ttitle?: string;\n\ttype?: string;\n};\nexport const WorkspaceButton = ({ title, onMouseDown, onClick, type }: WorkspaceButtonProps) => (\n\t<div\n\t\ttitle={title}\n\t\tclassName=\"action-button workspace-action-button\"\n\t\trole=\"button\"\n\t\tonMouseDown={onMouseDown}\n\t\tonClick={onClick}\n\t\ttabIndex={0}\n\t\tonKeyDown={(e: React.KeyboardEvent) => {\n\t\t\tif (e.key === \" \" || e.key === \"Enter\") {\n\t\t\t\tonClick();\n\t\t\t}\n\t\t}}\n\t>\n\t\t<i\n\t\t\tclassName={`workspace-action-button-icon ${type === \"import\" ? \"ff-import\" : \"ff-export\"}`}\n\t\t\taria-hidden=\"true\"\n\t\t></i>\n\t\t<div className=\"workspace-action-button-label\">{type === \"import\" ? \"Import\" : \"Export\"}</div>\n\t</div>\n);\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type WorkspaceComponentsProps = {
+    focusedWorkspaceComponentList?: Array<any>;
+};
+declare const WorkspaceComponents: (props: WorkspaceComponentsProps) => JSX.Element;
+export default WorkspaceComponents;

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.js

@@ -0,0 +1,11 @@
+import React from "react";
+const WorkspaceComponents = (props) => {
+    var _a, _b, _c;
+    return (React.createElement("div", { className: "workspace-component-list" },
+        props.focusedWorkspaceComponentList &&
+            ((_a = props.focusedWorkspaceComponentList) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+            ((_b = props.focusedWorkspaceComponentList) === null || _b === void 0 ? void 0 : _b.map((cmp, i) => (React.createElement("div", { key: i, className: "workspace-component" }, cmp)))),
+        ((_c = props.focusedWorkspaceComponentList) === null || _c === void 0 ? void 0 : _c.length) === 0 && React.createElement("span", { className: "no-components" }, "No components")));
+};
+export default WorkspaceComponents;
+//# sourceMappingURL=WorkspaceComponents.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceComponents.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;;IAAC,OAAA,CAChE,6BAAK,SAAS,EAAC,0BAA0B;QACvC,KAAK,CAAC,6BAA6B;YACnC,CAAA,MAAA,KAAK,CAAC,6BAA6B,0CAAE,MAAM,IAAG,CAAC;aAC/C,MAAA,KAAK,CAAC,6BAA6B,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpD,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,qBAAqB,IAC1C,GAAG,CACC,CACN,CAAC,CAAA;QAEF,CAAA,MAAA,KAAK,CAAC,6BAA6B,0CAAE,MAAM,MAAK,CAAC,IAAI,8BAAM,SAAS,EAAC,eAAe,oBAAqB,CACrG,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from \"react\";\n\ntype WorkspaceComponentsProps = {\n\tfocusedWorkspaceComponentList?: Array<any>;\n};\n\nconst WorkspaceComponents = (props: WorkspaceComponentsProps) => (\n\t<div className=\"workspace-component-list\">\n\t\t{props.focusedWorkspaceComponentList &&\n\t\t\tprops.focusedWorkspaceComponentList?.length > 0 &&\n\t\t\tprops.focusedWorkspaceComponentList?.map((cmp, i) => (\n\t\t\t\t<div key={i} className=\"workspace-component\">\n\t\t\t\t\t{cmp}\n\t\t\t\t</div>\n\t\t\t))}\n\n\t\t{props.focusedWorkspaceComponentList?.length === 0 && <span className=\"no-components\">No components</span>}\n\t</div>\n);\n\nexport default WorkspaceComponents;\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceItem.d.ts

@@ -0,0 +1,45 @@
+import React, { MouseEventHandler } from "react";
+declare type WorkspaceEditorProps = {
+    cancelHandler?: Function;
+    saveHandler?: Function;
+    value?: string;
+};
+declare type WorkspaceEditorState = {
+    value: string;
+    finished: boolean;
+};
+export declare class WorkspaceEditor extends React.Component<WorkspaceEditorProps, WorkspaceEditorState> {
+    initialWorkspaceName: string;
+    constructor(props: WorkspaceEditorProps);
+    onKeyDown(e: any): void;
+    onChange(e: any): void;
+    onFocus(e: any): void;
+    render(): JSX.Element;
+}
+export declare type WorkspaceItemProps = {
+    workspace: {
+        name?: string;
+        components?: Array<String>;
+    };
+    workspaceToLoadOnStart?: any;
+    focusedWorkspace?: string;
+    i?: number;
+    editing?: boolean;
+    adding?: boolean;
+    key?: number;
+    renameWorkspace?: Function;
+    addWorkspace?: Function;
+    cancelEdit?: Function;
+    setFocusedWorkspace?: Function;
+    renameTooltip?: string;
+    renameButtonClasses?: string;
+    handleButtonClicks?: MouseEventHandler<HTMLDivElement>;
+    allowRename?: boolean;
+    startEditingWorkspace?: (e: React.SyntheticEvent, name: string) => void;
+    deleteTooltip?: string;
+    deleteButtonClasses?: string;
+    allowDelete?: boolean;
+    deleteWorkspace?: (name: string) => void;
+};
+declare const WorkspaceItem: (props: WorkspaceItemProps) => JSX.Element;
+export default WorkspaceItem;

package/react/components/userPreferences/components/workspaces/WorkspaceItem.js

@@ -0,0 +1,107 @@
+import React from "react";
+import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
+export class WorkspaceEditor extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: props.value || "",
+            finished: false,
+        };
+        this.initialWorkspaceName = props.value || "";
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.onChange = this.onChange.bind(this);
+        this.onFocus = this.onFocus.bind(this);
+    }
+    onKeyDown(e) {
+        if (e.key === "Escape") {
+            this.setState({ finished: true, value: this.initialWorkspaceName }, () => {
+                var _a, _b;
+                (_b = (_a = this.props).cancelHandler) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+        }
+        else if (e.key === "Enter") {
+            const finish = (val) => {
+                var _a, _b;
+                (_b = (_a = this.props).saveHandler) === null || _b === void 0 ? void 0 : _b.call(_a, val);
+            };
+            // binding so we don't lose the event inside of react's crazy callback structure
+            this.setState({ finished: true }, finish.bind(this, e.target.value));
+        }
+    }
+    onChange(e) {
+        this.setState({
+            value: e.target.value,
+        });
+    }
+    onFocus(e) {
+        e.target.select();
+    }
+    render() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("input", { onFocus: this.onFocus, autoFocus: true, value: this.state.value, className: "workspace-editor", onChange: this.onChange, onKeyDown: this.onKeyDown }),
+            React.createElement("div", { className: "individual-workspace-actions" },
+                React.createElement("div", { title: "Save", className: "individual-workspace-action", onClick: () => {
+                        this.setState({ finished: true }, () => {
+                            var _a, _b;
+                            (_b = (_a = this.props).saveHandler) === null || _b === void 0 ? void 0 : _b.call(_a, this.state.value);
+                        });
+                    } },
+                    React.createElement("i", { className: "ff-check-mark" })),
+                React.createElement("div", { title: "Cancel", className: "individual-workspace-action", onClick: () => {
+                        this.setState({ finished: true, value: this.initialWorkspaceName }, () => {
+                            var _a, _b;
+                            (_b = (_a = this.props).cancelHandler) === null || _b === void 0 ? void 0 : _b.call(_a);
+                        });
+                    } },
+                    React.createElement("i", { className: "ff-close" })))));
+    }
+}
+const WorkspaceItem = (props) => {
+    var _a, _b;
+    let baseClass = "workspace-item";
+    let classNames = baseClass;
+    if (((_a = FSBL.Clients.WorkspaceClient.activeWorkspace) === null || _a === void 0 ? void 0 : _a.name) === props.workspace.name) {
+        classNames = `${classNames} active-workspace`;
+    }
+    if (props.workspaceToLoadOnStart === props.workspace.name) {
+        classNames = `${classNames} auto-start-workspace-item`;
+    }
+    if (props.focusedWorkspace === props.workspace.name) {
+        classNames = `${classNames} focused-workspace-item`;
+        if (props.i === 0) {
+            classNames = `${classNames} no-top-border`;
+        }
+        if (props.editing || props.adding) {
+            classNames = `${classNames} workspace-item-editing`;
+            return (React.createElement("div", { key: props.i, className: classNames },
+                React.createElement(WorkspaceEditor, { value: props.workspace.name || "", saveHandler: props.editing ? props.renameWorkspace : props.addWorkspace, cancelHandler: props.cancelEdit })));
+        }
+    }
+    return (React.createElement(FinsembleDraggable, { onClick: () => {
+            var _a;
+            (_a = props.setFocusedWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, props.workspace.name);
+        }, wrapperClass: classNames, draggableId: props.workspace.name || "", index: props.i || 0, onKeydown: (e) => {
+            var _a, _b;
+            if (e.code === "F2") {
+                props.allowRename && ((_a = props.startEditingWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, e, props.workspace.name || ""));
+            }
+            else if (e.code === "Delete") {
+                props.allowDelete && ((_b = props.deleteWorkspace) === null || _b === void 0 ? void 0 : _b.call(props, props.workspace.name || ""));
+            }
+        } },
+        React.createElement("div", { className: "ff-adp-hamburger" }),
+        React.createElement("div", { className: "workspace-name", title: props.workspace.name }, props.workspace.name),
+        React.createElement("div", { className: "individual-workspace-actions" }, props.workspace.name !== ((_b = FSBL.Clients.WorkspaceClient.activeWorkspace) === null || _b === void 0 ? void 0 : _b.name) && (React.createElement(React.Fragment, null,
+            React.createElement("div", { title: props.renameTooltip, className: props.renameButtonClasses, onMouseDown: props.handleButtonClicks, onClick: (e) => {
+                    var _a;
+                    props.allowRename && ((_a = props.startEditingWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, e, props.workspace.name || ""));
+                } },
+                React.createElement("i", { className: "ff-adp-edit" })),
+            React.createElement("div", { title: props.deleteTooltip, className: props.deleteButtonClasses, onMouseDown: props.handleButtonClicks, onClick: () => {
+                    var _a;
+                    props.allowDelete && ((_a = props.deleteWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, props.workspace.name || ""));
+                } },
+                React.createElement("i", { className: "ff-adp-trash-outline" })))))));
+};
+export default WorkspaceItem;
+//# sourceMappingURL=WorkspaceItem.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItem.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { MouseEventHandler } from \"react\";\nimport { FinsembleDraggable } from \"../../../legacyControls/FinsembleDraggable\";\n\ntype WorkspaceEditorProps = {\n\tcancelHandler?: Function;\n\tsaveHandler?: Function;\n\tvalue?: string;\n};\n\ntype WorkspaceEditorState = {\n\tvalue: string;\n\tfinished: boolean;\n};\n\nexport class WorkspaceEditor extends React.Component<WorkspaceEditorProps, WorkspaceEditorState> {\n\t// variable to save the initial workspace name\n\tinitialWorkspaceName: string;\n\n\tconstructor(props: WorkspaceEditorProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tvalue: props.value || \"\",\n\t\t\tfinished: false,\n\t\t};\n\t\tthis.initialWorkspaceName = props.value || \"\";\n\t\tthis.onKeyDown = this.onKeyDown.bind(this);\n\t\tthis.onChange = this.onChange.bind(this);\n\t\tthis.onFocus = this.onFocus.bind(this);\n\t}\n\n\tonKeyDown(e: any) {\n\t\tif (e.key === \"Escape\") {\n\t\t\tthis.setState({ finished: true, value: this.initialWorkspaceName }, () => {\n\t\t\t\tthis.props.cancelHandler?.();\n\t\t\t});\n\t\t} else if (e.key === \"Enter\") {\n\t\t\tconst finish = (val: string) => {\n\t\t\t\tthis.props.saveHandler?.(val);\n\t\t\t};\n\t\t\t// binding so we don't lose the event inside of react's crazy callback structure\n\t\t\tthis.setState({ finished: true }, finish.bind(this, e.target.value));\n\t\t}\n\t}\n\n\tonChange(e: any) {\n\t\tthis.setState({\n\t\t\tvalue: e.target.value,\n\t\t});\n\t}\n\n\tonFocus(e: any) {\n\t\te.target.select();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<input\n\t\t\t\t\tonFocus={this.onFocus}\n\t\t\t\t\tautoFocus={true}\n\t\t\t\t\tvalue={this.state.value}\n\t\t\t\t\tclassName=\"workspace-editor\"\n\t\t\t\t\tonChange={this.onChange}\n\t\t\t\t\tonKeyDown={this.onKeyDown}\n\t\t\t\t/>\n\t\t\t\t<div className=\"individual-workspace-actions\">\n\t\t\t\t\t<div\n\t\t\t\t\t\ttitle=\"Save\"\n\t\t\t\t\t\tclassName=\"individual-workspace-action\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.setState({ finished: true }, () => {\n\t\t\t\t\t\t\t\tthis.props.saveHandler?.(this.state.value);\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\t\t<i className=\"ff-check-mark\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\ttitle=\"Cancel\"\n\t\t\t\t\t\tclassName=\"individual-workspace-action\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tthis.setState({ finished: true, value: this.initialWorkspaceName }, () => {\n\t\t\t\t\t\t\t\tthis.props.cancelHandler?.();\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\t\t<i className=\"ff-close\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport type WorkspaceItemProps = {\n\tworkspace: { name?: string; components?: Array<String> };\n\tworkspaceToLoadOnStart?: any;\n\tfocusedWorkspace?: string;\n\ti?: number;\n\tediting?: boolean;\n\tadding?: boolean;\n\tkey?: number;\n\trenameWorkspace?: Function;\n\taddWorkspace?: Function;\n\tcancelEdit?: Function;\n\tsetFocusedWorkspace?: Function;\n\trenameTooltip?: string;\n\trenameButtonClasses?: string;\n\thandleButtonClicks?: MouseEventHandler<HTMLDivElement>;\n\tallowRename?: boolean;\n\tstartEditingWorkspace?: (e: React.SyntheticEvent, name: string) => void;\n\tdeleteTooltip?: string;\n\tdeleteButtonClasses?: string;\n\tallowDelete?: boolean;\n\tdeleteWorkspace?: (name: string) => void;\n};\nconst WorkspaceItem = (props: WorkspaceItemProps) => {\n\tlet baseClass = \"workspace-item\";\n\tlet classNames = baseClass;\n\tif (FSBL.Clients.WorkspaceClient.activeWorkspace?.name === props.workspace.name) {\n\t\tclassNames = `${classNames} active-workspace`;\n\t}\n\n\tif (props.workspaceToLoadOnStart === props.workspace.name) {\n\t\tclassNames = `${classNames} auto-start-workspace-item`;\n\t}\n\n\tif (props.focusedWorkspace === props.workspace.name) {\n\t\tclassNames = `${classNames} focused-workspace-item`;\n\t\tif (props.i === 0) {\n\t\t\tclassNames = `${classNames} no-top-border`;\n\t\t}\n\t\tif (props.editing || props.adding) {\n\t\t\tclassNames = `${classNames} workspace-item-editing`;\n\t\t\treturn (\n\t\t\t\t<div key={props.i} className={classNames}>\n\t\t\t\t\t<WorkspaceEditor\n\t\t\t\t\t\tvalue={props.workspace.name || \"\"}\n\t\t\t\t\t\tsaveHandler={props.editing ? props.renameWorkspace : props.addWorkspace}\n\t\t\t\t\t\tcancelHandler={props.cancelEdit}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t}\n\n\treturn (\n\t\t<FinsembleDraggable\n\t\t\tonClick={() => {\n\t\t\t\tprops.setFocusedWorkspace?.(props.workspace.name);\n\t\t\t}}\n\t\t\twrapperClass={classNames}\n\t\t\tdraggableId={props.workspace.name || \"\"}\n\t\t\tindex={props.i || 0}\n\t\t\tonKeydown={(e) => {\n\t\t\t\tif (e.code === \"F2\") {\n\t\t\t\t\tprops.allowRename && props.startEditingWorkspace?.(e, props.workspace.name || \"\");\n\t\t\t\t} else if (e.code === \"Delete\") {\n\t\t\t\t\tprops.allowDelete && props.deleteWorkspace?.(props.workspace.name || \"\");\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"ff-adp-hamburger\"></div>\n\t\t\t<div className=\"workspace-name\" title={props.workspace.name}>\n\t\t\t\t{props.workspace.name}\n\t\t\t</div>\n\t\t\t<div className=\"individual-workspace-actions\">\n\t\t\t\t{props.workspace.name !== FSBL.Clients.WorkspaceClient.activeWorkspace?.name && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\ttitle={props.renameTooltip}\n\t\t\t\t\t\t\tclassName={props.renameButtonClasses}\n\t\t\t\t\t\t\tonMouseDown={props.handleButtonClicks}\n\t\t\t\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\t\t\t\tprops.allowRename && props.startEditingWorkspace?.(e, props.workspace.name || \"\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<i className=\"ff-adp-edit\"></i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\ttitle={props.deleteTooltip}\n\t\t\t\t\t\t\tclassName={props.deleteButtonClasses}\n\t\t\t\t\t\t\tonMouseDown={props.handleButtonClicks}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tprops.allowDelete && props.deleteWorkspace?.(props.workspace.name || \"\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<i className=\"ff-adp-trash-outline\"></i>\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</FinsembleDraggable>\n\t);\n};\n\nexport default WorkspaceItem;\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type WorkspaceItemListProps = {
+    onDragEnd?: Function;
+    workspaceList?: Array<object>;
+    [x: string]: any;
+};
+declare const WorkspaceItemList: ({ onDragEnd, workspaceList, ...rest }: WorkspaceItemListProps) => JSX.Element;
+export default WorkspaceItemList;

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.js

@@ -0,0 +1,21 @@
+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 React from "react";
+import WorkspaceItem from "./WorkspaceItem";
+import { FinsembleDnDContext } from "../../../legacyControls/FinsembleDnDContext";
+const WorkspaceItemList = (_a) => {
+    var { onDragEnd, workspaceList } = _a, rest = __rest(_a, ["onDragEnd", "workspaceList"]);
+    return (React.createElement("div", { className: "workspace-list" },
+        React.createElement(FinsembleDnDContext, { onDragEnd: onDragEnd }, workspaceList === null || workspaceList === void 0 ? void 0 : workspaceList.map((workspace, i) => (React.createElement(WorkspaceItem, Object.assign({ workspace: workspace, key: i, i: i }, rest)))))));
+};
+export default WorkspaceItemList;
+//# sourceMappingURL=WorkspaceItemList.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItemList.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceItemList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAQlF,MAAM,iBAAiB,GAAG,CAAC,EAA6D,EAAE,EAAE;QAAjE,EAAE,SAAS,EAAE,aAAa,OAAmC,EAA9B,IAAI,cAAnC,8BAAqC,CAAF;IAA+B,OAAA,CAC5F,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,IACvC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,oBAAC,aAAa,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAM,IAAI,EAAI,CAC/D,CAAC,CACmB,CACjB,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from \"react\";\nimport WorkspaceItem from \"./WorkspaceItem\";\nimport { FinsembleDnDContext } from \"../../../legacyControls/FinsembleDnDContext\";\n\nexport type WorkspaceItemListProps = {\n\tonDragEnd?: Function;\n\tworkspaceList?: Array<object>;\n\t[x: string]: any;\n};\n\nconst WorkspaceItemList = ({ onDragEnd, workspaceList, ...rest }: WorkspaceItemListProps) => (\n\t<div className=\"workspace-list\">\n\t\t<FinsembleDnDContext onDragEnd={onDragEnd}>\n\t\t\t{workspaceList?.map((workspace, i) => (\n\t\t\t\t<WorkspaceItem workspace={workspace} key={i} i={i} {...rest} />\n\t\t\t))}\n\t\t</FinsembleDnDContext>\n\t</div>\n);\n\nexport default WorkspaceItemList;\n"]}

package/react/components/userPreferences/index.d.ts

@@ -0,0 +1,5 @@
+export { UserPreferences } from "./UserPreferencesWrapper";
+export { General } from "./UserPreferences";
+export { Workspaces } from "./UserPreferences";
+export { DashbarEditor } from "./UserPreferences";
+export { Notifications } from "./UserPreferences";

package/react/components/userPreferences/index.js

@@ -0,0 +1,6 @@
+export { UserPreferences } from "./UserPreferencesWrapper";
+export { General } from "./UserPreferences";
+export { Workspaces } from "./UserPreferences";
+export { DashbarEditor } from "./UserPreferences";
+export { Notifications } from "./UserPreferences";
+//# sourceMappingURL=index.js.map

package/react/components/userPreferences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/userPreferences/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { UserPreferences } from \"./UserPreferencesWrapper\";\nexport { General } from \"./UserPreferences\";\nexport { Workspaces } from \"./UserPreferences\";\nexport { DashbarEditor } from \"./UserPreferences\";\nexport { Notifications } from \"./UserPreferences\";\n"]}

package/react/components/userPreferences/stores/UserPreferencesStore.d.ts

@@ -0,0 +1,33 @@
+import StoreModel from "@finsemble/finsemble-api/types/clients/StoreModel";
+import { StandardCallback } from "@finsemble/finsemble-api/types/types";
+import { ScheduledDayTimeObjectType } from "../UserPreferenceTypes";
+declare let UserPreferencesStore: StoreModel;
+declare let WorkspaceManagementMenuStore: StoreModel;
+declare const Actions: {
+    initialize: () => void;
+    getWorkspaces(cb?: Function): void;
+    /**
+     * By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.
+     * @deprecated use `setScheduledRestart(false)` instead.
+     */
+    disableScheduledRestart: () => void;
+    /**
+     *  Finsemble listens for this piece of config. When it changes, it will schedule a daily restart at that time.
+     *  By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.
+     *  @deprecated use setScheduledClose
+     */
+    setScheduledRestart: (val: ScheduledDayTimeObjectType | false) => void;
+    /**
+     *  Finsemble listens the config set by this function. When it changes, it will schedule a daily restart/shutdown at
+     *  that time. By making the value falsy, the application will remove any existing restart/shutdown timers.
+     *
+     */
+    setScheduledClose: (key: "finsemble.scheduledRestart" | "finsemble.scheduledShutdown", value: ScheduledDayTimeObjectType | false) => void;
+    setDiscardUnsavedChangesPreference: (value: boolean) => void;
+    getPreferences: (callback: StandardCallback) => void;
+};
+/**
+ * Initializes the store for the User Preferences Menu.
+ */
+declare function initialize(WorkspaceMngMenuStore: StoreModel, cb: (store: StoreModel) => void): void;
+export { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };

package/react/components/userPreferences/stores/UserPreferencesStore.js

@@ -0,0 +1,140 @@
+let UserPreferencesStore;
+let WorkspaceManagementMenuStore;
+let updateConstants;
+const Actions = {
+    initialize: function () {
+        FSBL.Clients.WorkspaceClient.getWorkspaceActions((err, constants) => {
+            if (constants)
+                updateConstants = constants;
+        });
+        // Gets the workspace list and sets the value in the store.
+        FSBL.Clients.WorkspaceClient.getWorkspaces((err, workspaces) => {
+            if (workspaces)
+                UserPreferencesStore.setValue({
+                    field: "WorkspaceList",
+                    value: workspaces,
+                });
+        });
+        // Get the activeWorkspace and set the value.
+        FSBL.Clients.WorkspaceClient.getActiveWorkspace((err, activeWorkspace) => {
+            if (activeWorkspace) {
+                UserPreferencesStore.setValue({
+                    field: "activeWorkspace",
+                    value: activeWorkspace,
+                });
+            }
+        });
+        /**
+         * We listen here for any workspace updates, and pass them to the store.
+         * **NOTE**: You may notice that the signature of this callback is different from the previous ones. In this case we receive a `response`, instead of `workspaces` or `activeWorkspace`. This is because this callback is for a `RouterClient` message. The functions above are callbacks to `WorkspaceClient` API calls.
+         */
+        FSBL.Clients.RouterClient.subscribe("Finsemble.WorkspaceService.update", (err, response) => {
+            if (response.data && response.data.activeWorkspace) {
+                UserPreferencesStore.setValue({
+                    field: "activeWorkspace",
+                    value: response.data.activeWorkspace,
+                });
+                if (updateConstants) {
+                    switch (response.data.reason) {
+                        case updateConstants.GET_ACTIVE_WORKSPACE:
+                        case updateConstants.NEW_WORKSPACE:
+                        case updateConstants.IMPORT:
+                        case updateConstants.SAVE:
+                        case updateConstants.SAVE_AS:
+                        case updateConstants.REMOVE:
+                        case updateConstants.SWITCH_TO:
+                        case updateConstants.SET_WORKSPACE_ORDER:
+                        case updateConstants.ADD_WINDOW:
+                        case updateConstants.REMOVE_WINDOW:
+                        case updateConstants.RENAME:
+                            Actions.getWorkspaces();
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            }
+        });
+    },
+    getWorkspaces(cb = Function.prototype) {
+        // Gets the workspace list and sets the value in the store.
+        FSBL.Clients.WorkspaceClient.getWorkspaces((err, workspaces) => {
+            UserPreferencesStore.setValue({
+                field: "WorkspaceList",
+                value: workspaces,
+            });
+            cb();
+        });
+    },
+    /**
+     * By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.
+     * @deprecated use `setScheduledRestart(false)` instead.
+     */
+    disableScheduledRestart: () => {
+        FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.scheduledRestart",
+            value: false,
+        });
+        FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.scheduledCloseDiscardUnsavedChanges",
+            value: false,
+        });
+    },
+    /**
+     *  Finsemble listens for this piece of config. When it changes, it will schedule a daily restart at that time.
+     *  By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.
+     *  @deprecated use setScheduledClose
+     */
+    setScheduledRestart: (val) => {
+        FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.scheduledRestart",
+            value: val,
+        });
+    },
+    /**
+     *  Finsemble listens the config set by this function. When it changes, it will schedule a daily restart/shutdown at
+     *  that time. By making the value falsy, the application will remove any existing restart/shutdown timers.
+     *
+     */
+    setScheduledClose: (key, value) => {
+        FSBL.Clients.ConfigClient.setPreference({
+            field: key,
+            value: value,
+        });
+    },
+    setDiscardUnsavedChangesPreference: (value) => {
+        FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.scheduledCloseDiscardUnsavedChanges",
+            value: value,
+        });
+    },
+    getPreferences: (callback) => {
+        FSBL.Clients.ConfigClient.getPreferences(callback);
+    },
+};
+async function createLocalStore(done) {
+    // While the order of these two functions is unimportant, they cannot be done in series as we don't want
+    // to call the callback until both stores have been initiated. This keeps the initialization function
+    // executing until both stores either have values, or fail to initialize.
+    FSBL.Clients.DistributedStoreClient.createStore({ store: "Finsemble-UserPreferences-Local-Store" }, (preferencesErr, preferencesStore) => {
+        if (preferencesErr) {
+            FSBL.Clients.Logger.system.error("Error fetching user preferences data: ", preferencesErr);
+        }
+        if (preferencesStore) {
+            UserPreferencesStore = preferencesStore;
+        }
+        done();
+    });
+}
+/**
+ * Initializes the store for the User Preferences Menu.
+ */
+function initialize(WorkspaceMngMenuStore, cb) {
+    WorkspaceManagementMenuStore = WorkspaceMngMenuStore;
+    createLocalStore(() => {
+        Actions.initialize();
+        cb(UserPreferencesStore);
+    });
+}
+export { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };
+//# sourceMappingURL=UserPreferencesStore.js.map

package/react/components/userPreferences/stores/UserPreferencesStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferencesStore.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stores/UserPreferencesStore.tsx"],"names":[],"mappings":"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","sourcesContent":["import StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nimport { WORKSPACE } from \"@finsemble/finsemble-api/types/common/constants\";\nimport { Workspace as WorkspaceType } from \"@finsemble/finsemble-api/types/services/workspace/types\";\nimport { StandardError, StandardCallback } from \"@finsemble/finsemble-api/types/types\";\nimport { ScheduledDayTimeObjectType } from \"../UserPreferenceTypes\";\n\ntype ConstantsType = typeof WORKSPACE[\"API_CHANNELS\"];\n\ntype UpdateResponseType = {\n\tdata: {\n\t\tactiveWorkspace: WorkspaceType;\n\t\treason: keyof ConstantsType;\n\t};\n};\n\nlet UserPreferencesStore: StoreModel;\nlet WorkspaceManagementMenuStore: StoreModel;\n\nlet updateConstants: ConstantsType;\n\nconst Actions = {\n\tinitialize: function () {\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaceActions((err, constants) => {\n\t\t\tif (constants) updateConstants = constants as ConstantsType;\n\t\t});\n\n\t\t// Gets the workspace list and sets the value in the store.\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err: StandardError, workspaces?: WorkspaceType[]) => {\n\t\t\tif (workspaces)\n\t\t\t\tUserPreferencesStore.setValue({\n\t\t\t\t\tfield: \"WorkspaceList\",\n\t\t\t\t\tvalue: workspaces,\n\t\t\t\t});\n\t\t});\n\n\t\t// Get the activeWorkspace and set the value.\n\t\tFSBL.Clients.WorkspaceClient.getActiveWorkspace((err: StandardError, activeWorkspace?: { data: WorkspaceType }) => {\n\t\t\tif (activeWorkspace) {\n\t\t\t\tUserPreferencesStore.setValue({\n\t\t\t\t\tfield: \"activeWorkspace\",\n\t\t\t\t\tvalue: activeWorkspace,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\t/**\n\t\t * We listen here for any workspace updates, and pass them to the store.\n\t\t * **NOTE**: You may notice that the signature of this callback is different from the previous ones. In this case we receive a `response`, instead of `workspaces` or `activeWorkspace`. This is because this callback is for a `RouterClient` message. The functions above are callbacks to `WorkspaceClient` API calls.\n\t\t */\n\t\tFSBL.Clients.RouterClient.subscribe(\n\t\t\t\"Finsemble.WorkspaceService.update\",\n\t\t\t(err: StandardError, response: UpdateResponseType) => {\n\t\t\t\tif (response.data && response.data.activeWorkspace) {\n\t\t\t\t\tUserPreferencesStore.setValue({\n\t\t\t\t\t\tfield: \"activeWorkspace\",\n\t\t\t\t\t\tvalue: response.data.activeWorkspace,\n\t\t\t\t\t});\n\n\t\t\t\t\tif (updateConstants) {\n\t\t\t\t\t\tswitch (response.data.reason) {\n\t\t\t\t\t\t\tcase updateConstants.GET_ACTIVE_WORKSPACE:\n\t\t\t\t\t\t\tcase updateConstants.NEW_WORKSPACE:\n\t\t\t\t\t\t\tcase updateConstants.IMPORT:\n\t\t\t\t\t\t\tcase updateConstants.SAVE:\n\t\t\t\t\t\t\tcase updateConstants.SAVE_AS:\n\t\t\t\t\t\t\tcase updateConstants.REMOVE:\n\t\t\t\t\t\t\tcase updateConstants.SWITCH_TO:\n\t\t\t\t\t\t\tcase updateConstants.SET_WORKSPACE_ORDER:\n\t\t\t\t\t\t\tcase updateConstants.ADD_WINDOW:\n\t\t\t\t\t\t\tcase updateConstants.REMOVE_WINDOW:\n\t\t\t\t\t\t\tcase updateConstants.RENAME:\n\t\t\t\t\t\t\t\tActions.getWorkspaces();\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\tbreak;\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\tgetWorkspaces(cb = Function.prototype) {\n\t\t// Gets the workspace list and sets the value in the store.\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err: StandardError, workspaces: WorkspaceType[]) => {\n\t\t\tUserPreferencesStore.setValue({\n\t\t\t\tfield: \"WorkspaceList\",\n\t\t\t\tvalue: workspaces,\n\t\t\t});\n\t\t\tcb();\n\t\t});\n\t},\n\t/**\n\t * By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.\n\t * @deprecated use `setScheduledRestart(false)` instead.\n\t */\n\tdisableScheduledRestart: () => {\n\t\tFSBL.Clients.ConfigClient.setPreference({\n\t\t\tfield: \"finsemble.scheduledRestart\",\n\t\t\tvalue: false,\n\t\t});\n\n\t\tFSBL.Clients.ConfigClient.setPreference({\n\t\t\tfield: \"finsemble.scheduledCloseDiscardUnsavedChanges\",\n\t\t\tvalue: false,\n\t\t});\n\t},\n\t/**\n\t *  Finsemble listens for this piece of config. When it changes, it will schedule a daily restart at that time.\n\t *  By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.\n\t *  @deprecated use setScheduledClose\n\t */\n\tsetScheduledRestart: (val: ScheduledDayTimeObjectType | false) => {\n\t\tFSBL.Clients.ConfigClient.setPreference({\n\t\t\tfield: \"finsemble.scheduledRestart\",\n\t\t\tvalue: val,\n\t\t});\n\t},\n\n\t/**\n\t *  Finsemble listens the config set by this function. When it changes, it will schedule a daily restart/shutdown at\n\t *  that time. By making the value falsy, the application will remove any existing restart/shutdown timers.\n\t *\n\t */\n\tsetScheduledClose: (\n\t\tkey: \"finsemble.scheduledRestart\" | \"finsemble.scheduledShutdown\",\n\t\tvalue: ScheduledDayTimeObjectType | false\n\t) => {\n\t\tFSBL.Clients.ConfigClient.setPreference({\n\t\t\tfield: key,\n\t\t\tvalue: value,\n\t\t});\n\t},\n\n\tsetDiscardUnsavedChangesPreference: (value: boolean) => {\n\t\tFSBL.Clients.ConfigClient.setPreference({\n\t\t\tfield: \"finsemble.scheduledCloseDiscardUnsavedChanges\",\n\t\t\tvalue: value,\n\t\t});\n\t},\n\n\tgetPreferences: (callback: StandardCallback) => {\n\t\tFSBL.Clients.ConfigClient.getPreferences(callback);\n\t},\n};\n\nasync function createLocalStore(done: () => void) {\n\t// While the order of these two functions is unimportant, they cannot be done in series as we don't want\n\t// to call the callback until both stores have been initiated. This keeps the initialization function\n\t// executing until both stores either have values, or fail to initialize.\n\tFSBL.Clients.DistributedStoreClient.createStore(\n\t\t{ store: \"Finsemble-UserPreferences-Local-Store\" },\n\t\t(preferencesErr: StandardError, preferencesStore: StoreModel | undefined) => {\n\t\t\tif (preferencesErr) {\n\t\t\t\tFSBL.Clients.Logger.system.error(\"Error fetching user preferences data: \", preferencesErr);\n\t\t\t}\n\t\t\tif (preferencesStore) {\n\t\t\t\tUserPreferencesStore = preferencesStore;\n\t\t\t}\n\t\t\tdone();\n\t\t}\n\t);\n}\n\n/**\n * Initializes the store for the User Preferences Menu.\n */\nfunction initialize(WorkspaceMngMenuStore: StoreModel, cb: (store: StoreModel) => void) {\n\tWorkspaceManagementMenuStore = WorkspaceMngMenuStore;\n\tcreateLocalStore(() => {\n\t\tActions.initialize();\n\t\tcb(UserPreferencesStore);\n\t});\n}\n\nexport { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };\n"]}