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

package/react/components/desktopProjectEditor/ThemePage.css

@@ -1,110 +0,0 @@
-.appearance-options legend {
-	user-select: none;
-}
-
-.appearance-options-field {
-	display: flex;
-}
-
-.appearance-options label {
-	display: inline-block;
-	width: 50%;
-}
-
-.theme-edit {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	bottom: 0px;
-	right: 0px;
-	width: 100%;
-	height: 100%;
-	background-color: #171a20;
-}
-
-.theme-color-picker-text {
-	width: 6em;
-}
-
-.color-picker .current-color {
-	width: 3em;
-	height: 3em;
-	border: 1px solid #ccc;
-}
-
-.color-picker .current-color-popup {
-	position: absolute;
-}
-
-.theme-settings h2 {
-	margin-top: 2em;
-	margin-bottom: 2em;
-	border-bottom: 2px solid #ccc;
-}
-
-.theme-settings legend {
-	font-weight: bold;
-}
-
-.theme-settings h2 {
-	margin-top: 2em;
-	margin-bottom: 2em;
-	border-bottom: 2px solid #ccc;
-}
-
-.theme-settings legend {
-	font-weight: bold;
-}
-
-.appearance-options {
-	margin-bottom: 3em;
-}
-
-.appearance-options-field {
-	display: flex;
-	align-items: center;
-	margin-bottom: 0.5em;
-}
-
-.appearance-options-field label {
-	width: 33.3%;
-	opacity: 75%;
-}
-
-.appearance-options-header {
-	display: flex;
-	align-items: center;
-	margin-bottom: 1em;
-}
-
-.appearance-options-header legend {
-	font-size: 1.25em;
-	margin-right: 1em;
-}
-
-.theme-settings-actions {
-	display: block;
-	text-align: right;
-	margin-bottom: 3em;
-}
-
-.theme-settings-actions button {
-	margin-left: 0.9em;
-	display: inline-block;
-}
-
-.theme-settings-reset-action {
-	background-color: #f26666;
-}
-
-.theme-settings-save-action {
-	background-color: #42a5ba;
-}
-
-.theme-color-picker-text {
-	margin-left: 1em;
-}
-
-.appearance-options-field .tooltip-icon {
-	margin-left: 10px;
-}

package/react/components/desktopProjectEditor/ThemePage.d.ts

@@ -1,14 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import "./ThemePage.css";
-export declare type ThemeBundle = {
-    [key: string]: string;
-};
-export declare type ThemePageProps = {
-    updateThemes: (id: string, newValue: string) => void;
-    theme: ThemeBundle;
-};
-export declare const ThemePage: ({ updateThemes, theme }: ThemePageProps) => JSX.Element;

package/react/components/desktopProjectEditor/ThemePage.js

