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

package/react/components/common/tests/ImagePreview.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePreview.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ImagePreview.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { shallow, mount, configure } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport {\r\n\tSmallEmptyField,\r\n\tSmallPreFilledField,\r\n\tSmallPreFilledFieldFullURL,\r\n\tSmallPreFilledInvalidField,\r\n\tLargeEmptyField,\r\n\tLargePreFilledField,\r\n\tLargePreFilledInvalidField,\r\n} from \"../stories/ImagePreview.stories\";\r\nimport { ImagePreviewProps } from \"../ImagePreview\";\r\n\r\ndescribe(\"<ImagePreview/>\", () => {\r\n\tit(\"should display no preview image in its default state\", () => {\r\n\t\tconst wrapper = shallow(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.false;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when a path is provided\", () => {\r\n\t\tconst wrapper = shallow(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.true;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display with a small preview container\", () => {\r\n\t\tconst wrapper = shallow(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-small\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display with a large preview container\", () => {\r\n\t\tconst wrapper = shallow(<LargeEmptyField {...(LargeEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-large\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a partial path\", () => {\r\n\t\tconst wrapper = shallow(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a full path\", () => {\r\n\t\tconst wrapper = shallow(<SmallPreFilledFieldFullURL {...(SmallPreFilledFieldFullURL.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"globally increment the cache index for every valid image\", () => {\r\n\t\tconst wrapper1 = shallow(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\t\tconst wrapper2 = shallow(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\r\n\t\tconst imgSrc1 = wrapper1.find(\"img\").prop(\"src\");\r\n\t\tconst imgSrc2 = wrapper2.find(\"img\").prop(\"src\");\r\n\r\n\t\tif (!imgSrc1 || !imgSrc2) {\r\n\t\t\tthrow new Error(\"Image source not found!\");\r\n\t\t}\r\n\r\n\t\tconst cacheIndex1 = parseInt(imgSrc1.split(\"?\")[1]);\r\n\t\tconst cacheIndex2 = parseInt(imgSrc2.split(\"?\")[1]);\r\n\r\n\t\texpect(cacheIndex2).to.equal(cacheIndex1 + 1);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Tab.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/react/components/common/tests/Tab.spec.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { mount } from "enzyme";
-import { describe, it } from "mocha";
-import { expect } from "chai";
-import { Plain, AutoFocus } from "../stories/Tab.stories";
-describe("<Tab/>", () => {
-    it("should change tab panels with the tab 'Number' is chosen", () => {
-        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
-        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
-    });
-    it("should change tab panels with the tab 'Letter' is chosen", () => {
-        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
-        wrapper.find("[role='tab']").at(0).simulate("click");
-        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.false;
-        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.true;
-    });
-    it("should display autofocused tab panels when autofocus is provided", () => {
-        const wrapper = mount(React.createElement(AutoFocus, Object.assign({}, AutoFocus.args)));
-        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
-        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
-    });
-});
-//# sourceMappingURL=Tab.spec.js.map

package/react/components/common/tests/Tab.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Tab.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG1D,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAiB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAiB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAAiB,EAAI,CAAC,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Plain, AutoFocus } from \"../stories/Tab.stories\";\r\nimport { TabProps } from \"../Tab\";\r\n\r\ndescribe(\"<Tab/>\", () => {\r\n\tit(\"should change tab panels with the tab 'Number' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Plain {...(Plain.args as TabProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(1).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.true;\r\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.false;\r\n\t});\r\n\tit(\"should change tab panels with the tab 'Letter' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Plain {...(Plain.args as TabProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.false;\r\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should display autofocused tab panels when autofocus is provided\", () => {\r\n\t\tconst wrapper = mount(<AutoFocus {...(AutoFocus.args as TabProps)} />);\r\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.true;\r\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.false;\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Tooltip.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/react/components/common/tests/Tooltip.spec.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { shallow } from "enzyme";
-import { describe, it } from "mocha";
-import { expect } from "chai";
-import { Plain, Info, Error } from "../stories/Tooltip.stories";
-describe("<Tooltip/>", () => {
-    it("should display a help icon", () => {
-        const wrapper = shallow(React.createElement(Plain, Object.assign({}, Plain.args)));
-        expect(wrapper.exists(".tooltip-icon")).to.be.true;
-    });
-    it("should display/hide sample text in a popup when moused over/off", () => {
-        const wrapper = shallow(React.createElement(Plain, Object.assign({}, Plain.args)));
-        wrapper.find(".tooltip").first().simulate("mouseover");
-        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.true;
-        wrapper.find(".tooltip").first().simulate("mouseleave");
-        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.false;
-    });
-    it("should display/hide sample text in a popup when focused/blurred", () => {
-        const wrapper = shallow(React.createElement(Plain, Object.assign({}, Plain.args)));
-        wrapper.find(".tooltip").first().simulate("focus");
-        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.true;
-        wrapper.find(".tooltip").first().simulate("blur");
-        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.false;
-    });
-    it("should display an error icon when type is error", () => {
-        const wrapper = shallow(React.createElement(Error, Object.assign({}, Error.args)));
-        expect(wrapper.find(".tooltip-icon").is(".tooltip-icon-error")).to.be.true;
-    });
-    it("should display an info icon when type is info", () => {
-        const wrapper = shallow(React.createElement(Info, Object.assign({}, Info.args)));
-        expect(wrapper.find(".tooltip-icon").is(".tooltip-icon-info")).to.be.true;
-    });
-});
-//# sourceMappingURL=Tooltip.spec.js.map

