@finsemble/finsemble-ui 7.0.0 → 7.1.0-beta.2

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

@@ -1,5 +1,11 @@
+/*!
+ * 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";
@@ -31,8 +37,12 @@ class AppShowcase extends Component {
         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;
         }
@@ -43,8 +53,12 @@ class AppShowcase extends Component {
             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;
         }
@@ -55,18 +69,29 @@ class AppShowcase extends Component {
             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);
     }

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

@@ -1 +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"]}
+{"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

@@ -10,5 +10,12 @@ declare type HeaderProps = AppMetadata & {
     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

@@ -3,8 +3,16 @@
  * 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) {
@@ -12,6 +20,9 @@ const Header = (props) => {
                 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,
@@ -21,6 +32,7 @@ const Header = (props) => {
                 });
                 return;
             }
+            // Otherwise launch application by name
             FSBL.Clients.LauncherClient.spawn(name.trim(), { addToWorkspace: true }, () => {
                 pendingSpawn = false;
             });

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

@@ -1 +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;AAI1B,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,IAAI,YAAY,GAAG,KAAK,CAAC;AAgBzB,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;YAIvC,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;YAED,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"]}
+{"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

@@ -1,4 +1,11 @@
 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;

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

@@ -2,7 +2,18 @@
  * 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 }),

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

@@ -1 +1 @@
-{"version":3,"file":"ImageCarousel.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/ImageCarousel.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,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"]}
+{"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

@@ -1,8 +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

@@ -1,4 +1,14 @@
+/*!
+ * 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) {

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,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"]}
+{"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

@@ -1,4 +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

@@ -1,5 +1,14 @@
+/*!
+ * 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"),

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

@@ -1 +1 @@
-{"version":3,"file":"ReleaseNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/ReleaseNotes.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAOvD,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"]}
+{"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

@@ -1,4 +1,10 @@
 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;

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

@@ -1,6 +1,17 @@
+/*!
+ * 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"),

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

@@ -1 +1 @@
-{"version":3,"file":"SupportNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/SupportNotes.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAG5D,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAQrD,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"]}
+{"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

@@ -1,4 +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

@@ -1,5 +1,14 @@
+/*!
+ * 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" },

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

@@ -1 +1 @@
-{"version":3,"file":"VersionNotes.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/VersionNotes.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAOjD,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"]}
+{"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/Tag.d.ts

@@ -3,5 +3,11 @@ 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

@@ -1,4 +1,14 @@
+/*!
+ * 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);

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,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"]}
+{"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

@@ -2,5 +2,10 @@
 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

@@ -1,4 +1,13 @@
+/*!
+ * 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;

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,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"]}
+{"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"]}

package/react/components/appCatalog/components/helpers.js

@@ -11,6 +11,7 @@ export const getAppNameIconWhenNoImage = (appName) => {
                 break;
             }
         }
+        //Reset the regexp
         testForAlphaNumeric.compile();
         for (let j = 0; j < appNameWords[1].length; j++) {
             word2Letter = appNameWords[1][j];

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/helpers.js"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,EAAE;IACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,mBAAmB,GAAG,cAAc,CAAC;IAE3C,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,IAAI,WAAW,CAAC;QAChB,IAAI,WAAW,CAAC;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;gBAC1C,MAAM;aACN;SACD;QAGD,mBAAmB,CAAC,OAAO,EAAE,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;gBAC1C,MAAM;aACN;SACD;QAED,OAAO,GAAG,WAAW,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,WAAW,EAAE,EAAE,CAAC;KAClE;SAAM;QACN,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KACxC;AACF,CAAC,CAAC;AAEF,MAAM,UAAU,8BAA8B,CAAC,IAAI;IAClD,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACtB,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC;KAC1D;IAED,OAAO,IAAI,CAAC;AACb,CAAC","sourcesContent":["const TAG_CHARACTER_LIMIT = 30;\n\nexport const getAppNameIconWhenNoImage = (appName) => {\n\tconst appNameWords = appName.split(\" \");\n\tconst testForAlphaNumeric = /[a-zA-Z0-9]/g;\n\n\tif (appNameWords.length > 1) {\n\t\tlet word1Letter;\n\t\tlet word2Letter;\n\n\t\tfor (let i = 0; i < appNameWords[0].length; i++) {\n\t\t\tword1Letter = appNameWords[0][i];\n\t\t\tif (testForAlphaNumeric.test(word1Letter)) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t//Reset the regexp\n\t\ttestForAlphaNumeric.compile();\n\n\t\tfor (let j = 0; j < appNameWords[1].length; j++) {\n\t\t\tword2Letter = appNameWords[1][j];\n\t\t\tif (testForAlphaNumeric.test(word2Letter)) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn `${word1Letter.toUpperCase()}${word2Letter.toUpperCase()}`;\n\t} else {\n\t\treturn appNameWords[0][0].toUpperCase();\n\t}\n};\n\nexport function getTruncatedStringWithEllipses(name) {\n\tif (name.length >= 30) {\n\t\treturn `${name.substring(0, TAG_CHARACTER_LIMIT - 3)}...`;\n\t}\n\n\treturn name;\n}\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/helpers.js"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,OAAO,EAAE,EAAE;IACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,mBAAmB,GAAG,cAAc,CAAC;IAE3C,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,IAAI,WAAW,CAAC;QAChB,IAAI,WAAW,CAAC;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;gBAC1C,MAAM;aACN;SACD;QAED,kBAAkB;QAClB,mBAAmB,CAAC,OAAO,EAAE,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChD,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;gBAC1C,MAAM;aACN;SACD;QAED,OAAO,GAAG,WAAW,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,WAAW,EAAE,EAAE,CAAC;KAClE;SAAM;QACN,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KACxC;AACF,CAAC,CAAC;AAEF,MAAM,UAAU,8BAA8B,CAAC,IAAI;IAClD,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACtB,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC;KAC1D;IAED,OAAO,IAAI,CAAC;AACb,CAAC","sourcesContent":["const TAG_CHARACTER_LIMIT = 30;\n\nexport const getAppNameIconWhenNoImage = (appName) => {\n\tconst appNameWords = appName.split(\" \");\n\tconst testForAlphaNumeric = /[a-zA-Z0-9]/g;\n\n\tif (appNameWords.length > 1) {\n\t\tlet word1Letter;\n\t\tlet word2Letter;\n\n\t\tfor (let i = 0; i < appNameWords[0].length; i++) {\n\t\t\tword1Letter = appNameWords[0][i];\n\t\t\tif (testForAlphaNumeric.test(word1Letter)) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t//Reset the regexp\n\t\ttestForAlphaNumeric.compile();\n\n\t\tfor (let j = 0; j < appNameWords[1].length; j++) {\n\t\t\tword2Letter = appNameWords[1][j];\n\t\t\tif (testForAlphaNumeric.test(word2Letter)) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn `${word1Letter.toUpperCase()}${word2Letter.toUpperCase()}`;\n\t} else {\n\t\treturn appNameWords[0][0].toUpperCase();\n\t}\n};\n\nexport function getTruncatedStringWithEllipses(name) {\n\tif (name.length >= 30) {\n\t\treturn `${name.substring(0, TAG_CHARACTER_LIMIT - 3)}...`;\n\t}\n\n\treturn name;\n}\n"]}

package/react/components/appCatalog/modules/AppDirectory.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
 declare type Class = {
     new (...args: any[]): any;
 };

package/react/components/appCatalog/modules/AppDirectory.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
 export default class AppDirectory {
     constructor(client) {
         return client;

package/react/components/appCatalog/modules/AppDirectory.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDirectory.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/modules/AppDirectory.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,YAAY,MAAa;QACxB,OAAO,MAAM,CAAC;IACf,CAAC;CACD","sourcesContent":["/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n * To be implemented..\n */\n\ntype Class = { new (...args: any[]): any };\n\nexport default class AppDirectory {\n\tconstructor(client: Class) {\n\t\treturn client;\n\t}\n}\n"]}
+{"version":3,"file":"AppDirectory.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/modules/AppDirectory.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,YAAY,MAAa;QACxB,OAAO,MAAM,CAAC;IACf,CAAC;CACD","sourcesContent":["/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n * To be implemented..\n */\n\ntype Class = { new (...args: any[]): any };\n\nexport default class AppDirectory {\n\tconstructor(client: Class) {\n\t\treturn client;\n\t}\n}\n"]}