@@ -1,110 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { Tooltip } from "../common/Tooltip";
-import { ColorPicker, colorToRGBA, RGBA_CHANNEL } from "../common/ColorPicker";
-import { FontSize } from "../common/FontSizeSelector";
-import "./ThemePage.css";
-export const ThemePage = ({ updateThemes, theme }) => {
-    const generateColorPicker = (id) => (React.createElement(ColorPicker, { id: id, startColor: theme[`--${id}`], updateColor: (newColor) => {
-            if (id === "font-color") {
-                const rgba = colorToRGBA(newColor), rgb = [rgba[RGBA_CHANNEL.RED], rgba[RGBA_CHANNEL.GREEN], rgba[RGBA_CHANNEL.BLUE]], alpha = 0.3;
-                updateThemes(`--toolbar-separator`, `1px solid rgba(${rgb.join(", ")}, ${alpha})`);
-            }
-            updateThemes(`--${id}`, newColor);
-        } }));
-    const generateFontSizeSelector = (id) => (React.createElement(FontSize, { id: id, startSize: theme[`--${id}`], updateSize: (newSize) => {
-            updateThemes(`--${id}`, newSize);
-        } }));
-    return (React.createElement("div", { className: "theme-settings" },
-        React.createElement("div", { className: "theme-colors" },
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Font Settings")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "font-size" }, "Font Size"),
-                    generateFontSizeSelector("font-size")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "font-color" }, "Primary Font Color"),
-                    generateColorPicker("font-color"),
-                    React.createElement(Tooltip, null, "Color of most of the text. It should have high contrast against the primary background.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary-5" }, "Secondary Font Color"),
-                    generateColorPicker("core-primary-5"),
-                    React.createElement(Tooltip, null, "Color of most other text. It should have high contrast against the primary background.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "font-color-2" }, "Contrast Color"),
-                    generateColorPicker("font-color-2"),
-                    React.createElement(Tooltip, null, "Color of text that is not against a typical background. It should be light if you have a light theme, or dark if you have a dark theme.")))),
-        React.createElement("div", { className: "theme-colors" },
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Brand Color"),
-                    React.createElement(Tooltip, null, "The primary accent color that affects icons, form elements, and some buttons.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-primary" }, "Primary"),
-                    generateColorPicker("accent-primary")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-primary-1" }, "On Mouse Over"),
-                    generateColorPicker("accent-primary-1"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Background Color"),
-                    React.createElement(Tooltip, null, "Background color of desktop components like the Toolbar & window Titlebar.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary" }, "Primary Background"),
-                    generateColorPicker("core-primary")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary-1" }, "Secondary Background"),
-                    generateColorPicker("core-primary-1"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Navigation Buttons"),
-                    React.createElement(Tooltip, null, "Background color for most buttons used for navigation.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary-2" }, "Primary"),
-                    generateColorPicker("core-primary-2"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Highlights & Mouse Over Colors"),
-                    React.createElement(Tooltip, null, "Colors used to highlight particular elements or when a user mouses-over selected elements.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary-3" }, "Primary"),
-                    generateColorPicker("core-primary-3")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "core-primary-4" }, "Secondary"),
-                    generateColorPicker("core-primary-4"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Success"),
-                    React.createElement(Tooltip, null, "Color of \u201Csuccess\u201D messages and affirmations, e.g., checkmark icons.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-positive" }, "Primary"),
-                    generateColorPicker("accent-positive")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-positive-1" }, "On Mouse Over"),
-                    generateColorPicker("accent-positive-1"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Reminders & Warnings"),
-                    React.createElement(Tooltip, null, "Color of non-critical alerts.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-aware" }, "Primary"),
-                    generateColorPicker("accent-aware")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-aware-1" }, "On Mouse Over"),
-                    generateColorPicker("accent-aware-1"))),
-            React.createElement("fieldset", { className: "appearance-options" },
-                React.createElement("div", { className: "appearance-options-header" },
-                    React.createElement("legend", null, "Errors"),
-                    React.createElement(Tooltip, null, "Color of critical errors and information.")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-negative" }, "Primary"),
-                    generateColorPicker("accent-negative")),
-                React.createElement("div", { className: "appearance-options-field" },
-                    React.createElement("label", { htmlFor: "accent-negative-1" }, "On Mouse Over"),
-                    generateColorPicker("accent-negative-1"))))));
-};
-//# sourceMappingURL=ThemePage.js.map

package/react/components/desktopProjectEditor/ThemePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePage.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/ThemePage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { ColorPicker, colorToRGBA, RGBA_CHANNEL } from \"../common/ColorPicker\";\r\nimport { FontSize } from \"../common/FontSizeSelector\";\r\nimport \"./ThemePage.css\";\r\n\r\nexport type ThemeBundle = { [key: string]: string };\r\n\r\nexport type ThemePageProps = {\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\ttheme: ThemeBundle;\r\n};\r\n\r\nexport const ThemePage = ({ updateThemes, theme }: ThemePageProps) => {\r\n\tconst generateColorPicker = (id: string) => (\r\n\t\t<ColorPicker\r\n\t\t\tid={id}\r\n\t\t\tstartColor={theme[`--${id}`]}\r\n\t\t\tupdateColor={(newColor: string) => {\r\n\t\t\t\tif (id === \"font-color\") {\r\n\t\t\t\t\tconst rgba = colorToRGBA(newColor),\r\n\t\t\t\t\t\trgb = [rgba[RGBA_CHANNEL.RED], rgba[RGBA_CHANNEL.GREEN], rgba[RGBA_CHANNEL.BLUE]],\r\n\t\t\t\t\t\talpha = 0.3; // (rgba[RGBA_CHANNEL.ALPHA] / 255)\r\n\r\n\t\t\t\t\tupdateThemes(`--toolbar-separator`, `1px solid rgba(${rgb.join(\", \")}, ${alpha})`);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tupdateThemes(`--${id}`, newColor);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n\r\n\tconst generateFontSizeSelector = (id: string) => (\r\n\t\t<FontSize\r\n\t\t\tid={id}\r\n\t\t\tstartSize={theme[`--${id}`]}\r\n\t\t\tupdateSize={(newSize: string) => {\r\n\t\t\t\tupdateThemes(`--${id}`, newSize);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n\t//\r\n\r\n\treturn (\r\n\t\t<div className=\"theme-settings\">\r\n\t\t\t<div className=\"theme-colors\">\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Font Settings</legend>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"font-size\">Font Size</label>\r\n\r\n\t\t\t\t\t\t{generateFontSizeSelector(\"font-size\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"font-color\">Primary Font Color</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"font-color\")}\r\n\t\t\t\t\t\t<Tooltip>Color of most of the text. It should have high contrast against the primary background.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary-5\">Secondary Font Color</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-5\")}\r\n\t\t\t\t\t\t<Tooltip>Color of most other text. It should have high contrast against the primary background.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"font-color-2\">Contrast Color</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"font-color-2\")}\r\n\t\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\t\tColor of text that is not against a typical background. It should be light if you have a light theme, or\r\n\t\t\t\t\t\t\tdark if you have a dark theme.\r\n\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"theme-colors\">\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Brand Color</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>The primary accent color that affects icons, form elements, and some buttons.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-primary\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-primary\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-primary-1\">On Mouse Over</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-primary-1\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Background Color</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>Background color of desktop components like the Toolbar &amp; window Titlebar.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary\">Primary Background</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary-1\">Secondary Background</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-1\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Navigation Buttons</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>Background color for most buttons used for navigation.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary-2\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-2\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Highlights &amp; Mouse Over Colors</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\t\tColors used to highlight particular elements or when a user mouses-over selected elements.\r\n\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary-3\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-3\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"core-primary-4\">Secondary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-4\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Success</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>Color of “success” messages and affirmations, e.g., checkmark icons.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-positive\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-positive\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-positive-1\">On Mouse Over</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-positive-1\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Reminders &amp; Warnings</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>Color of non-critical alerts.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-aware\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-aware\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-aware-1\">On Mouse Over</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-aware-1\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\r\n\t\t\t\t<fieldset className=\"appearance-options\">\r\n\t\t\t\t\t<div className=\"appearance-options-header\">\r\n\t\t\t\t\t\t<legend>Errors</legend>\r\n\r\n\t\t\t\t\t\t<Tooltip>Color of critical errors and information.</Tooltip>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-negative\">Primary</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-negative\")}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"appearance-options-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"accent-negative-1\">On Mouse Over</label>\r\n\r\n\t\t\t\t\t\t{generateColorPicker(\"accent-negative-1\")}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/desktopProjectEditor/Themes.d.ts

