@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/appCatalog/components/Showcase/AppDevNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDevNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppDevNotes.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C;;OAEG;IACH,wEAAwE;IACxE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,OAAO,CACN,6BAAK,SAAS,EAAC,qBAAqB;QACnC,8BAAM,SAAS,EAAC,gBAAgB,gBAAiB;QACjD,6BAAK,SAAS,EAAC,mBAAmB;YACjC;gBACE,KAAK,CAAC,SAAS;;gBAAI,GAAG;gBACvB,2BAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,QAAQ,IAC3B,KAAK,CAAC,KAAK,CACT,CACC,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\ntype AppDevNotesProps = {\n\tpublisher: string;\n\temail: string;\n};\n\n/**\n * AppShowcase dev notes section. Contains developer information\n * @param {object} props Component props\n * @param {string} props.publisher The name of this app's publisher\n * @param {func} props.openSite Parent function to launch the developer's site in Finsemble window\n * @param {string} props.email The developer's contact email\n */\nconst AppDevNotes = (props: AppDevNotesProps) => {\n\t/**\n\t * Opens the publisher's website.\n\t */\n\t// NOTE: There is currently no prop in the FDC spec that has a dev site.\n\tconst openSite = () => {\n\t\tconsole.log(\"open the developers site\");\n\t};\n\treturn (\n\t\t<div className=\"app-notes developer\">\n\t\t\t<span className=\"showcase-label\">Developer</span>\n\t\t\t<div className=\"developer-content\">\n\t\t\t\t<div>\n\t\t\t\t\t{props.publisher} -{\" \"}\n\t\t\t\t\t<a href=\"#\" onClick={openSite}>\n\t\t\t\t\t\t{props.email}\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default AppDevNotes;\n"]}

package/react/components/appCatalog/components/Showcase/AppShowcase.d.ts

@@ -0,0 +1,28 @@
+export default AppShowcase;
+declare class AppShowcase extends React.Component<any, any, any> {
+    constructor(props: any);
+    bindCorrectContext(): void;
+    /**
+     * Pages right through the app's images.
+     */
+    nextImage(): void;
+    /**
+     * Pages left through the app's images.
+     */
+    previousImage(): void;
+    /**
+     * Opens the image modal (light box). Sets the image to display
+     * @param {string} url The image url to display in the light box
+     */
+    openModal(url: string): void;
+    /**
+     * Closes the image modal
+     */
+    closeModal(): void;
+    /**
+     * Calls the parents function to add a tag to list of filters
+     * @param {string} name The tag name
+     */
+    addTag(name: string): void;
+}
+import React from "react";

package/react/components/appCatalog/components/Showcase/AppShowcase.js

@@ -0,0 +1,129 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { Component } from "react";
+// data
+import storeActions from "../../stores/storeActions";
+// components
+import Modal from "./Modal";
+import Header from "./Header";
+import ImageCarousel from "./ImageCarousel";
+import AppDescription from "./AppDescription";
+import ReleaseNotes from "./ReleaseNotes";
+import AppDevNotes from "./AppDevNotes";
+import VersionNotes from "./VersionNotes";
+import SupportNotes from "./SupportNotes";
+const imagesInCarousel = 4;
+class AppShowcase extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            name: this.props.app.title || this.props.app.name,
+            iconUrl: this.props.app.icons !== undefined && this.props.app.icons[0].url !== undefined
+                ? this.props.app.icons[0].url
+                : "../assets/placeholder.svg",
+            entitled: this.props.app.entitled ? this.props.app.entitled : false,
+            imageIndex: 0,
+            imageModalOpen: false,
+            modalImage: null,
+        };
+        this.bindCorrectContext();
+    }
+    bindCorrectContext() {
+        this.nextImage = this.nextImage.bind(this);
+        this.previousImage = this.previousImage.bind(this);
+        this.openModal = this.openModal.bind(this);
+        this.closeModal = this.closeModal.bind(this);
+        this.addTag = this.addTag.bind(this);
+    }
+    /**
+     * Pages right through the app's images.
+     */
+    nextImage() {
+        let imageIndex = this.state.imageIndex;
+        // We want to increase the image index for the carousel, but if this paging action takes us past the length of the image array, we need to reset
+        if (imageIndex + 1 >= this.props.app.images.length) {
+            imageIndex = 0;
+        }
+        else {
+            imageIndex++;
+        }
+        this.setState({
+            imageIndex,
+        });
+    }
+    /**
+     * Pages left through the app's images.
+     */
+    previousImage() {
+        let imageIndex = this.state.imageIndex;
+        // We want to decrease the image index for the carousel, but if this paging action takes us under 0, we need to reset
+        if (imageIndex - 1 < 0) {
+            imageIndex = this.props.app.images.length - 1;
+        }
+        else {
+            imageIndex--;
+        }
+        this.setState({
+            imageIndex,
+        });
+    }
+    /**
+     * Opens the image modal (light box). Sets the image to display
+     * @param {string} url The image url to display in the light box
+     */
+    openModal(url) {
+        this.setState({
+            modalImage: url,
+            imageModalOpen: true,
+        });
+    }
+    /**
+     * Closes the image modal
+     */
+    closeModal() {
+        this.setState({
+            imageModalOpen: false,
+            modalImage: null,
+        });
+    }
+    /**
+     * Calls the parents function to add a tag to list of filters
+     * @param {string} name The tag name
+     */
+    addTag(name) {
+        storeActions.addTag(name);
+    }
+    render() {
+        let { name, iconUrl, imageIndex } = this.state;
+        let images = [];
+        for (let i = 0; i < (this.props.app.images ? Math.min(imagesInCarousel, this.props.app.images.length) : 0); i++) {
+            let imageUrl = this.props.app.images[imageIndex].url !== undefined
+                ? this.props.app.images[imageIndex].url
+                : "../assets/placeholder.svg";
+            images.push(imageUrl);
+            if (++imageIndex >= this.props.app.images.length) {
+                imageIndex = 0;
+            }
+        }
+        return (React.createElement("div", { className: "app-showcase" },
+            React.createElement(Modal, { open: this.state.imageModalOpen, closeModal: this.closeModal },
+                React.createElement("img", { src: this.state.modalImage, className: "modal-image" })),
+            !this.state.entitled && (React.createElement("div", { className: "app-warning" },
+                React.createElement("span", { className: "app-warning-wrapper" },
+                    React.createElement("span", { className: "app-warning-text" },
+                        "You don't have permission to add this App. ",
+                        React.createElement("a", { href: "#" }, "Contact your administrator"),
+                        " to request permission.")))),
+            React.createElement(Header, Object.assign({ iconUrl: iconUrl, entitled: this.state.entitled }, this.props.app)),
+            React.createElement(ImageCarousel, { nextImage: this.nextImage, previousImage: this.previousImage, openModal: this.openModal, images: images }),
+            React.createElement(AppDescription, { description: this.props.app.description }),
+            React.createElement(ReleaseNotes, { releaseNotes: this.props.app.releaseNotes }),
+            React.createElement(AppDevNotes, { email: this.props.app.contactEmail, publisher: this.props.app.publisher }),
+            React.createElement(VersionNotes, { version: this.props.app.version }),
+            React.createElement(SupportNotes, { email: this.props.app.supportEmail, tags: this.props.app.tags })));
+    }
+}
+export default AppShowcase;
+//# sourceMappingURL=AppShowcase.js.map