package/react/components/common/tests/Tooltip.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Tooltip.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Plain, Info, Error, Left, Right } from \"../stories/Tooltip.stories\";\r\nimport { TooltipProps } from \"../Tooltip\";\r\n\r\ndescribe(\"<Tooltip/>\", () => {\r\n\tit(\"should display a help icon\", () => {\r\n\t\tconst wrapper = shallow(<Plain {...(Plain.args as TooltipProps)} />);\r\n\t\texpect(wrapper.exists(\".tooltip-icon\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display/hide sample text in a popup when moused over/off\", () => {\r\n\t\tconst wrapper = shallow(<Plain {...(Plain.args as TooltipProps)} />);\r\n\t\twrapper.find(\".tooltip\").first().simulate(\"mouseover\");\r\n\t\texpect(wrapper.find(\".tooltip-content\").is(\".visible\")).to.be.true;\r\n\t\twrapper.find(\".tooltip\").first().simulate(\"mouseleave\");\r\n\t\texpect(wrapper.find(\".tooltip-content\").is(\".visible\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display/hide sample text in a popup when focused/blurred\", () => {\r\n\t\tconst wrapper = shallow(<Plain {...(Plain.args as TooltipProps)} />);\r\n\t\twrapper.find(\".tooltip\").first().simulate(\"focus\");\r\n\t\texpect(wrapper.find(\".tooltip-content\").is(\".visible\")).to.be.true;\r\n\t\twrapper.find(\".tooltip\").first().simulate(\"blur\");\r\n\t\texpect(wrapper.find(\".tooltip-content\").is(\".visible\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display an error icon when type is error\", () => {\r\n\t\tconst wrapper = shallow(<Error {...(Error.args as TooltipProps)} />);\r\n\t\texpect(wrapper.find(\".tooltip-icon\").is(\".tooltip-icon-error\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display an info icon when type is info\", () => {\r\n\t\tconst wrapper = shallow(<Info {...(Info.args as TooltipProps)} />);\r\n\t\texpect(wrapper.find(\".tooltip-icon\").is(\".tooltip-icon-info\")).to.be.true;\r\n\t});\r\n\r\n\t// CANNOT DETECT *ACCURATE* CSS POSITIONING WITH ENZYME\r\n\t/*\r\n    it(\"should display a tooltip to the left when position is left\", () => {\r\n        const wrapper = mount(<Left {...(Left.args as TooltipProps)} />);\r\n        wrapper.find(\".tooltip\").first().simulate(\"focus\");\r\n        const iconNode = wrapper.find(\".tooltip-icon\").at(0).getDOMNode();\r\n        const iconLeftPx = window.getComputedStyle(iconNode).getPropertyValue(\"left\");\r\n        const iconLeftNum = Number(iconLeftPx.replace(\"px\", \"\"));\r\n        const contentNode = wrapper.find(\".tooltip-content\").at(0).getDOMNode();\r\n        const contentLeftPx = window.getComputedStyle(contentNode).getPropertyValue(\"left\");\r\n        const contentLeftNum = Number(contentLeftPx.replace(\"px\", \"\"));\r\n        \r\n        // Both contentLeftnum and iconLeftNum are 0\r\n        expect(contentLeftNum).to.be.lessThan(iconLeftNum);\r\n    });\r\n    */\r\n});\r\n"]}

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