@@ -1,26 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import { ThemeBundle } from "./ThemePage";
-import { ProjectSaveData } from "../../types/desktopProjectEditorTypes";
-export declare type ThemeProps = {
-    getDPServerInfo: (cb: Function) => void;
-    updateProjectSettings: (obj: ProjectSaveData) => Promise<{
-        err: string | undefined;
-    }>;
-    areYouSure: (affirmativeCallback: Function) => void;
-    updateThemes: (id: string, newValue: string) => void;
-    updateSplashScreen: any;
-    updateToolbarIcon: any;
-    updateTaskbarIcon: any;
-    updateSystemTrayIcon: any;
-    updateInstallerIcon: any;
-    theme: {
-        themes: {
-            Default: ThemeBundle;
-        };
-    };
-};
-export declare const Themes: ({ getDPServerInfo, updateProjectSettings, areYouSure, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }: ThemeProps) => JSX.Element;

package/react/components/desktopProjectEditor/Themes.js

@@ -1,62 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState, useEffect } from "react";
-import { View } from "./View";
-import { Header } from "../common/Header";
-import { Content } from "./Content";
-import { Appearance } from "./Appearance";
-import { darkTheme, lightTheme } from "./themeDefinitions";
-export const Themes = ({ getDPServerInfo, updateProjectSettings, areYouSure, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }) => {
-    const [applicationRoot, setApplicationRoot] = useState("");
-    const [project, setProject] = useState({
-        name: "",
-        user: {
-            firstName: "",
-            lastName: "",
-            company: "",
-            email: "",
-        },
-        export: {
-            author: "",
-            companyName: "",
-            description: "",
-            toolbarIcon: "",
-            installerIcon: "",
-            taskbarIcon: "",
-            systemTrayIcon: "",
-            splashScreenImage: "",
-        },
-    });
-    const [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);
-    const [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);
-    const [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);
-    const [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);
-    const [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);
-    const [iconsChanged, setIconsChanged] = useState(0);
-    useEffect(() => {
-        getDPServerInfo((info) => {
-            setProject(info);
-            setApplicationRoot(info.applicationRoot || "");
-            setToolbarIcon(info.export.toolbarIcon);
-            setTaskbarIcon(info.export.taskbarIcon);
-            setInstallerIcon(info.export.installerIcon);
-            setSystemTrayIcon(info.export.systemTrayIcon);
-            setSplashScreenImage(info.export.splashScreenImage);
-        });
-    }, []);
-    useEffect(() => {
-        updateProjectSettings(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { toolbarIcon,
-                installerIcon,
-                taskbarIcon,
-                systemTrayIcon,
-                splashScreenImage }) }));
-    }, [iconsChanged]);
-    return (React.createElement(View, null,
-        React.createElement(Header, null, "Themes"),
-        React.createElement(Content, null,
-            React.createElement("div", { className: "theme-edit" },
-                React.createElement(Appearance, { startTheme: theme.themes.Default, darkTheme: darkTheme, lightTheme: lightTheme, updateThemes: updateThemes, areYouSure: areYouSure, baseURL: applicationRoot || "", toolbarIcon: toolbarIcon, setToolbarIcon: setToolbarIcon, taskbarIcon: taskbarIcon, setTaskbarIcon: setTaskbarIcon, installerIcon: installerIcon, setInstallerIcon: setInstallerIcon, systemTrayIcon: systemTrayIcon, setSystemTrayIcon: setSystemTrayIcon, splashScreenImage: splashScreenImage, setSplashScreenImage: setSplashScreenImage, setIconsChanged: setIconsChanged, updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon })))));
-};
-//# sourceMappingURL=Themes.js.map