package/react/components/appCatalog/components/Showcase/AppShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShowcase.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppShowcase.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React, { Component } from \"react\";\n\n// data\nimport storeActions from \"../../stores/storeActions\";\n\n// components\nimport Modal from \"./Modal\";\nimport Header from \"./Header\";\nimport ImageCarousel from \"./ImageCarousel\";\nimport AppDescription from \"./AppDescription\";\nimport ReleaseNotes from \"./ReleaseNotes\";\nimport AppDevNotes from \"./AppDevNotes\";\nimport VersionNotes from \"./VersionNotes\";\nimport SupportNotes from \"./SupportNotes\";\n\nconst imagesInCarousel = 4;\nclass AppShowcase extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tname: this.props.app.title || this.props.app.name,\n\t\t\ticonUrl:\n\t\t\t\tthis.props.app.icons !== undefined && this.props.app.icons[0].url !== undefined\n\t\t\t\t\t? this.props.app.icons[0].url\n\t\t\t\t\t: \"../assets/placeholder.svg\",\n\t\t\tentitled: this.props.app.entitled ? this.props.app.entitled : false,\n\t\t\timageIndex: 0,\n\t\t\timageModalOpen: false,\n\t\t\tmodalImage: null,\n\t\t};\n\t\tthis.bindCorrectContext();\n\t}\n\n\tbindCorrectContext() {\n\t\tthis.nextImage = this.nextImage.bind(this);\n\t\tthis.previousImage = this.previousImage.bind(this);\n\t\tthis.openModal = this.openModal.bind(this);\n\t\tthis.closeModal = this.closeModal.bind(this);\n\t\tthis.addTag = this.addTag.bind(this);\n\t}\n\n\t/**\n\t * Pages right through the app's images.\n\t */\n\tnextImage() {\n\t\tlet imageIndex = this.state.imageIndex;\n\n\t\t// We want to increase the image index for the carousel, but if this paging action takes us past the length of the image array, we need to reset\n\t\tif (imageIndex + 1 >= this.props.app.images.length) {\n\t\t\timageIndex = 0;\n\t\t} else {\n\t\t\timageIndex++;\n\t\t}\n\n\t\tthis.setState({\n\t\t\timageIndex,\n\t\t});\n\t}\n\n\t/**\n\t * Pages left through the app's images.\n\t */\n\tpreviousImage() {\n\t\tlet imageIndex = this.state.imageIndex;\n\n\t\t// We want to decrease the image index for the carousel, but if this paging action takes us under 0, we need to reset\n\t\tif (imageIndex - 1 < 0) {\n\t\t\timageIndex = this.props.app.images.length - 1;\n\t\t} else {\n\t\t\timageIndex--;\n\t\t}\n\n\t\tthis.setState({\n\t\t\timageIndex,\n\t\t});\n\t}\n\n\t/**\n\t * Opens the image modal (light box). Sets the image to display\n\t * @param {string} url The image url to display in the light box\n\t */\n\topenModal(url) {\n\t\tthis.setState({\n\t\t\tmodalImage: url,\n\t\t\timageModalOpen: true,\n\t\t});\n\t}\n\n\t/**\n\t * Closes the image modal\n\t */\n\tcloseModal() {\n\t\tthis.setState({\n\t\t\timageModalOpen: false,\n\t\t\tmodalImage: null,\n\t\t});\n\t}\n\n\t/**\n\t * Calls the parents function to add a tag to list of filters\n\t * @param {string} name The tag name\n\t */\n\taddTag(name) {\n\t\tstoreActions.addTag(name);\n\t}\n\n\trender() {\n\t\tlet { name, iconUrl, imageIndex } = this.state;\n\n\t\tlet images = [];\n\t\tfor (let i = 0; i < (this.props.app.images ? Math.min(imagesInCarousel, this.props.app.images.length) : 0); i++) {\n\t\t\tlet imageUrl =\n\t\t\t\tthis.props.app.images[imageIndex].url !== undefined\n\t\t\t\t\t? this.props.app.images[imageIndex].url\n\t\t\t\t\t: \"../assets/placeholder.svg\";\n\t\t\timages.push(imageUrl);\n\t\t\tif (++imageIndex >= this.props.app.images.length) {\n\t\t\t\timageIndex = 0;\n\t\t\t}\n\t\t}\n\t\treturn (\n\t\t\t<div className=\"app-showcase\">\n\t\t\t\t<Modal open={this.state.imageModalOpen} closeModal={this.closeModal}>\n\t\t\t\t\t<img src={this.state.modalImage} className=\"modal-image\" />\n\t\t\t\t</Modal>\n\t\t\t\t{!this.state.entitled && (\n\t\t\t\t\t<div className=\"app-warning\">\n\t\t\t\t\t\t<span className=\"app-warning-wrapper\">\n\t\t\t\t\t\t\t<span className=\"app-warning-text\">\n\t\t\t\t\t\t\t\tYou don&apos;t have permission to add this App. <a href=\"#\">Contact your administrator</a> to request\n\t\t\t\t\t\t\t\tpermission.\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<Header iconUrl={iconUrl} entitled={this.state.entitled} {...this.props.app} />\n\n\t\t\t\t<ImageCarousel\n\t\t\t\t\tnextImage={this.nextImage}\n\t\t\t\t\tpreviousImage={this.previousImage}\n\t\t\t\t\topenModal={this.openModal}\n\t\t\t\t\timages={images}\n\t\t\t\t/>\n\n\t\t\t\t<AppDescription description={this.props.app.description} />\n\n\t\t\t\t<ReleaseNotes releaseNotes={this.props.app.releaseNotes} />\n\n\t\t\t\t<AppDevNotes email={this.props.app.contactEmail} publisher={this.props.app.publisher} />\n\n\t\t\t\t<VersionNotes version={this.props.app.version} />\n\n\t\t\t\t<SupportNotes email={this.props.app.supportEmail} tags={this.props.app.tags} />\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nexport default AppShowcase;\n"]}

