@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.3

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

@@ -1,77 +1,134 @@
-import React, { useEffect, useMemo, 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",
-};
-const generateDayOptions = (clickHandler) => {
-    const dayOptions = [];
-    const DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-    for (let k in DAYS) {
-        dayOptions.push({
-            optionLabel: DAYS[k],
-            optionValue: k,
-            clickHandler: () => clickHandler(k),
-        });
-    }
-    return dayOptions;
-};
-export const ScheduledClose = ({ getValue, setValue, label, configKey }) => {
-    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 dayOptions = useMemo(() => generateDayOptions((dayValue) => {
-        setDay(Number.parseInt(dayValue, 10));
-    }), []);
-    useEffect(() => {
-        getValue(configKey, (err, response) => {
-            var _a, _b, _c, _d;
-            setEnabled((_a = response.enabled) !== null && _a !== void 0 ? _a : false);
-            setWeekly((_b = response.weekly) !== null && _b !== void 0 ? _b : false);
-            setScheduledClose((_c = response.scheduledClose) !== null && _c !== void 0 ? _c : DEFAULT_TIME);
-            setDay((_d = response.day) !== null && _d !== void 0 ? _d : false);
-            setInitialized(true);
-        });
-    }, []);
-    useEffect(() => {
-        if (!initialized) {
-            return;
-        }
-        setValue(configKey, { day, weekly, scheduledClose, enabled });
-    }, [day, weekly, scheduledClose, enabled]);
-    return (React.createElement("div", { className: "complex-menu-content-row", style: { overflow: "visible" } },
-        React.createElement("div", { className: "close-toggle-container" },
-            React.createElement(Checkbox, { onClick: () => setEnabled(!enabled), checked: enabled, label: 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" }, "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 || 0]) === null || _a === void 0 ? void 0 : _a.optionLabel}`, defaultSelection: dayOptions[day || 0] })))),
-        React.createElement("div", { className: "time-selectors" },
-            React.createElement(TimeSelect, { key: `${scheduledClose.hour}${scheduledClose.minute}${scheduledClose.meridiem}`, enabled: enabled, initialTime: scheduledClose, onChange: setScheduledClose }))));
-};
-export default ScheduledClose;
+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";
+import { UserPreferencesStore } from "../../stores/UserPreferencesStore";
+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 setDefaultState = () => {
+        setInitialized(false);
+        setEnabled(false);
+        setWeekly(false);
+        setScheduledClose(DEFAULT_TIME);
+        setDay(false);
+    };
+    // To keep the consistent UI of the General Tab resets the component state to default when user reset preferences
+    useEffect(() => {
+        UserPreferencesStore === null || UserPreferencesStore === void 0 ? void 0 : UserPreferencesStore.addListener({ field: "resetToDefault" }, setDefaultState);
+        return () => {
+            UserPreferencesStore === null || UserPreferencesStore === void 0 ? void 0 : UserPreferencesStore.removeListener({ field: "resetToDefault" }, setDefaultState);
+        };
+    }, []);
+    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);
+                // This is a hack to prevent preferences from being saved back from initialization
+                setTimeout(() => {
+                    setInitialized(true);
+                }, 500);
+            }
+        });
+    }, []);
+    const getSchedule = () => {
+        let returnValue = false;
+        if (enabled) {
+            returnValue = { ...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 represents 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

@@ -1 +1 @@
-{"version":3,"file":"ScheduledClose.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/general/ScheduledClose.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScheduledClose.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/general/ScheduledClose.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-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;
+import React from "react";
+export 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) => React.JSX.Element;
 //# sourceMappingURL=WorkspaceButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,oBAAY,oBAAoB,GAAG;IAClC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,eAAO,MAAM,eAAe,0CAA2C,oBAAoB,gBAoB1F,CAAC"}
+{"version":3,"file":"WorkspaceButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG;IAClC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,eAAO,MAAM,eAAe,0CAA2C,oBAAoB,sBAoB1F,CAAC"}

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

@@ -1,9 +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")));
+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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceButton.js","sourceRoot":"","sources":["../../../../../../../src/ui/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"}
+{"version":3,"file":"WorkspaceButton.js","sourceRoot":"","sources":["../../../../../../../src/ui/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,CAAC;YACxC,OAAO,EAAE,CAAC;QACX,CAAC;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"}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type WorkspaceComponentsProps = {
-    focusedWorkspaceComponentList?: Array<any>;
-};
-declare const WorkspaceComponents: (props: WorkspaceComponentsProps) => JSX.Element;
-export default WorkspaceComponents;
+import React from "react";
+type WorkspaceComponentsProps = {
+    focusedWorkspaceComponentList?: Array<any>;
+};
+declare const WorkspaceComponents: (props: WorkspaceComponentsProps) => React.JSX.Element;
+export default WorkspaceComponents;
 //# sourceMappingURL=WorkspaceComponents.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceComponents.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceComponents.tsx"],"names":[],"mappings":";AAEA,aAAK,wBAAwB,GAAG;IAC/B,6BAA6B,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,gBAY3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"WorkspaceComponents.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,wBAAwB,GAAG;IAC/B,6BAA6B,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,sBAY3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1,11 +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;
+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/WorkspaceItem.d.ts

@@ -1,36 +1,37 @@
-import React, { MouseEventHandler } from "react";
-declare type WorkspaceEditorProps = {
-    cancelHandler?: Function;
-    saveHandler?: Function;
-    value?: string;
-};
-export declare const WorkspaceEditor: (props: WorkspaceEditorProps) => 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;
-    permanentWorkspaces?: string[];
-};
-declare const WorkspaceItem: (props: WorkspaceItemProps) => JSX.Element;
-export default WorkspaceItem;
+import React, { MouseEventHandler } from "react";
+type WorkspaceEditorProps = {
+    cancelHandler?: Function;
+    saveHandler?: Function;
+    value?: string;
+};
+export declare const WorkspaceEditor: (props: WorkspaceEditorProps) => React.JSX.Element;
+export 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;
+    permanentWorkspaces?: string[];
+    activeWorkspaceName?: string;
+};
+declare const WorkspaceItem: (props: WorkspaceItemProps) => React.JSX.Element;
+export default WorkspaceItem;
 //# sourceMappingURL=WorkspaceItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAI3D,aAAK,oBAAoB,GAAG;IAC3B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAuD1D,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC,SAAS,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC;IACzD,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B,CAAC;AACF,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBA+E/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/workspaces/WorkspaceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAG3D,KAAK,oBAAoB,GAAG;IAC3B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,oBAAoB,sBAuD1D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,SAAS,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC;IACzD,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AACF,QAAA,MAAM,aAAa,UAAW,kBAAkB,sBA+E/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,87 +1,86 @@
-import React, { useState } from "react";
-import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
-import { FEAGlobals } from "../../../../../common/Globals";
-export const WorkspaceEditor = (props) => {
-    const [value, setValue] = useState(props.value || "");
-    const initialWorkspaceName = props.value || "";
-    const onKeyDown = (e) => {
-        var _a, _b;
-        if (e.key === "Escape") {
-            setValue(initialWorkspaceName);
-            (_a = props.cancelHandler) === null || _a === void 0 ? void 0 : _a.call(props);
-        }
-        else if (e.key === "Enter") {
-            (_b = props.saveHandler) === null || _b === void 0 ? void 0 : _b.call(props, e.target.value);
-        }
-    };
-    const onChange = (e) => {
-        setValue(e.target.value);
-    };
-    const onFocus = (e) => {
-        e.target.select();
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { onFocus: onFocus, autoFocus: true, value: value, className: "workspace-editor", onChange: onChange, onKeyDown: onKeyDown }),
-        React.createElement("div", { className: "individual-workspace-actions" },
-            React.createElement("div", { title: "Save", className: "individual-workspace-action", onClick: () => {
-                    var _a;
-                    (_a = props.saveHandler) === null || _a === void 0 ? void 0 : _a.call(props, value);
-                } },
-                React.createElement("i", { className: "ff-check-mark" })),
-            React.createElement("div", { title: "Cancel", className: "individual-workspace-action", onClick: () => {
-                    var _a;
-                    setValue(initialWorkspaceName);
-                    (_a = props.cancelHandler) === null || _a === void 0 ? void 0 : _a.call(props);
-                } },
-                React.createElement("i", { className: "ff-close" })))));
-};
-const WorkspaceItem = (props) => {
-    var _a, _b, _c, _d;
-    let baseClass = "workspace-item";
-    let classNames = baseClass;
-    if (((_a = FEAGlobals.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 = FEAGlobals.FSBL.Clients.WorkspaceClient.activeWorkspace) === null || _b === void 0 ? void 0 : _b.name) &&
-            !((_c = props.permanentWorkspaces) === null || _c === void 0 ? void 0 : _c.includes((_d = props.workspace.name) !== null && _d !== void 0 ? _d : "")) && (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;
+import React, { useState } from "react";
+import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
+export const WorkspaceEditor = (props) => {
+    const [value, setValue] = useState(props.value || "");
+    const initialWorkspaceName = props.value || "";
+    const onKeyDown = (e) => {
+        var _a, _b;
+        if (e.key === "Escape") {
+            setValue(initialWorkspaceName);
+            (_a = props.cancelHandler) === null || _a === void 0 ? void 0 : _a.call(props);
+        }
+        else if (e.key === "Enter") {
+            (_b = props.saveHandler) === null || _b === void 0 ? void 0 : _b.call(props, e.target.value);
+        }
+    };
+    const onChange = (e) => {
+        setValue(e.target.value);
+    };
+    const onFocus = (e) => {
+        e.target.select();
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { onFocus: onFocus, autoFocus: true, value: value, className: "workspace-editor", onChange: onChange, onKeyDown: onKeyDown }),
+        React.createElement("div", { className: "individual-workspace-actions" },
+            React.createElement("div", { title: "Save", className: "individual-workspace-action", onClick: () => {
+                    var _a;
+                    (_a = props.saveHandler) === null || _a === void 0 ? void 0 : _a.call(props, value);
+                } },
+                React.createElement("i", { className: "ff-check-mark" })),
+            React.createElement("div", { title: "Cancel", className: "individual-workspace-action", onClick: () => {
+                    var _a;
+                    setValue(initialWorkspaceName);
+                    (_a = props.cancelHandler) === null || _a === void 0 ? void 0 : _a.call(props);
+                } },
+                React.createElement("i", { className: "ff-close" })))));
+};
+const WorkspaceItem = (props) => {
+    var _a, _b;
+    let baseClass = "workspace-item";
+    let classNames = baseClass;
+    if (props.activeWorkspaceName === 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 !== props.activeWorkspaceName &&
+            !((_a = props.permanentWorkspaces) === null || _a === void 0 ? void 0 : _a.includes((_b = props.workspace.name) !== null && _b !== void 0 ? _b : "")) && (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