package/react/components/desktopProjectEditor/Themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Themes.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/Themes.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAqB3D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,GACO,EAAE,EAAE;IAChB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;QACtC,IAAI,EAAE,EAAE;QACR,IAAI,EAAE;YACL,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;SACT;QACD,MAAM,EAAE;YACP,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;YACf,WAAW,EAAE,EAAE;YACf,WAAW,EAAE,EAAE;YACf,aAAa,EAAE,EAAE;YACjB,WAAW,EAAE,EAAE;YACf,cAAc,EAAE,EAAE;YAClB,iBAAiB,EAAE,EAAE;SACrB;KACD,CAAC,CAAC;IAGH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACjF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACpF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAC7F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACd,eAAe,CAAC,CAAC,IAAoC,EAAE,EAAE;YACxD,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,kBAAkB,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;YAC/C,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACxC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACxC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAC5C,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAC9C,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,qBAAqB,iCACjB,OAAO,KACV,MAAM,kCACF,OAAO,CAAC,MAAM,KACjB,WAAW;gBACX,aAAa;gBACb,WAAW;gBACX,cAAc;gBACd,iBAAiB,OAEjB,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,iBAAgB;QAEvB,oBAAC,OAAO;YACP,6BAAK,SAAS,EAAC,YAAY;gBAC1B,oBAAC,UAAU,IACV,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAChC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,IAAI,EAAE,EAC9B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,GACvC,CACG,CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\n\r\n// Copied from <Appearance>\r\nimport { Appearance } from \"./Appearance\";\r\nimport { darkTheme, lightTheme } from \"./themeDefinitions\";\r\nimport { ThemeBundle } from \"./ThemePage\";\r\nimport { ProjectSaveData, DPServerInfo } from \"../../types/desktopProjectEditorTypes\";\r\n\r\nexport type ThemeProps = {\r\n\tgetDPServerInfo: (cb: Function) => void;\r\n\tupdateProjectSettings: (obj: ProjectSaveData) => Promise<{ err: string | undefined }>;\r\n\tareYouSure: (affirmativeCallback: Function) => void;\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\tupdateSplashScreen: any;\r\n\tupdateToolbarIcon: any;\r\n\tupdateTaskbarIcon: any;\r\n\tupdateSystemTrayIcon: any;\r\n\tupdateInstallerIcon: any;\r\n\ttheme: {\r\n\t\tthemes: {\r\n\t\t\tDefault: ThemeBundle;\r\n\t\t};\r\n\t};\r\n};\r\n\r\nexport const Themes = ({\r\n\tgetDPServerInfo,\r\n\tupdateProjectSettings,\r\n\tareYouSure,\r\n\tupdateThemes,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n\ttheme,\r\n}: ThemeProps) => {\r\n\tconst [applicationRoot, setApplicationRoot] = useState(\"\");\r\n\tconst [project, setProject] = useState({\r\n\t\tname: \"\",\r\n\t\tuser: {\r\n\t\t\tfirstName: \"\",\r\n\t\t\tlastName: \"\",\r\n\t\t\tcompany: \"\",\r\n\t\t\temail: \"\",\r\n\t\t},\r\n\t\texport: {\r\n\t\t\tauthor: \"\",\r\n\t\t\tcompanyName: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\ttoolbarIcon: \"\",\r\n\t\t\tinstallerIcon: \"\",\r\n\t\t\ttaskbarIcon: \"\",\r\n\t\t\tsystemTrayIcon: \"\",\r\n\t\t\tsplashScreenImage: \"\",\r\n\t\t},\r\n\t});\r\n\r\n\t// Copied from <Appearance>\r\n\tconst [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);\r\n\tconst [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);\r\n\tconst [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);\r\n\tconst [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);\r\n\tconst [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);\r\n\tconst [iconsChanged, setIconsChanged] = useState(0);\r\n\r\n\tuseEffect(() => {\r\n\t\tgetDPServerInfo((info: ProjectSaveData & DPServerInfo) => {\r\n\t\t\tsetProject(info);\r\n\t\t\tsetApplicationRoot(info.applicationRoot || \"\");\r\n\t\t\tsetToolbarIcon(info.export.toolbarIcon);\r\n\t\t\tsetTaskbarIcon(info.export.taskbarIcon);\r\n\t\t\tsetInstallerIcon(info.export.installerIcon);\r\n\t\t\tsetSystemTrayIcon(info.export.systemTrayIcon);\r\n\t\t\tsetSplashScreenImage(info.export.splashScreenImage);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tupdateProjectSettings({\r\n\t\t\t...project,\r\n\t\t\texport: {\r\n\t\t\t\t...project.export,\r\n\t\t\t\ttoolbarIcon,\r\n\t\t\t\tinstallerIcon,\r\n\t\t\t\ttaskbarIcon,\r\n\t\t\t\tsystemTrayIcon,\r\n\t\t\t\tsplashScreenImage,\r\n\t\t\t},\r\n\t\t});\r\n\t}, [iconsChanged]);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header>Themes</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"theme-edit\">\r\n\t\t\t\t\t<Appearance\r\n\t\t\t\t\t\tstartTheme={theme.themes.Default}\r\n\t\t\t\t\t\tdarkTheme={darkTheme}\r\n\t\t\t\t\t\tlightTheme={lightTheme}\r\n\t\t\t\t\t\tupdateThemes={updateThemes}\r\n\t\t\t\t\t\tareYouSure={areYouSure}\r\n\t\t\t\t\t\tbaseURL={applicationRoot || \"\"}\r\n\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\r\n\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\r\n\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\r\n\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\r\n\t\t\t\t\t\tinstallerIcon={installerIcon}\r\n\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\r\n\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\r\n\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\r\n\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\r\n\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\r\n\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\r\n\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\r\n\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\r\n\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\r\n\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\r\n\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}