package/react/components/appCatalog/components/Showcase/Header.d.ts

@@ -0,0 +1,21 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { AppMetadata } from "../../../../types/fdc3";
+declare type HeaderProps = AppMetadata & {
+    url: string | undefined;
+    installed: any;
+    iconUrl: string | undefined;
+    entitled: any;
+};
+/**
+ * The header of the AppShowcase. Contains the actionable buttons (to add/remove and app) and the app title and icon
+ * @param {object} props Component props
+ * @param {string} props.iconUrl The image url for the app's icon
+ * @param {string} props.name The app name
+ * @param {func} props.appAction The function to call when a button is clicked.
+ */
+declare const Header: (props: HeaderProps) => JSX.Element;
+export default Header;

package/react/components/appCatalog/components/Showcase/Header.js

@@ -0,0 +1,58 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+// data
+import storeActions from "../../stores/storeActions";
+let pendingSpawn = false;
+/**
+ * The header of the AppShowcase. Contains the actionable buttons (to add/remove and app) and the app title and icon
+ * @param {object} props Component props
+ * @param {string} props.iconUrl The image url for the app's icon
+ * @param {string} props.name The app name
+ * @param {func} props.appAction The function to call when a button is clicked.
+ */
+const Header = (props) => {
+    const addApp = () => {
+        if (props.installed) {
+            if (pendingSpawn)
+                return;
+            pendingSpawn = true;
+            const name = props.title || props.name;
+            // If the app has a URL property
+            // For now, this means it was manually added
+            // So lets spawn from URL
+            if (props.url) {
+                FSBL.Clients.LauncherClient.spawn("", {
+                    url: props.url,
+                    addToWorkspace: true,
+                }, () => {
+                    pendingSpawn = false;
+                });
+                return;
+            }
+            // Otherwise launch application by name
+            FSBL.Clients.LauncherClient.spawn(name.trim(), { addToWorkspace: true }, () => {
+                pendingSpawn = false;
+            });
+        }
+        else {
+            storeActions.addApp(props.appId);
+        }
+    };
+    const removeApp = () => {
+        storeActions.removeApp(props.appId);
+    };
+    return (React.createElement("div", { className: "header" },
+        React.createElement("div", { className: "icon-title-container" },
+            React.createElement("img", { className: "header-icon", src: props.iconUrl }),
+            React.createElement("span", { className: "appName" }, props.name)),
+        React.createElement("div", { className: "action-button-container" },
+            React.createElement("button", { className: props.entitled ? "action-button open" : "action-button disabled", disabled: !props.entitled, onClick: addApp }, props.installed ? (React.createElement("div", null,
+                React.createElement("span", { className: "action-button-label" }, "Open"))) : (React.createElement("span", { className: "action-button-label" }, "Add"))),
+            props.installed && (React.createElement("button", { className: props.entitled ? "action-button remove" : "action-button remove disabled", disabled: !props.entitled, onClick: removeApp },
+                React.createElement("div", { className: "ff-adp-trash-outline", title: "Remove App" }))))));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/react/components/appCatalog/components/Showcase/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/Header.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO;AACP,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,IAAI,YAAY,GAAG,KAAK,CAAC;AASzB;;;;;;GAMG;AACH,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACrC,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,IAAI,KAAK,CAAC,SAAS,EAAE;YACpB,IAAI,YAAY;gBAAE,OAAO;YACzB,YAAY,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC;YACvC,gCAAgC;YAChC,4CAA4C;YAC5C,yBAAyB;YACzB,IAAI,KAAK,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAChC,EAAE,EACF;oBACC,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,cAAc,EAAE,IAAI;iBACpB,EACD,GAAG,EAAE;oBACJ,YAAY,GAAG,KAAK,CAAC;gBACtB,CAAC,CACD,CAAC;gBACF,OAAO;aACP;YACD,uCAAuC;YACvC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;gBAC7E,YAAY,GAAG,KAAK,CAAC;YACtB,CAAC,CAAC,CAAC;SACH;aAAM;YACN,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACjC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,QAAQ;QACtB,6BAAK,SAAS,EAAC,sBAAsB;YACpC,6BAAK,SAAS,EAAC,aAAa,EAAC,GAAG,EAAE,KAAK,CAAC,OAAO,GAAI;YACnD,8BAAM,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,IAAI,CAAQ,CACxC;QACN,6BAAK,SAAS,EAAC,yBAAyB;YACvC,gCACC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,EAC3E,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,EACzB,OAAO,EAAE,MAAM,IAEd,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAClB;gBACC,8BAAM,SAAS,EAAC,qBAAqB,WAAY,CAC5C,CACN,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAC,qBAAqB,UAAW,CAChD,CACO;YACR,KAAK,CAAC,SAAS,IAAI,CACnB,gCACC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,+BAA+B,EACpF,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,EACzB,OAAO,EAAE,SAAS;gBAElB,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,YAAY,GAAG,CACnD,CACT,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { AppMetadata } from \"../../../../types/fdc3\";\n\n// data\nimport storeActions from \"../../stores/storeActions\";\n\nlet pendingSpawn = false;\n\ntype HeaderProps = AppMetadata & {\n\turl: string | undefined;\n\tinstalled: any;\n\ticonUrl: string | undefined;\n\tentitled: any;\n};\n\n/**\n * The header of the AppShowcase. Contains the actionable buttons (to add/remove and app) and the app title and icon\n * @param {object} props Component props\n * @param {string} props.iconUrl The image url for the app's icon\n * @param {string} props.name The app name\n * @param {func} props.appAction The function to call when a button is clicked.\n */\nconst Header = (props: HeaderProps) => {\n\tconst addApp = () => {\n\t\tif (props.installed) {\n\t\t\tif (pendingSpawn) return;\n\t\t\tpendingSpawn = true;\n\t\t\tconst name = props.title || props.name;\n\t\t\t// If the app has a URL property\n\t\t\t// For now, this means it was manually added\n\t\t\t// So lets spawn from URL\n\t\t\tif (props.url) {\n\t\t\t\tFSBL.Clients.LauncherClient.spawn(\n\t\t\t\t\t\"\",\n\t\t\t\t\t{\n\t\t\t\t\t\turl: props.url,\n\t\t\t\t\t\taddToWorkspace: true,\n\t\t\t\t\t},\n\t\t\t\t\t() => {\n\t\t\t\t\t\tpendingSpawn = false;\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Otherwise launch application by name\n\t\t\tFSBL.Clients.LauncherClient.spawn(name.trim(), { addToWorkspace: true }, () => {\n\t\t\t\tpendingSpawn = false;\n\t\t\t});\n\t\t} else {\n\t\t\tstoreActions.addApp(props.appId);\n\t\t}\n\t};\n\n\tconst removeApp = () => {\n\t\tstoreActions.removeApp(props.appId);\n\t};\n\n\treturn (\n\t\t<div className=\"header\">\n\t\t\t<div className=\"icon-title-container\">\n\t\t\t\t<img className=\"header-icon\" src={props.iconUrl} />\n\t\t\t\t<span className=\"appName\">{props.name}</span>\n\t\t\t</div>\n\t\t\t<div className=\"action-button-container\">\n\t\t\t\t<button\n\t\t\t\t\tclassName={props.entitled ? \"action-button open\" : \"action-button disabled\"}\n\t\t\t\t\tdisabled={!props.entitled}\n\t\t\t\t\tonClick={addApp}\n\t\t\t\t>\n\t\t\t\t\t{props.installed ? (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span className=\"action-button-label\">Open</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span className=\"action-button-label\">Add</span>\n\t\t\t\t\t)}\n\t\t\t\t</button>\n\t\t\t\t{props.installed && (\n\t\t\t\t\t<button\n\t\t\t\t\t\tclassName={props.entitled ? \"action-button remove\" : \"action-button remove disabled\"}\n\t\t\t\t\t\tdisabled={!props.entitled}\n\t\t\t\t\t\tonClick={removeApp}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"ff-adp-trash-outline\" title=\"Remove App\" />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Header;\n"]}