@@ -1,32 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import "../common/css/application-edit-page.css";
-export declare type AppEditPageProps = {
-    startingDisplayName: string;
-    otherAppNames: string[];
-    isSetupWizard: boolean;
-    isEditMode: boolean;
-    startingAppType: string;
-    startingWindowURL: string;
-    startingNativePath: string;
-    startingDescription: string;
-    startingWidth: number;
-    startingHeight: number;
-    validateURL: (s: string) => boolean;
-    removeApplicationFn: () => void;
-    cancelFn: () => void;
-    submitFn: (data: SubmittedDataProps) => void;
-};
-export declare type SubmittedDataProps = {
-    name: string;
-    url: string;
-    path: string;
-    appType: string;
-    description: string;
-    width: number;
-    height: number;
-};
-export declare const AppEditPage: ({ startingDisplayName, otherAppNames, isSetupWizard, isEditMode, startingAppType, startingWindowURL, startingNativePath, startingDescription, startingWidth, startingHeight, validateURL, removeApplicationFn, cancelFn, submitFn, }: AppEditPageProps) => JSX.Element;

package/react/components/desktopProjectEditor/AppEditPage.js

@@ -1,110 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState } from "react";
-import { FileInput } from "../common/FileInput";
-import { Button } from "../common/Button";
-import "../common/css/application-edit-page.css";
-const DEFAULT_WINDOW_WIDTH = 1280;
-const DEFAULT_WINDOW_HEIGHT = 600;
-const MINIMUM_WINDOW_WIDTH = 0;
-const MINIMUM_WINDOW_HEIGHT = 0;
-export const AppEditPage = ({ startingDisplayName = "", otherAppNames = [], isSetupWizard = false, isEditMode = true, startingAppType = "web", startingWindowURL = "", startingNativePath = "", startingDescription = "", startingWidth = DEFAULT_WINDOW_WIDTH, startingHeight = DEFAULT_WINDOW_HEIGHT, validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, }) => {
-    const [displayName, setDisplayName] = useState(startingDisplayName);
-    const [currentAppType, setCurrentAppType] = useState(startingAppType);
-    const [windowURL, setWindowURL] = useState(startingWindowURL);
-    const [nativePath, setNativePath] = useState(startingNativePath);
-    const [componentDescription, setComponentDescription] = useState(startingDescription);
-    const [windowWidth, setWindowWidth] = useState(startingWidth || DEFAULT_WINDOW_WIDTH);
-    const [windowHeight, setWindowHeight] = useState(startingHeight || DEFAULT_WINDOW_HEIGHT);
-    const isNameValid = !otherAppNames.includes(displayName || "");
-    const isWindowURLValid = validateURL(windowURL);
-    const isHeightValid = !(typeof windowHeight !== "number" || windowHeight < MINIMUM_WINDOW_HEIGHT);
-    const isWidthValid = !(typeof windowWidth !== "number" || windowWidth < MINIMUM_WINDOW_WIDTH);
-    const disableSubmit = (currentAppType === "web" && (!isWindowURLValid || windowURL.length === 0)) ||
-        (currentAppType === "native" && (!nativePath || nativePath.length === 0)) ||
-        displayName === undefined ||
-        displayName === "" ||
-        !isWidthValid ||
-        !isHeightValid ||
-        !isNameValid;
-    const clickSubmit = () => {
-        if (!(typeof windowWidth === "number" && typeof windowHeight === "number")) {
-            return;
-        }
-        submitFn({
-            name: displayName,
-            url: windowURL,
-            path: nativePath,
-            appType: currentAppType,
-            width: windowWidth,
-            height: windowHeight,
-            description: componentDescription,
-        });
-    };
-    const submitOnEnter = (e) => {
-        if (e.key !== "Enter") {
-            return;
-        }
-        e.preventDefault();
-        if (!disableSubmit) {
-            clickSubmit();
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "app-edit-field" },
-            React.createElement("label", { htmlFor: "app-name" }, "Name"),
-            React.createElement("input", { type: "text", id: "app-name", value: displayName, "aria-invalid": !isNameValid, placeholder: "Untitled Application", onKeyDown: submitOnEnter, onChange: (e) => {
-                    setDisplayName(e.target.value);
-                } })),
-        isSetupWizard !== true && (React.createElement("div", { className: "app-edit-type-fields" },
-            React.createElement("label", null, "Application Type"),
-            React.createElement("div", { className: "app-edit-type-field" },
-                React.createElement("input", { type: "radio", name: "app-type", id: "app-type-web", value: "web", checked: currentAppType == "web", onKeyDown: submitOnEnter, onChange: (e) => {
-                        setCurrentAppType(e.target.value);
-                    } }),
-                React.createElement("label", { htmlFor: "app-type-web" }, "Web"),
-                React.createElement("input", { type: "radio", name: "app-type", id: "app-type-native", value: "native", checked: currentAppType == "native", onKeyDown: submitOnEnter, onChange: (e) => {
-                        setCurrentAppType(e.target.value);
-                    } }),
-                React.createElement("label", { htmlFor: "app-type-native" }, "Native")))),
-        React.createElement("div", { className: "app-edit-field" }, currentAppType === "web" ? (React.createElement(React.Fragment, null,
-            React.createElement("label", { htmlFor: "app-url" }, "Web URL"),
-            React.createElement("input", { type: "text", id: "app-url", placeholder: "https://...", value: windowURL, "aria-invalid": !isWindowURLValid, onKeyDown: submitOnEnter, onChange: (e) => {
-                    setWindowURL(e.target.value);
-                } }))) : (React.createElement(React.Fragment, null,
-            React.createElement("label", null, "File Path"),
-            React.createElement(FileInput, { acceptTypes: ["*"], shouldUpload: false, value: nativePath, onSetValue: (value) => {
-                    setNativePath(value);
-                } })))),
-        React.createElement("div", { className: "app-edit-field description" },
-            React.createElement("label", { htmlFor: "app-description" }, "Description"),
-            React.createElement("textarea", { id: "app-description", onChange: (e) => {
-                    setComponentDescription(e.target.value);
-                }, value: componentDescription })),
-        React.createElement("div", { className: "app-edit-field" },
-            React.createElement("label", { htmlFor: "app-size" }, "Default Window Size"),
-            React.createElement("fieldset", { className: "app-size-fieldset" },
-                React.createElement("div", { className: "app-size-field" },
-                    React.createElement("label", { htmlFor: "app-width" }, "Width"),
-                    React.createElement("input", { className: "app-size-input", type: "text", id: "app-width", value: windowWidth, "aria-invalid": !isWidthValid, onKeyDown: submitOnEnter, onChange: (e) => {
-                            setWindowWidth(parseInt(e.target.value, 10) || "");
-                        } }),
-                    React.createElement("span", { className: "unit" }, "px")),
-                React.createElement("div", { className: "app-size-field" },
-                    React.createElement("label", { htmlFor: "app-height" }, "Height"),
-                    React.createElement("input", { className: "app-size-input", type: "text", id: "app-height", value: windowHeight, "aria-invalid": !isHeightValid, onKeyDown: submitOnEnter, onChange: (e) => {
-                            setWindowHeight(parseInt(e.target.value, 10) || "");
-                        } }),
-                    React.createElement("span", { className: "unit" }, "px")))),
-        React.createElement("div", { className: "app-edit-actions" },
-            React.createElement("div", null, isEditMode && (React.createElement(Button, { fashion: "danger", text: "Remove Application", onClick: (e) => {
-                    removeApplicationFn();
-                    e.preventDefault();
-                } }))),
-            React.createElement("div", null,
-                React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: cancelFn }),
-                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: disableSubmit, onClick: clickSubmit })))));
-};
-//# sourceMappingURL=AppEditPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/AppEditPage.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, { ChangeEvent, useState } from \"react\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport \"../common/css/application-edit-page.css\";\r\n\r\nconst DEFAULT_WINDOW_WIDTH = 1280;\r\nconst DEFAULT_WINDOW_HEIGHT = 600;\r\nconst MINIMUM_WINDOW_WIDTH = 0;\r\nconst MINIMUM_WINDOW_HEIGHT = 0;\r\n\r\nexport type AppEditPageProps = {\r\n\tstartingDisplayName: string;\r\n\totherAppNames: string[];\r\n\tisSetupWizard: boolean;\r\n\tisEditMode: boolean;\r\n\tstartingAppType: string;\r\n\tstartingWindowURL: string;\r\n\tstartingNativePath: string;\r\n\tstartingDescription: string;\r\n\tstartingWidth: number;\r\n\tstartingHeight: number;\r\n\tvalidateURL: (s: string) => boolean;\r\n\tremoveApplicationFn: () => void;\r\n\tcancelFn: () => void;\r\n\tsubmitFn: (data: SubmittedDataProps) => void;\r\n};\r\n\r\nexport type SubmittedDataProps = {\r\n\tname: string;\r\n\turl: string;\r\n\tpath: string;\r\n\tappType: string;\r\n\tdescription: string;\r\n\twidth: number;\r\n\theight: number;\r\n};\r\n\r\nexport const AppEditPage = ({\r\n\tstartingDisplayName = \"\",\r\n\totherAppNames = [],\r\n\tisSetupWizard = false,\r\n\tisEditMode = true,\r\n\tstartingAppType = \"web\",\r\n\tstartingWindowURL = \"\",\r\n\tstartingNativePath = \"\",\r\n\tstartingDescription = \"\",\r\n\tstartingWidth = DEFAULT_WINDOW_WIDTH,\r\n\tstartingHeight = DEFAULT_WINDOW_HEIGHT,\r\n\tvalidateURL,\r\n\tremoveApplicationFn = () => {},\r\n\tcancelFn = () => {},\r\n\tsubmitFn,\r\n}: AppEditPageProps) => {\r\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\r\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\r\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\r\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\r\n\tconst [componentDescription, setComponentDescription] = useState(startingDescription);\r\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(startingWidth || DEFAULT_WINDOW_WIDTH);\r\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(startingHeight || DEFAULT_WINDOW_HEIGHT);\r\n\r\n\tconst isNameValid = !otherAppNames.includes(displayName || \"\");\r\n\tconst isWindowURLValid = validateURL(windowURL);\r\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\r\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\r\n\r\n\tconst disableSubmit =\r\n\t\t(currentAppType === \"web\" && (!isWindowURLValid || windowURL.length === 0)) ||\r\n\t\t(currentAppType === \"native\" && (!nativePath || nativePath.length === 0)) ||\r\n\t\tdisplayName === undefined ||\r\n\t\tdisplayName === \"\" ||\r\n\t\t!isWidthValid ||\r\n\t\t!isHeightValid ||\r\n\t\t!isNameValid;\r\n\r\n\tconst clickSubmit = () => {\r\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\r\n\t\t// but let's check anyway\r\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsubmitFn({\r\n\t\t\tname: displayName,\r\n\t\t\turl: windowURL,\r\n\t\t\tpath: nativePath,\r\n\t\t\tappType: currentAppType,\r\n\t\t\twidth: windowWidth,\r\n\t\t\theight: windowHeight,\r\n\t\t\tdescription: componentDescription,\r\n\t\t});\r\n\t};\r\n\r\n\t// TODO: This isn't ideal, but when we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\r\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\tif (e.key !== \"Enter\") {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\t\tif (!disableSubmit) {\r\n\t\t\tclickSubmit();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-name\">Name</label>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tid=\"app-name\"\r\n\t\t\t\t\tvalue={displayName}\r\n\t\t\t\t\taria-invalid={!isNameValid}\r\n\t\t\t\t\tplaceholder=\"Untitled Application\"\r\n\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetDisplayName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t{isSetupWizard !== true && (\r\n\t\t\t\t<div className=\"app-edit-type-fields\">\r\n\t\t\t\t\t<label>Application Type</label>\r\n\r\n\t\t\t\t\t<div className=\"app-edit-type-field\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\tid=\"app-type-web\"\r\n\t\t\t\t\t\t\tvalue=\"web\"\r\n\t\t\t\t\t\t\tchecked={currentAppType == \"web\"}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label htmlFor=\"app-type-web\">Web</label>\r\n\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\tid=\"app-type-native\"\r\n\t\t\t\t\t\t\tvalue=\"native\"\r\n\t\t\t\t\t\t\tchecked={currentAppType == \"native\"}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<label htmlFor=\"app-type-native\">Native</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label htmlFor=\"app-url\">Web URL</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\tvalue={windowURL}\r\n\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\r\n\t\t\t\t\t\t\t}}\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\t\t<>\r\n\t\t\t\t\t\t<label>File Path</label>\r\n\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\tacceptTypes={[\"*\"]}\r\n\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\tvalue={nativePath}\r\n\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\tsetNativePath(value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field description\">\r\n\t\t\t\t<label htmlFor=\"app-description\">Description</label>\r\n\t\t\t\t<textarea\r\n\t\t\t\t\tid=\"app-description\"\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetComponentDescription(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tvalue={componentDescription}\r\n\t\t\t\t></textarea>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-size\">Default Window Size</label>\r\n\t\t\t\t<fieldset className=\"app-size-fieldset\">\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-width\"\r\n\t\t\t\t\t\t\tvalue={windowWidth}\r\n\t\t\t\t\t\t\taria-invalid={!isWidthValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-height\"\r\n\t\t\t\t\t\t\tvalue={windowHeight}\r\n\t\t\t\t\t\t\taria-invalid={!isHeightValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"unit\">px</span>\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=\"app-edit-actions\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{isEditMode && (\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tfashion=\"danger\"\r\n\t\t\t\t\t\t\ttext=\"Remove Application\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\tremoveApplicationFn();\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\r\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