package/react/components/desktopProjectEditor/View.d.ts

@@ -1,8 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-export declare const View: (props: {
-    children: React.ReactNode;
-}) => JSX.Element;

package/react/components/desktopProjectEditor/View.js

@@ -1,7 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-export const View = (props) => React.createElement("div", { className: "view-container" }, props.children);
-//# sourceMappingURL=View.js.map

package/react/components/desktopProjectEditor/View.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nexport const View = (props: { children: React.ReactNode }) => <div className=\"view-container\">{props.children}</div>;\r\n"]}

package/react/components/desktopProjectEditor/common/fsbl_functions.d.ts

@@ -1,2 +0,0 @@
-export declare const launchUserGuide: (url: string, anchor?: string | undefined) => void;
-export declare const launchTutorialLink: (anchor: string) => void;

package/react/components/desktopProjectEditor/common/fsbl_functions.js

@@ -1,17 +0,0 @@
-const titleCase = (s) => s
-    .toLowerCase()
-    .split(" ")
-    .map((word) => word[0].toUpperCase() + word.substr(1))
-    .join(" ");
-export const launchUserGuide = (url, anchor) => {
-    FSBL.Clients.DialogManager.spawnDialog({
-        name: anchor ? titleCase(anchor.replace(/\-/g, " ")) : "User Guide",
-        width: 750,
-        url,
-        left: "adjacent",
-    }, {}, () => { });
-};
-export const launchTutorialLink = (anchor) => {
-    launchUserGuide(`https://documentation.finsemble.com/tutorial-getting-started-with-desktop-projects.html#${anchor}`, anchor);
-};
-//# sourceMappingURL=fsbl_functions.js.map

package/react/components/desktopProjectEditor/common/fsbl_functions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fsbl_functions.js","sourceRoot":"","sources":["../../../../src/components/desktopProjectEditor/common/fsbl_functions.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAC/B,CAAC;KACC,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACrD,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,MAAe,EAAE,EAAE;IAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CACrC;QACC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;QACnE,KAAK,EAAE,GAAG;QACV,GAAG;QACH,IAAI,EAAE,UAAU;KAChB,EACD,EAAE,EACF,GAAG,EAAE,GAAE,CAAC,CACR,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,eAAe,CACd,2FAA2F,MAAM,EAAE,EACnG,MAAM,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["const titleCase = (s: string) =>\r\n\ts\r\n\t\t.toLowerCase()\r\n\t\t.split(\" \")\r\n\t\t.map((word) => word[0].toUpperCase() + word.substr(1))\r\n\t\t.join(\" \");\r\n\r\nexport const launchUserGuide = (url: string, anchor?: string) => {\r\n\tFSBL.Clients.DialogManager.spawnDialog(\r\n\t\t{\r\n\t\t\tname: anchor ? titleCase(anchor.replace(/\\-/g, \" \")) : \"User Guide\",\r\n\t\t\twidth: 750,\r\n\t\t\turl,\r\n\t\t\tleft: \"adjacent\",\r\n\t\t},\r\n\t\t{},\r\n\t\t() => {}\r\n\t);\r\n};\r\n\r\nexport const launchTutorialLink = (anchor: string) => {\r\n\tlaunchUserGuide(\r\n\t\t`https://documentation.finsemble.com/tutorial-getting-started-with-desktop-projects.html#${anchor}`,\r\n\t\tanchor\r\n\t);\r\n};\r\n"]}