package/react/components/appCatalog/components/Showcase/ImageCarousel.d.ts

@@ -0,0 +1,13 @@
+export default ImageCarousel;
+/**
+ * The image carousel which displays images for a single app
+ * @param {object} props Component props
+ * @param {func} props.nextImage Function supplied by the parent to page through the images (right)
+ * @param {func} props.previousImage Function supplied by the parent to page through the images (left)
+ * @param {array} props.images The images of the displayed app
+ */
+declare function ImageCarousel(props: {
+    nextImage: func;
+    previousImage: func;
+    images: array;
+}): JSX.Element;

package/react/components/appCatalog/components/Showcase/ImageCarousel.js

@@ -0,0 +1,26 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This component is the name of a component and a pin that will pin that component to all toolbars.
+ *
+ */
+import React from "react";
+/**
+ * The image carousel which displays images for a single app
+ * @param {object} props Component props
+ * @param {func} props.nextImage Function supplied by the parent to page through the images (right)
+ * @param {func} props.previousImage Function supplied by the parent to page through the images (left)
+ * @param {array} props.images The images of the displayed app
+ */
+const ImageCarousel = (props) => {
+    return (React.createElement("div", { className: "image-carousel-container" },
+        React.createElement("i", { className: "ff-adp-chevron-left", onClick: props.nextImage }),
+        React.createElement("div", { className: "image-carousel" }, props.images.map((imageUrl, i) => {
+            return (React.createElement("img", { key: "showcase-image-" + i, className: "image-carousel-image", src: imageUrl, onClick: props.openModal.bind(this, imageUrl) }));
+        })),
+        React.createElement("i", { className: "ff-adp-chevron-right", onClick: props.previousImage })));
+};
+export default ImageCarousel;
+//# sourceMappingURL=ImageCarousel.js.map