package/react/components/appCatalog/modules/FDC3.d.ts

@@ -1,14 +1,51 @@
 import React from "react";
 import { FDC3Props, FDC3PostCallback, FDC3SearchCallback, FDC3GetCallback } from "../../../types/fdc3";
 import { StandardError } from "@finsemble/finsemble-api/types/types";
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * FDC3 App directory client, I will be using fetch()
+ * to make calls to the appd web service, even though I'm
+ * not sure where did fetch() come from, will investigate later
+ */
 export default class FDC3 extends React.Component<FDC3Props> {
     creds: {};
     config: FDC3Props["config"];
     constructor(props: FDC3Props);
+    /**
+     * Http get wrapper
+     * @param {string} path The restful method path
+     * @param {function} done The callback function
+     */
     _get(path: string, done: FDC3GetCallback): void;
+    /**
+     *
+     * @param {string} path The restful method path
+     * @param {object} params The post data
+     * @param {function} done The callback function
+     */
     _post(path: string, params: Record<string, string>, done: FDC3PostCallback): void;
+    /**
+     * Returns all applications
+     * @param {function} callback The optional callback function
+     */
     getAll(callback: (arg1: Record<string, string> | null, applications: string[]) => void): Promise<unknown>;
+    /**
+     * Returns a single application in results
+     * @param {string} appId The app id
+     */
     get(appId: string, callback: (error: StandardError, application: string) => void): Promise<unknown>;
+    /**
+     * Returns unique tags
+     * @param {function} callback The optional callback function
+     */
     getTags(callback: (error: StandardError, results: string[]) => void): Promise<unknown>;
+    /**
+     * Returns a list of applications based on text and filter
+     * @param {object} params The search criteria
+     * @param {function} callback The callback function
+     * @example search({text: 'blah', filter: {tag: 'newrelease'}})
+     */
     search(params: Record<string, string>, callback: FDC3SearchCallback): Promise<unknown>;
 }