package/react/components/desktopProjectEditor/common/getCSSVars.d.ts

@@ -1,2 +0,0 @@
-declare function _default(styleSheets: any): any;
-export default _default;

package/react/components/desktopProjectEditor/common/getCSSVars.js

@@ -1,10 +0,0 @@
-export default (styleSheets) => Array.from(styleSheets)
-    .filter((sheet) => sheet.href === null || sheet.href.startsWith(window.location.origin))
-    .reduce((acc, sheet) => (acc = [
-    ...acc,
-    ...Array.from(sheet.cssRules).reduce((def, rule) => (def =
-        rule.selectorText === ":root"
-            ? [...def, ...Array.from(rule.style).filter((name) => name.startsWith("--"))]
-            : def), []),
-]), []);
-//# sourceMappingURL=getCSSVars.js.map

package/react/components/desktopProjectEditor/common/getCSSVars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSVars.js","sourceRoot":"","sources":["../../../../src/components/desktopProjectEditor/common/getCSSVars.js"],"names":[],"mappings":"AAAA,eAAe,CAAC,WAAW,EAAE,EAAE,CAE9B,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;KACrB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACvF,MAAM,CACN,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACd,CAAC,GAAG,GAAG;IACN,GAAG,GAAG;IACN,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACb,CAAC,GAAG;QACH,IAAI,CAAC,YAAY,KAAK,OAAO;YAC5B,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,EACT,EAAE,CACF;CACD,CAAC,EACH,EAAE,CACF,CAAC","sourcesContent":["export default (styleSheets) =>\r\n\t// I cannot take credit for this! Searches for all the css variables in the :root object\r\n\tArray.from(styleSheets)\r\n\t\t.filter((sheet) => sheet.href === null || sheet.href.startsWith(window.location.origin))\r\n\t\t.reduce(\r\n\t\t\t(acc, sheet) =>\r\n\t\t\t\t(acc = [\r\n\t\t\t\t\t...acc,\r\n\t\t\t\t\t...Array.from(sheet.cssRules).reduce(\r\n\t\t\t\t\t\t(def, rule) =>\r\n\t\t\t\t\t\t\t(def =\r\n\t\t\t\t\t\t\t\trule.selectorText === \":root\"\r\n\t\t\t\t\t\t\t\t\t? [...def, ...Array.from(rule.style).filter((name) => name.startsWith(\"--\"))]\r\n\t\t\t\t\t\t\t\t\t: def),\r\n\t\t\t\t\t\t[]\r\n\t\t\t\t\t),\r\n\t\t\t\t]),\r\n\t\t\t[]\r\n\t\t);\r\n"]}

package/react/components/desktopProjectEditor/common/views.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { ApplicationsProps } from "../Applications";
-import { ExportProps } from "../Export";
-import { ThemeProps } from "../Themes";
-declare const _default: ({
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: import("../GettingStarted").GettingStartedProps) => JSX.Element;
-    props?: undefined;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: ApplicationsProps) => JSX.Element;
-    props: ApplicationsProps;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: ({ getDPServerInfo, updateProjectSettings, areYouSure, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }: ThemeProps) => JSX.Element;
-    props: ThemeProps;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: ExportProps) => JSX.Element;
-    props: ExportProps;
-})[];
-export default _default;

package/react/components/desktopProjectEditor/common/views.js