package/react/components/appCatalog/components/Showcase/ImageCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCarousel.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/ImageCarousel.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B;QACxC,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,KAAK,CAAC,SAAS,GAAM;QACjE,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;YACjC,OAAO,CACN,6BACC,GAAG,EAAE,iBAAiB,GAAG,CAAC,EAC1B,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,GAC5C,CACF,CAAC;QACH,CAAC,CAAC,CACG;QACN,2BAAG,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,KAAK,CAAC,aAAa,GAAM,CACjE,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n/**\n * This component is the name of a component and a pin that will pin that component to all toolbars.\n *\n */\nimport React from \"react\";\n\n/**\n * The image carousel which displays images for a single app\n * @param {object} props Component props\n * @param {func} props.nextImage Function supplied by the parent to page through the images (right)\n * @param {func} props.previousImage Function supplied by the parent to page through the images (left)\n * @param {array} props.images The images of the displayed app\n */\nconst ImageCarousel = (props) => {\n\treturn (\n\t\t<div className=\"image-carousel-container\">\n\t\t\t<i className=\"ff-adp-chevron-left\" onClick={props.nextImage}></i>\n\t\t\t<div className=\"image-carousel\">\n\t\t\t\t{props.images.map((imageUrl, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tkey={\"showcase-image-\" + i}\n\t\t\t\t\t\t\tclassName=\"image-carousel-image\"\n\t\t\t\t\t\t\tsrc={imageUrl}\n\t\t\t\t\t\t\tonClick={props.openModal.bind(this, imageUrl)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<i className=\"ff-adp-chevron-right\" onClick={props.previousImage}></i>\n\t\t</div>\n\t);\n};\n\nexport default ImageCarousel;\n"]}

package/react/components/appCatalog/components/Showcase/Modal.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+declare type ModalProps = {
+    open: boolean;
+    closeModal: () => void;
+    children: React.ReactNode;
+};
+/**
+ * The image modal (light box)
+ * @param {object} props Component props
+ * @param {func} props.closeModal Parent function to close the modal. Actual display is handled by CSS
+ * @param {object} props.children The inner contents (elements) of the array
+ */
+declare const Modal: ({ open, closeModal, children }: ModalProps) => JSX.Element;
+export default Modal;

package/react/components/appCatalog/components/Showcase/Modal.js

@@ -0,0 +1,24 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * The image modal (light box)
+ * @param {object} props Component props
+ * @param {func} props.closeModal Parent function to close the modal. Actual display is handled by CSS
+ * @param {object} props.children The inner contents (elements) of the array
+ */
+const Modal = ({ open, closeModal, children }) => {
+    let modalClassName = "modal";
+    if (open) {
+        modalClassName = `${modalClassName} open`;
+    }
+    else {
+        modalClassName = `${modalClassName} closed`;
+    }
+    return (React.createElement("div", { className: modalClassName, onClick: closeModal },
+        React.createElement("div", { className: "modal-main" }, children)));
+};
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/react/components/appCatalog/components/Showcase/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/Modal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;GAKG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAc,EAAE,EAAE;IAC5D,IAAI,cAAc,GAAG,OAAO,CAAC;IAC7B,IAAI,IAAI,EAAE;QACT,cAAc,GAAG,GAAG,cAAc,OAAO,CAAC;KAC1C;SAAM;QACN,cAAc,GAAG,GAAG,cAAc,SAAS,CAAC;KAC5C;IAED,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU;QAClD,6BAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CACvC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\ntype ModalProps = {\n\topen: boolean;\n\tcloseModal: () => void;\n\tchildren: React.ReactNode;\n};\n\n/**\n * The image modal (light box)\n * @param {object} props Component props\n * @param {func} props.closeModal Parent function to close the modal. Actual display is handled by CSS\n * @param {object} props.children The inner contents (elements) of the array\n */\nconst Modal = ({ open, closeModal, children }: ModalProps) => {\n\tlet modalClassName = \"modal\";\n\tif (open) {\n\t\tmodalClassName = `${modalClassName} open`;\n\t} else {\n\t\tmodalClassName = `${modalClassName} closed`;\n\t}\n\n\treturn (\n\t\t<div className={modalClassName} onClick={closeModal}>\n\t\t\t<div className=\"modal-main\">{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Modal;\n"]}