package/react/components/desktopProjectEditor/Appearance.css

@@ -1,98 +0,0 @@
-.view-container {
-	height: 100%;
-	overflow-x: hidden;
-	overflow-y: auto;
-	background-color: #171a20;
-	border-radius: 20px 0 0 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.view-content {
-	margin: 0em 2.1rem;
-}
-
-:focus {
-	outline: transparent;
-}
-
-[role="tab"]:hover,
-[role="tab"]:focus:not([aria-selected="true"]) {
-	border-bottom: solid 3px #36788b;
-	margin-bottom: -3px;
-}
-
-[role="tabgroup"] {
-	width: 100px;
-	padding-bottom: 20px;
-}
-
-[role="tab"] {
-	display: inline;
-	width: fit-content;
-	height: 22px;
-	margin: 22px 32px 3px 6px;
-	font-family: OpenSans;
-	font-size: 16px;
-	font-weight: bold;
-	font-stretch: normal;
-	font-style: normal;
-	line-height: normal;
-	letter-spacing: normal;
-	border-bottom: solid 3px transparent;
-	transition: border-bottom 0.2s ease-in;
-}
-
-[role="tab"][aria-selected="true"] {
-	border-bottom: solid 3px #42a5ba;
-	margin-bottom: -3px;
-}
-
-[role="tab"]:first-child {
-	margin-top: 0px;
-}
-
-[role="tabpanel"] {
-	padding-left: 5px;
-	overflow-y: scroll;
-	overflow-x: hidden;
-	visibility: hidden;
-	opacity: 0;
-	height: 0px;
-	transition: visibility 0s, opacity 0.5s linear;
-}
-
-.visible {
-	visibility: visible;
-	opacity: 1;
-	height: 100%;
-}
-
-div.frontmatter {
-	opacity: 0.75;
-	font-family: OpenSans;
-	font-size: 12px;
-	font-weight: normal;
-	font-stretch: normal;
-	font-style: italic;
-	margin-bottom: 22px;
-}
-
-.template-row {
-	margin-bottom: 20px;
-}
-
-.template-row label {
-	font-size: 1.25em;
-	margin-right: 2em;
-	font-weight: bold;
-	font-stretch: normal;
-	font-style: normal;
-	line-height: 1.13;
-	letter-spacing: normal;
-	color: #ffffff;
-}
-
-.template-row button {
-	margin-left: 10px;
-}

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import "./Appearance.css";
-import { ThemeBundle } from "./ThemePage";
-import { FileInputUploadCb } from "../common/FileInput";
-export declare type AppearanceProps = {
-    startTheme: ThemeBundle;
-    darkTheme: ThemeBundle;
-    lightTheme: ThemeBundle;
-    updateThemes: (id: string, newValue: string) => void;
-    areYouSure: (affirmativeCallback: () => void) => void;
-    baseURL: string;
-    toolbarIcon: string;
-    taskbarIcon: string;
-    installerIcon: string;
-    systemTrayIcon: string;
-    splashScreenImage: string;
-    setToolbarIcon: (s: string) => void;
-    setTaskbarIcon: (s: string) => void;
-    setInstallerIcon: (s: string) => void;
-    setSystemTrayIcon: (s: string) => void;
-    setSplashScreenImage: (s: string) => void;
-    setIconsChanged: (n: number) => void;
-    updateSplashScreen: FileInputUploadCb;
-    updateToolbarIcon: FileInputUploadCb;
-    updateTaskbarIcon: FileInputUploadCb;
-    updateSystemTrayIcon: FileInputUploadCb;
-    updateInstallerIcon: FileInputUploadCb;
-};
-export declare const Appearance: ({ startTheme, darkTheme, lightTheme, updateThemes, areYouSure, baseURL, toolbarIcon, taskbarIcon, installerIcon, systemTrayIcon, splashScreenImage, setToolbarIcon, setTaskbarIcon, setInstallerIcon, setSystemTrayIcon, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AppearanceProps) => JSX.Element;

package/react/components/desktopProjectEditor/Appearance.helpers.d.ts

@@ -1 +0,0 @@
-export declare const clone: (obj: object) => any;

package/react/components/desktopProjectEditor/Appearance.helpers.js

@@ -1,2 +0,0 @@
-export const clone = (obj) => JSON.parse(JSON.stringify(obj));
-//# sourceMappingURL=Appearance.helpers.js.map

package/react/components/desktopProjectEditor/Appearance.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Appearance.helpers.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/Appearance.helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC","sourcesContent":["export const clone = (obj: object) => JSON.parse(JSON.stringify(obj));\r\n"]}

package/react/components/desktopProjectEditor/Appearance.js

@@ -1,51 +0,0 @@
-import React, { useState, useRef, useLayoutEffect } from "react";
-import { Button } from "../common/Button";
-import { Header } from "../common/Header";
-import "./Appearance.css";
-import { AssetsPage } from "./AssetsPage";
-import { ThemePage } from "./ThemePage";
-import { clone } from "./Appearance.helpers";
-import { View } from "./View";
-import { Tab } from "../common/Tab";
-import { launchTutorialLink } from "./common/fsbl_functions";
-export const Appearance = ({ startTheme, darkTheme, lightTheme, updateThemes, areYouSure, baseURL, toolbarIcon, taskbarIcon, installerIcon, systemTrayIcon, splashScreenImage, setToolbarIcon, setTaskbarIcon, setInstallerIcon, setSystemTrayIcon, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => {
-    const [theme, setTheme] = useState(startTheme);
-    const ref = useRef(null);
-    const applyDarkTheme = () => {
-        areYouSure(() => setTheme(clone(darkTheme)));
-    };
-    const applyLightTheme = () => {
-        areYouSure(() => setTheme(clone(lightTheme)));
-    };
-    useLayoutEffect(() => {
-        var _a;
-        if (ref.current !== null) {
-            ref.current.style.height = `${window.innerHeight - (((_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) - 10}px`;
-        }
-    });
-    return (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("creating-a-theme");
-            } }, "Appearance"),
-        React.createElement(Tab, null,
-            React.createElement("div", { "data-label": "Themes" },
-                React.createElement("div", { className: "frontmatter" },
-                    "Use the templates below to set or reset your theme.",
-                    React.createElement("br", null),
-                    "Use either template to start building your own theme."),
-                React.createElement("div", { className: "template-row" },
-                    React.createElement("label", null, "Templates:"),
-                    React.createElement(Button, { fashion: "primary", iconBefore: "dark", text: "Dark Theme", onClick: applyDarkTheme }),
-                    React.createElement(Button, { fashion: "primary", iconBefore: "light", text: "Light Theme", onClick: applyLightTheme })),
-                React.createElement(ThemePage, { theme: theme, updateThemes: (id, newValue) => {
-                        setTheme(Object.assign(Object.assign({}, theme), { [id]: newValue }));
-                        updateThemes(id, newValue);
-                    } })),
-            React.createElement("div", { "data-label": "Images" },
-                React.createElement("div", { className: "frontmatter" },
-                    "Browse your computer for images to use in Finsemble.",
-                    React.createElement("br", null),
-                    "You can also drag and drop images into the fields below."),
-                React.createElement(AssetsPage, { baseURL: baseURL, toolbarIcon: toolbarIcon, taskbarIcon: taskbarIcon, installerIcon: installerIcon, systemTrayIcon: systemTrayIcon, splashScreenImage: splashScreenImage, setToolbarIcon: setToolbarIcon, setTaskbarIcon: setTaskbarIcon, setInstallerIcon: setInstallerIcon, setSystemTrayIcon: setSystemTrayIcon, setSplashScreenImage: setSplashScreenImage, setIconsChanged: setIconsChanged, updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon })))));
-};
-//# sourceMappingURL=Appearance.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/Appearance.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport { Header } from \"../common/Header\";\r\nimport \"./Appearance.css\";\r\nimport { AssetsPage } from \"./AssetsPage\";\r\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\r\nimport { clone } from \"./Appearance.helpers\";\r\nimport { FileInputUploadCb } from \"../common/FileInput\";\r\nimport { View } from \"./View\";\r\nimport { Content } from \"./Content\";\r\nimport { Tab } from \"../common/Tab\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nexport type AppearanceProps = {\r\n\tstartTheme: ThemeBundle;\r\n\tdarkTheme: ThemeBundle;\r\n\tlightTheme: ThemeBundle;\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\tareYouSure: (affirmativeCallback: () => void) => void;\r\n\tbaseURL: string;\r\n\ttoolbarIcon: string;\r\n\ttaskbarIcon: string;\r\n\tinstallerIcon: string;\r\n\tsystemTrayIcon: string;\r\n\tsplashScreenImage: string;\r\n\tsetToolbarIcon: (s: string) => void;\r\n\tsetTaskbarIcon: (s: string) => void;\r\n\tsetInstallerIcon: (s: string) => void;\r\n\tsetSystemTrayIcon: (s: string) => void;\r\n\tsetSplashScreenImage: (s: string) => void;\r\n\tsetIconsChanged: (n: number) => void;\r\n\tupdateSplashScreen: FileInputUploadCb;\r\n\tupdateToolbarIcon: FileInputUploadCb;\r\n\tupdateTaskbarIcon: FileInputUploadCb;\r\n\tupdateSystemTrayIcon: FileInputUploadCb;\r\n\tupdateInstallerIcon: FileInputUploadCb;\r\n};\r\n\r\nexport const Appearance = ({\r\n\tstartTheme,\r\n\tdarkTheme,\r\n\tlightTheme,\r\n\tupdateThemes,\r\n\tareYouSure,\r\n\tbaseURL,\r\n\ttoolbarIcon,\r\n\ttaskbarIcon,\r\n\tinstallerIcon,\r\n\tsystemTrayIcon,\r\n\tsplashScreenImage,\r\n\tsetToolbarIcon,\r\n\tsetTaskbarIcon,\r\n\tsetInstallerIcon,\r\n\tsetSystemTrayIcon,\r\n\tsetSplashScreenImage,\r\n\tsetIconsChanged,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n}: AppearanceProps) => {\r\n\tconst [theme, setTheme] = useState(startTheme);\r\n\tconst ref = useRef<HTMLDivElement>(null);\r\n\r\n\tconst applyDarkTheme = () => {\r\n\t\tareYouSure(() => setTheme(clone(darkTheme)));\r\n\t};\r\n\tconst applyLightTheme = () => {\r\n\t\tareYouSure(() => setTheme(clone(lightTheme)));\r\n\t};\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\r\n\t\t// which also keeps the heading/tab group at the top of the page.\r\n\t\t// It feels like css flex should do this, but I could never get it to work.\r\n\t\tif (ref.current !== null) {\r\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"creating-a-theme\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tAppearance\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Tab>\r\n\t\t\t\t<div data-label=\"Themes\">\r\n\t\t\t\t\t<div className=\"frontmatter\">\r\n\t\t\t\t\t\tUse the templates below to set or reset your theme.\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\tUse either template to start building your own theme.\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div className=\"template-row\">\r\n\t\t\t\t\t\t<label>Templates:</label>\r\n\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"dark\" text=\"Dark Theme\" onClick={applyDarkTheme} />\r\n\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"light\" text=\"Light Theme\" onClick={applyLightTheme} />\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<ThemePage\r\n\t\t\t\t\t\ttheme={theme}\r\n\t\t\t\t\t\tupdateThemes={(id: string, newValue: string) => {\r\n\t\t\t\t\t\t\tsetTheme({\r\n\t\t\t\t\t\t\t\t...theme,\r\n\t\t\t\t\t\t\t\t[id]: newValue,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tupdateThemes(id, newValue);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div data-label=\"Images\">\r\n\t\t\t\t\t<div className=\"frontmatter\">\r\n\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\tYou can also drag and drop images into the fields below.\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<AssetsPage\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\r\n\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\r\n\t\t\t\t\t\tinstallerIcon={installerIcon}\r\n\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\r\n\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\r\n\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\r\n\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\r\n\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\r\n\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\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</Tab>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}

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

@@ -1,22 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="finsemble-core" />
-/// <reference types="react" />
-export declare enum ApplicationCloseReason {
-    SUCCESS = 0,
-    CANCEL = 1,
-    NEW = 2
-}
-export declare type ApplicationProps = {
-    id: string;
-    apps: AppDConfig[];
-    addApp: typeof FSBL.Clients.DesktopProjectClient.prototype.addApp;
-    updateApp: typeof FSBL.Clients.DesktopProjectClient.prototype.updateApp;
-    deleteApp: typeof FSBL.Clients.DesktopProjectClient.prototype.deleteApp;
-    getAppConfigTemplate: typeof FSBL.Clients.DesktopProjectClient.prototype.getAppConfigTemplate;
-    onClose: (reason: ApplicationCloseReason) => void;
-    setCurrentAppID: (id: string | null) => void;
-};
-export declare const Application: (props: ApplicationProps) => JSX.Element;