@@ -1,84 +0,0 @@
-import { GettingStarted } from "../GettingStarted";
-import { Applications } from "../Applications";
-import { Export } from "../Export";
-import { Themes } from "../Themes";
-const DesktopProjectClient = new FSBL.Clients.DesktopProjectClient();
-const getDPServerInfo = (cb) => {
-    DesktopProjectClient.getDPServerInfo().then((info) => {
-        FSBL.Clients.ConfigClient.get({}, (err, newConfig) => {
-            var _a, _b;
-            cb(Object.assign(Object.assign({}, info), { export: Object.assign(Object.assign({}, info.export), { toolbarIcon: "/assets/img/Finsemble_Toolbar_Icon.png", installerIcon: "/assets/img/installer_icon.ico", taskbarIcon: (_a = newConfig === null || newConfig === void 0 ? void 0 : newConfig.startup_app) === null || _a === void 0 ? void 0 : _a.applicationIcon, systemTrayIcon: (_b = newConfig === null || newConfig === void 0 ? void 0 : newConfig.finsemble) === null || _b === void 0 ? void 0 : _b.systemTrayIcon, splashScreenImage: newConfig === null || newConfig === void 0 ? void 0 : newConfig.splashScreenImage }) }));
-        });
-    });
-};
-export default [
-    {
-        id: "getting-started",
-        icon: "icon-getting-started",
-        name: "Getting Started",
-        component: GettingStarted,
-    },
-    {
-        id: "applications",
-        icon: "icon-applications",
-        name: "Applications",
-        component: Applications,
-        props: {
-            getApps: () => DesktopProjectClient.getApps(),
-            addApp: (appName, appConfig) => DesktopProjectClient.addApp(appName, appConfig),
-            updateApp: (appName, appConfig) => DesktopProjectClient.addApp(appName, appConfig),
-            deleteApp: (appName) => DesktopProjectClient.deleteApp(appName),
-            getMenus: () => DesktopProjectClient.getMenus(),
-            addMenu: (menuConfig) => DesktopProjectClient.addMenu(menuConfig),
-            updateMenu: (menuId, menuConfig) => DesktopProjectClient.updateMenu(menuId, menuConfig),
-            deleteMenu: (menuId) => DesktopProjectClient.deleteMenu(menuId),
-            getAppConfigTemplate: () => DesktopProjectClient.getAppConfigTemplate(),
-        },
-    },
-    {
-        id: "themes",
-        icon: "icon-themes",
-        name: "Theme",
-        component: Themes,
-        props: {
-            getDPServerInfo,
-            updateProjectSettings: (obj) => DesktopProjectClient.updateProjectSettings(obj),
-            updateThemes: (id, newValue) => {
-                FSBL.Clients.DesktopProjectClient.updateThemeVariable(id, newValue);
-            },
-            areYouSure: (affirmativeCallback) => {
-                FSBL.Clients.DialogManager.open("yesNo", {
-                    title: "Change your theme?",
-                    question: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,
-                    hideModalOnClose: true,
-                    showNegativeButton: false,
-                    affirmativeResponseLabel: "Yes",
-                }, (err, response) => {
-                    if (response.choice === "affirmative") {
-                        affirmativeCallback();
-                    }
-                });
-            },
-            updateSplashScreen: (file) => DesktopProjectClient.updateSplashScreen(file),
-            updateToolbarIcon: (file) => DesktopProjectClient.updateToolbarIcon(file),
-            updateTaskbarIcon: (file) => DesktopProjectClient.updateTaskbarIcon(file),
-            updateSystemTrayIcon: (file) => DesktopProjectClient.updateSystemTrayIcon(file),
-            updateInstallerIcon: (file) => DesktopProjectClient.updateInstallerIcon(file),
-        },
-    },
-    {
-        id: "export",
-        icon: "icon-export",
-        name: "Publish",
-        component: Export,
-        props: {
-            progressCheckInterval: 500,
-            getDPServerInfo,
-            getProjectConfig: () => DesktopProjectClient.projectConfig(),
-            openFileDialog: (projectName, targetPath = undefined) => DesktopProjectClient.createProjectZip(projectName || "default", targetPath),
-            publishToCosaicCloud: () => DesktopProjectClient.publishToCosaicCloud(),
-            getPublishProgress: () => DesktopProjectClient.getPublishProgress(),
-        },
-    },
-];
-//# sourceMappingURL=views.js.map