package/react/components/appCatalog/components/Showcase/ReleaseNotes.d.ts

@@ -0,0 +1,9 @@
+export default ReleaseNotes;
+/**
+ * AppShowcase release notes section. Display information about app's most recent change notes
+ * @param {object} props Component props
+ * @param {string} props.releaseNotes The release notes
+ */
+declare function ReleaseNotes(props: {
+    releaseNotes: string;
+}): JSX.Element;

package/react/components/appCatalog/components/Showcase/ReleaseNotes.js

@@ -0,0 +1,19 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { DEFAULT_APP_RELEASE_NOTES } from "./defaults";
+/**
+ * AppShowcase release notes section. Display information about app's most recent change notes
+ * @param {object} props Component props
+ * @param {string} props.releaseNotes The release notes
+ */
+const ReleaseNotes = (props) => {
+    return (React.createElement("div", { className: "app-notes release-notes" },
+        React.createElement("span", { className: "showcase-label" }, "Release Notes"),
+        React.createElement("div", { className: "release-notes-content" },
+            React.createElement("div", null, props.releaseNotes || DEFAULT_APP_RELEASE_NOTES))));
+};
+export default ReleaseNotes;
+//# sourceMappingURL=ReleaseNotes.js.map

package/react/components/appCatalog/components/Showcase/ReleaseNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/ReleaseNotes.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEvD;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CACN,6BAAK,SAAS,EAAC,yBAAyB;QACvC,8BAAM,SAAS,EAAC,gBAAgB,oBAAqB;QACrD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,iCAAM,KAAK,CAAC,YAAY,IAAI,yBAAyB,CAAO,CACvD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport { DEFAULT_APP_RELEASE_NOTES } from \"./defaults\";\n\n/**\n * AppShowcase release notes section. Display information about app's most recent change notes\n * @param {object} props Component props\n * @param {string} props.releaseNotes The release notes\n */\nconst ReleaseNotes = (props) => {\n\treturn (\n\t\t<div className=\"app-notes release-notes\">\n\t\t\t<span className=\"showcase-label\">Release Notes</span>\n\t\t\t<div className=\"release-notes-content\">\n\t\t\t\t<div>{props.releaseNotes || DEFAULT_APP_RELEASE_NOTES}</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default ReleaseNotes;\n"]}

package/react/components/appCatalog/components/Showcase/SupportNotes.d.ts

@@ -0,0 +1,11 @@
+export default SupportNotes;
+/**
+ * AppShowcase support notes section.
+ * @param {object} props Component props
+ * @param {string} props.email The publisher's support email address
+ * @param {array} props.tags An array containing the names of all tags that apply to this app
+ */
+declare function SupportNotes(props: {
+    email: string;
+    tags: array;
+}): JSX.Element;

package/react/components/appCatalog/components/Showcase/SupportNotes.js

@@ -0,0 +1,27 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { getTruncatedStringWithEllipses } from "../helpers";
+//data
+import storeActions from "../../stores/storeActions";
+/**
+ * AppShowcase support notes section.
+ * @param {object} props Component props
+ * @param {string} props.email The publisher's support email address
+ * @param {array} props.tags An array containing the names of all tags that apply to this app
+ */
+const SupportNotes = (props) => (React.createElement("div", { className: "dev-notes support" },
+    React.createElement("div", { className: "support-content" },
+        React.createElement("span", { className: "showcase-label" }, "Support"),
+        React.createElement("div", { className: "support" }, props.email)),
+    React.createElement("div", { className: "tags-content" },
+        React.createElement("span", { className: "showcase-label" }, "Tags"),
+        React.createElement("div", { className: "tags" }, props.tags.map((tag, i) => {
+            let tagName = tag;
+            return (React.createElement("div", { key: `showcase-tag-label-${i}`, className: "tag-label", onClick: storeActions.addTag.bind(this, tag) },
+                React.createElement("span", { className: "label-content", title: tagName }, getTruncatedStringWithEllipses(tagName))));
+        })))));
+export default SupportNotes;
+//# sourceMappingURL=SupportNotes.js.map