package/react/components/desktopProjectEditor/common/views.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"views.js","sourceRoot":"","sources":["../../../../src/components/desktopProjectEditor/common/views.ts"],"names":[],"mappings":"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","sourcesContent":["import { GettingStarted } from \"../GettingStarted\";\r\nimport { Applications, ApplicationsProps } from \"../Applications\";\r\nimport { Export, ExportProps } from \"../Export\";\r\nimport { Themes, ThemeProps } from \"../Themes\";\r\nimport { MenuObjType } from \"../../../types/desktopProjectEditorTypes\";\r\n\r\nconst DesktopProjectClient = new FSBL.Clients.DesktopProjectClient();\r\n\r\nconst getDPServerInfo = (cb: any) => {\r\n\tDesktopProjectClient.getDPServerInfo().then((info: any) => {\r\n\t\tFSBL.Clients.ConfigClient.get({}, (err: any, newConfig: any) => {\r\n\t\t\tcb({\r\n\t\t\t\t...info,\r\n\t\t\t\texport: {\r\n\t\t\t\t\t...info.export,\r\n\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t});\r\n\t});\r\n};\r\n\r\nexport default [\r\n\t{\r\n\t\tid: \"getting-started\",\r\n\t\ticon: \"icon-getting-started\",\r\n\t\tname: \"Getting Started\",\r\n\t\tcomponent: GettingStarted,\r\n\t},\r\n\t{\r\n\t\tid: \"applications\",\r\n\t\ticon: \"icon-applications\",\r\n\t\tname: \"Applications\",\r\n\t\tcomponent: Applications,\r\n\t\tprops: {\r\n\t\t\tgetApps: () => DesktopProjectClient.getApps(),\r\n\t\t\taddApp: (appName: string, appConfig: AppDConfig) => DesktopProjectClient.addApp(appName, appConfig),\r\n\t\t\tupdateApp: (appName: string, appConfig: AppDConfig) => DesktopProjectClient.addApp(appName, appConfig),\r\n\t\t\tdeleteApp: (appName: string) => DesktopProjectClient.deleteApp(appName),\r\n\t\t\tgetMenus: () => DesktopProjectClient.getMenus(),\r\n\t\t\taddMenu: (menuConfig: MenuObjType) => DesktopProjectClient.addMenu(menuConfig),\r\n\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => DesktopProjectClient.updateMenu(menuId, menuConfig),\r\n\t\t\tdeleteMenu: (menuId: string) => DesktopProjectClient.deleteMenu(menuId),\r\n\t\t\tgetAppConfigTemplate: () => DesktopProjectClient.getAppConfigTemplate(),\r\n\t\t} as ApplicationsProps,\r\n\t},\r\n\t{\r\n\t\tid: \"themes\",\r\n\t\ticon: \"icon-themes\",\r\n\t\tname: \"Theme\",\r\n\t\tcomponent: Themes,\r\n\t\tprops: {\r\n\t\t\tgetDPServerInfo,\r\n\t\t\tupdateProjectSettings: (obj: any) => DesktopProjectClient.updateProjectSettings(obj),\r\n\t\t\tupdateThemes: (id: string, newValue: string) => {\r\n\t\t\t\tFSBL.Clients.DesktopProjectClient.updateThemeVariable(id, newValue);\r\n\t\t\t},\r\n\t\t\tareYouSure: (affirmativeCallback: Function) => {\r\n\t\t\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\t\t\"yesNo\",\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"Change your theme?\",\r\n\t\t\t\t\t\tquestion: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,\r\n\t\t\t\t\t\thideModalOnClose: true,\r\n\t\t\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\t\t\taffirmativeResponseLabel: \"Yes\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\t\t\taffirmativeCallback();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t\tupdateSplashScreen: (file: File) => DesktopProjectClient.updateSplashScreen(file),\r\n\t\t\tupdateToolbarIcon: (file: File) => DesktopProjectClient.updateToolbarIcon(file),\r\n\t\t\tupdateTaskbarIcon: (file: File) => DesktopProjectClient.updateTaskbarIcon(file),\r\n\t\t\tupdateSystemTrayIcon: (file: File) => DesktopProjectClient.updateSystemTrayIcon(file),\r\n\t\t\tupdateInstallerIcon: (file: File) => DesktopProjectClient.updateInstallerIcon(file),\r\n\t\t} as ThemeProps,\r\n\t},\r\n\t{\r\n\t\tid: \"export\",\r\n\t\ticon: \"icon-export\",\r\n\t\tname: \"Publish\",\r\n\t\tcomponent: Export,\r\n\t\tprops: {\r\n\t\t\tprogressCheckInterval: 500,\r\n\t\t\tgetDPServerInfo,\r\n\t\t\tgetProjectConfig: () => DesktopProjectClient.projectConfig(),\r\n\t\t\topenFileDialog: (projectName: string, targetPath: string | undefined = undefined) =>\r\n\t\t\t\tDesktopProjectClient.createProjectZip(projectName || \"default\", targetPath),\r\n\t\t\tpublishToCosaicCloud: () => DesktopProjectClient.publishToCosaicCloud(),\r\n\t\t\tgetPublishProgress: () => DesktopProjectClient.getPublishProgress(),\r\n\t\t} as ExportProps,\r\n\t},\r\n];\r\n"]}

package/react/components/desktopProjectEditor/css/appearance.css

@@ -1,10 +0,0 @@
-.theme-edit {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	bottom: 0px;
-	right: 0px;
-	width: 100%;
-	height: 100%;
-	background-color: #171a20;
-}