package/react/components/appCatalog/components/Showcase/SupportNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/SupportNotes.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAE5D,MAAM;AACN,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/B,6BAAK,SAAS,EAAC,mBAAmB;IACjC,6BAAK,SAAS,EAAC,iBAAiB;QAC/B,8BAAM,SAAS,EAAC,gBAAgB,cAAe;QAC/C,6BAAK,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,KAAK,CAAO,CACvC;IACN,6BAAK,SAAS,EAAC,cAAc;QAC5B,8BAAM,SAAS,EAAC,gBAAgB,WAAY;QAC5C,6BAAK,SAAS,EAAC,MAAM,IACnB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YAC1B,IAAI,OAAO,GAAG,GAAG,CAAC;YAElB,OAAO,CACN,6BAAK,GAAG,EAAE,sBAAsB,CAAC,EAAE,EAAE,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC;gBACtG,8BAAM,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,OAAO,IAC5C,8BAA8B,CAAC,OAAO,CAAC,CAClC,CACF,CACN,CAAC;QACH,CAAC,CAAC,CACG,CACD,CACD,CACN,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\nimport { getTruncatedStringWithEllipses } from \"../helpers\";\n\n//data\nimport storeActions from \"../../stores/storeActions\";\n\n/**\n * AppShowcase support notes section.\n * @param {object} props Component props\n * @param {string} props.email The publisher's support email address\n * @param {array} props.tags An array containing the names of all tags that apply to this app\n */\nconst SupportNotes = (props) => (\n\t<div className=\"dev-notes support\">\n\t\t<div className=\"support-content\">\n\t\t\t<span className=\"showcase-label\">Support</span>\n\t\t\t<div className=\"support\">{props.email}</div>\n\t\t</div>\n\t\t<div className=\"tags-content\">\n\t\t\t<span className=\"showcase-label\">Tags</span>\n\t\t\t<div className=\"tags\">\n\t\t\t\t{props.tags.map((tag, i) => {\n\t\t\t\t\tlet tagName = tag;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={`showcase-tag-label-${i}`} className=\"tag-label\" onClick={storeActions.addTag.bind(this, tag)}>\n\t\t\t\t\t\t\t<span className=\"label-content\" title={tagName}>\n\t\t\t\t\t\t\t\t{getTruncatedStringWithEllipses(tagName)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n);\n\nexport default SupportNotes;\n"]}

package/react/components/appCatalog/components/Showcase/VersionNotes.d.ts

@@ -0,0 +1,9 @@
+export default VersionNotes;
+/**
+ * AppShowcase version notes section.
+ * @param {object} props Component props
+ * @param {string} props.version The current app version
+ */
+declare function VersionNotes(props: {
+    version: string;
+}): JSX.Element;

package/react/components/appCatalog/components/Showcase/VersionNotes.js

@@ -0,0 +1,22 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { DEFAULT_APP_VERSION } from "./defaults";
+/**
+ * AppShowcase version notes section.
+ * @param {object} props Component props
+ * @param {string} props.version The current app version
+ */
+const VersionNotes = (props) => {
+    return (React.createElement("div", { className: "dev-notes version-update" },
+        React.createElement("div", { className: "version-content" },
+            React.createElement("span", { className: "showcase-label" }, "Version"),
+            React.createElement("div", { className: "version" }, props.version || DEFAULT_APP_VERSION)),
+        React.createElement("div", { className: "updated-content" },
+            React.createElement("span", { className: "showcase-label" }, "Last Updated"),
+            React.createElement("div", { className: "updated" }, "Not available"))));
+};
+export default VersionNotes;
+//# sourceMappingURL=VersionNotes.js.map

package/react/components/appCatalog/components/Showcase/VersionNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/VersionNotes.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B;QACxC,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,8BAAM,SAAS,EAAC,gBAAgB,cAAe;YAC/C,6BAAK,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,OAAO,IAAI,mBAAmB,CAAO,CAChE;QACN,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,8BAAM,SAAS,EAAC,gBAAgB,mBAAoB;YACpD,6BAAK,SAAS,EAAC,SAAS,oBAAoB,CACvC,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport { DEFAULT_APP_VERSION } from \"./defaults\";\n\n/**\n * AppShowcase version notes section.\n * @param {object} props Component props\n * @param {string} props.version The current app version\n */\nconst VersionNotes = (props) => {\n\treturn (\n\t\t<div className=\"dev-notes version-update\">\n\t\t\t<div className=\"version-content\">\n\t\t\t\t<span className=\"showcase-label\">Version</span>\n\t\t\t\t<div className=\"version\">{props.version || DEFAULT_APP_VERSION}</div>\n\t\t\t</div>\n\t\t\t<div className=\"updated-content\">\n\t\t\t\t<span className=\"showcase-label\">Last Updated</span>\n\t\t\t\t<div className=\"updated\">Not available</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default VersionNotes;\n"]}

package/react/components/appCatalog/components/Showcase/defaults.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_APP_DESCRIPTION = "Place a description of the app here.";
+export declare const DEFAULT_APP_VERSION = "N/A";
+export declare const DEFAULT_APP_RELEASE_NOTES = "N/A";

package/react/components/appCatalog/components/Showcase/defaults.js

@@ -0,0 +1,4 @@
+export const DEFAULT_APP_DESCRIPTION = "Place a description of the app here.";
+export const DEFAULT_APP_VERSION = "N/A";
+export const DEFAULT_APP_RELEASE_NOTES = "N/A";
+//# sourceMappingURL=defaults.js.map

package/react/components/appCatalog/components/Showcase/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/defaults.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,sCAAsC,CAAC;AAC9E,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC;AACzC,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC","sourcesContent":["export const DEFAULT_APP_DESCRIPTION = \"Place a description of the app here.\";\nexport const DEFAULT_APP_VERSION = \"N/A\";\nexport const DEFAULT_APP_RELEASE_NOTES = \"N/A\";\n"]}

package/react/components/appCatalog/components/Tag.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Props {
+    name: string;
+    removeTag: (tag: string) => void;
+}
+/**
+ * A display component for tag name. Contains a stylized label
+ * @param {object} props Component props
+ * @param {string} props.name The name of the tag
+ * @param {func} props.removeTag Parent function to remove a tag from active filters
+ */
+declare const Tag: (props: Props) => JSX.Element;
+export default Tag;

package/react/components/appCatalog/components/Tag.js

@@ -0,0 +1,23 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * A display component for tag name. Contains a stylized label
+ * @param {object} props Component props
+ * @param {string} props.name The name of the tag
+ * @param {func} props.removeTag Parent function to remove a tag from active filters
+ */
+const Tag = (props) => {
+    const remove = () => {
+        props.removeTag(props.name);
+    };
+    return (React.createElement("div", { className: "app-tag" },
+        React.createElement("div", { className: "tag-content" },
+            React.createElement("div", { className: "tag-name" }, props.name),
+            "\u00A0\u00A0",
+            React.createElement("i", { className: "ff-close tag-delete", onClick: remove }))));
+};
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/react/components/appCatalog/components/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Tag.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;GAKG;AACH,MAAM,GAAG,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5B,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,SAAS;QACvB,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,UAAU,IAAE,KAAK,CAAC,IAAI,CAAO;;YAC5C,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,GAAM,CACnD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\ninterface Props {\n\tname: string;\n\tremoveTag: (tag: string) => void;\n}\n\n/**\n * A display component for tag name. Contains a stylized label\n * @param {object} props Component props\n * @param {string} props.name The name of the tag\n * @param {func} props.removeTag Parent function to remove a tag from active filters\n */\nconst Tag = (props: Props) => {\n\tconst remove = () => {\n\t\tprops.removeTag(props.name);\n\t};\n\n\treturn (\n\t\t<div className=\"app-tag\">\n\t\t\t<div className=\"tag-content\">\n\t\t\t\t<div className=\"tag-name\">{props.name}</div>&nbsp;&nbsp;\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tag;\n"]}

package/react/components/appCatalog/components/Toast.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface IProps {
+    installationActionTaken: string;
+}
+/**
+ * Toast component. Displays a success/failure message when an app is added/removed
+ * @param {object} props Component props
+ * @param {string} props.installationActionTaken String containing the action that occurred
+ */
+declare const Toast: (props: IProps) => JSX.Element | null;
+export default Toast;

package/react/components/appCatalog/components/Toast.js

@@ -0,0 +1,39 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * Toast component. Displays a success/failure message when an app is added/removed
+ * @param {object} props Component props
+ * @param {string} props.installationActionTaken String containing the action that occurred
+ */
+const Toast = (props) => {
+    let classes = "toast-content";
+    let messageContent = null;
+    switch (props.installationActionTaken) {
+        case "add":
+            messageContent = "App Added";
+            classes = `${classes} success`;
+            break;
+        case "remove":
+            messageContent = "App Removed";
+            classes = `${classes} error`;
+            break;
+        default:
+            classes = `${classes} not-shown`;
+            break;
+    }
+    if (messageContent !== null) {
+        return (React.createElement("div", { className: classes },
+            React.createElement("span", { className: "toast" },
+                React.createElement("i", null),
+                "\u00A0\u00A0",
+                messageContent)));
+    }
+    else {
+        return null;
+    }
+};
+export default Toast;
+//# sourceMappingURL=Toast.js.map

package/react/components/appCatalog/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Toast.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;GAIG;AACH,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/B,IAAI,OAAO,GAAG,eAAe,CAAC;IAC9B,IAAI,cAAc,GAAkB,IAAI,CAAC;IAEzC,QAAQ,KAAK,CAAC,uBAAuB,EAAE;QACtC,KAAK,KAAK;YACT,cAAc,GAAG,WAAW,CAAC;YAC7B,OAAO,GAAG,GAAG,OAAO,UAAU,CAAC;YAC/B,MAAM;QACP,KAAK,QAAQ;YACZ,cAAc,GAAG,aAAa,CAAC;YAC/B,OAAO,GAAG,GAAG,OAAO,QAAQ,CAAC;YAC7B,MAAM;QACP;YACC,OAAO,GAAG,GAAG,OAAO,YAAY,CAAC;YACjC,MAAM;KACP;IAED,IAAI,cAAc,KAAK,IAAI,EAAE;QAC5B,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO;YACtB,8BAAM,SAAS,EAAC,OAAO;gBACtB,8BAAK;;gBACQ,cAAc,CACrB,CACF,CACN,CAAC;KACF;SAAM;QACN,OAAO,IAAI,CAAC;KACZ;AACF,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\ninterface IProps {\n\tinstallationActionTaken: string;\n}\n\n/**\n * Toast component. Displays a success/failure message when an app is added/removed\n * @param {object} props Component props\n * @param {string} props.installationActionTaken String containing the action that occurred\n */\nconst Toast = (props: IProps) => {\n\tlet classes = \"toast-content\";\n\tlet messageContent: string | null = null;\n\n\tswitch (props.installationActionTaken) {\n\t\tcase \"add\":\n\t\t\tmessageContent = \"App Added\";\n\t\t\tclasses = `${classes} success`;\n\t\t\tbreak;\n\t\tcase \"remove\":\n\t\t\tmessageContent = \"App Removed\";\n\t\t\tclasses = `${classes} error`;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tclasses = `${classes} not-shown`;\n\t\t\tbreak;\n\t}\n\n\tif (messageContent !== null) {\n\t\treturn (\n\t\t\t<div className={classes}>\n\t\t\t\t<span className=\"toast\">\n\t\t\t\t\t<i />\n\t\t\t\t\t&nbsp;&nbsp;{messageContent}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\treturn null;\n\t}\n};\n\nexport default Toast;\n"]}