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

package/react/components/appCatalog/components/AppCard.js

@@ -1,6 +1,18 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React, { Component } from "react";
 import { getAppNameIconWhenNoImage, getTruncatedStringWithEllipses } from "./helpers";
+// data
 import storeActions from "../stores/storeActions";
+/**
+ * The card that displays on any page with information about an app. Clicking on it will lead to the AppShowcase or install (if the check is clicked)
+ * @param {object} props Component props
+ * @param {object} props...card The entire object that belongs to a single app. See FDC app directory.
+ * @param {boolean} props.entitled If true, the app cannot be installed by this user, only viewed
+ * @param {boolean} props.installed If true the app is installed on this local fsbl
+ */
 class AppCard extends Component {
     constructor(props) {
         super(props);
@@ -39,28 +51,42 @@ class AppCard extends Component {
             });
         }
     }
+    /**
+     * Toggles the highlight state of the check mark for installing an app
+     */
     toggleHighlight() {
         this.setState({
             checkHighlighted: !this.state.checkHighlighted,
         });
     }
+    /**
+     * Toggles the 'highlight' state of the app title. On mouse over, the title is underlined to show that its a link
+     */
     toggleTitleUnderline() {
         this.setState({
             titleUnderlined: !this.state.titleUnderlined,
         });
     }
+    /**
+     * Shows the check mark for adding/removing an app
+     */
     showCheck() {
         this.setState({
             checkShown: true,
         });
     }
+    /**
+     * Hides the check mark for adding/removing an app
+     */
     hideCheck() {
         if (this.state.awaitingInstall) {
+            // If an add/remove is taking place and this is called, toggle the check after the action completes
             this.setState({
                 toggleCheckAfterAction: true,
             });
         }
         else {
+            // Don't hide if installed. Stay green and showing
             if (!this.props.installed) {
                 this.setState({
                     checkShown: false,
@@ -68,29 +94,40 @@ class AppCard extends Component {
             }
         }
     }
+    /**
+     * Calls parent passed function to open the app showcase for the supplied app
+     */
     openAppShowcase() {
         this.props.viewAppShowcase(this.state.id);
     }
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to add an app
+     * @param {object} e React Synthetic event
+     */
     addApp(e) {
         e.preventDefault();
         e.stopPropagation();
         this.setState({
             awaitingInstall: true,
         }, () => {
-            storeActions.addApp(this.state.id, (err) => {
+            storeActions.addApp(this.state.id, () => {
                 this.setState({
                     awaitingInstall: false,
                 });
             });
         });
     }
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to remove an app
+     * @param {object} e React Synthetic event
+     */
     removeApp(e) {
         e.preventDefault();
         e.stopPropagation();
         this.setState({
             awaitingInstall: true,
         }, () => {
-            storeActions.removeApp(this.state.id, (err) => {
+            storeActions.removeApp(this.state.id, () => {
                 if (this.state.toggleCheckAfterAction) {
                     this.setState({
                         awaitingInstall: false,
@@ -106,6 +143,11 @@ class AppCard extends Component {
             });
         });
     }
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to add a filtering tag
+     * @param {string} name The tag name to add
+     * @param {object} e React Synthetic event
+     */
     addTag(name, e) {
         e.preventDefault();
         e.stopPropagation();

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

@@ -1 +1 @@
-{"version":3,"file":"AppCard.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/AppCard.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { Component } from \"react\";\r\nimport { getAppNameIconWhenNoImage, getTruncatedStringWithEllipses } from \"./helpers\";\r\n\r\n// data\r\nimport storeActions from \"../stores/storeActions\";\r\n\r\n/**\r\n * The card that displays on any page with information about an app. Clicking on it will lead to the AppShowcase or install (if the check is clicked)\r\n * @param {object} props Component props\r\n * @param {object} props...card The entire object that belongs to a single app. See FDC app directory.\r\n * @param {boolean} props.entitled If true, the app cannot be installed by this user, only viewed\r\n * @param {boolean} props.installed If true the app is installed on this local fsbl\r\n */\r\nclass AppCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tcheckShown: this.props.installed === true,\r\n\t\t\tcheckHighlighted: false,\r\n\t\t\tawaitingInstall: false,\r\n\t\t\ttoggleCheckAfterAction: false,\r\n\t\t\ttitleUnderlined: false,\r\n\t\t\tappName: this.props.title || this.props.name,\r\n\t\t\tid: this.props.appId,\r\n\t\t\tentitled: this.props.entitled ? this.props.entitled : false,\r\n\t\t\ttags: this.props.tags || [],\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.toggleHighlight = this.toggleHighlight.bind(this);\r\n\t\tthis.toggleTitleUnderline = this.toggleTitleUnderline.bind(this);\r\n\t\tthis.showCheck = this.showCheck.bind(this);\r\n\t\tthis.hideCheck = this.hideCheck.bind(this);\r\n\t\tthis.openAppShowcase = this.openAppShowcase.bind(this);\r\n\t\tthis.addApp = this.addApp.bind(this);\r\n\t\tthis.removeApp = this.removeApp.bind(this);\r\n\t\tthis.addTag = this.addTag.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (!this.props.tags || this.props.tags.length === 0) return;\r\n\t\tconst list = this.tagNamesList;\r\n\t\tconst { footer } = this;\r\n\t\tif (list.offsetHeight >= footer.scrollHeight + 5) {\r\n\t\t\tlet newTags = this.state.tags.slice(0, 2);\r\n\t\t\tthis.setState({\r\n\t\t\t\ttags: newTags,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Toggles the highlight state of the check mark for installing an app\r\n\t */\r\n\ttoggleHighlight() {\r\n\t\tthis.setState({\r\n\t\t\tcheckHighlighted: !this.state.checkHighlighted,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Toggles the 'highlight' state of the app title. On mouse over, the title is underlined to show that its a link\r\n\t */\r\n\ttoggleTitleUnderline() {\r\n\t\tthis.setState({\r\n\t\t\ttitleUnderlined: !this.state.titleUnderlined,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Shows the check mark for adding/removing an app\r\n\t */\r\n\tshowCheck() {\r\n\t\tthis.setState({\r\n\t\t\tcheckShown: true,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Hides the check mark for adding/removing an app\r\n\t */\r\n\thideCheck() {\r\n\t\tif (this.state.awaitingInstall) {\r\n\t\t\t// If an add/remove is taking place and this is called, toggle the check after the action completes\r\n\t\t\tthis.setState({\r\n\t\t\t\ttoggleCheckAfterAction: true,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t// Don't hide if installed. Stay green and showing\r\n\t\t\tif (!this.props.installed) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tcheckShown: false,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Calls parent passed function to open the app showcase for the supplied app\r\n\t */\r\n\topenAppShowcase() {\r\n\t\tthis.props.viewAppShowcase(this.state.id);\r\n\t}\r\n\r\n\t/**\r\n\t * Prevents bubbling (which would open the app showcase), then calls to add an app\r\n\t * @param {object} e React Synthetic event\r\n\t */\r\n\taddApp(e) {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tawaitingInstall: true,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tstoreActions.addApp(this.state.id, (err) => {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tawaitingInstall: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Prevents bubbling (which would open the app showcase), then calls to remove an app\r\n\t * @param {object} e React Synthetic event\r\n\t */\r\n\tremoveApp(e) {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tawaitingInstall: true,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tstoreActions.removeApp(this.state.id, (err) => {\r\n\t\t\t\t\tif (this.state.toggleCheckAfterAction) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tawaitingInstall: false,\r\n\t\t\t\t\t\t\ttoggleCheckAfterAction: false,\r\n\t\t\t\t\t\t\tcheckShown: !this.state.checkShown,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tawaitingInstall: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Prevents bubbling (which would open the app showcase), then calls to add a filtering tag\r\n\t * @param {string} name The tag name to add\r\n\t * @param {object} e React Synthetic event\r\n\t */\r\n\taddTag(name, e) {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\r\n\t\tstoreActions.addTag(name);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet imageUrl = this.props.icons !== undefined ? this.props.icons[0].url : null;\r\n\r\n\t\tlet { appName, checkShown, checkHighlighted } = this.state;\r\n\r\n\t\tlet imageIconClasses = \"ff-check-mark-2\";\r\n\t\tif (this.props.installed && checkHighlighted) imageIconClasses = `${imageIconClasses} highlighted added`;\r\n\t\telse if (this.props.installed || checkHighlighted) imageIconClasses = `${imageIconClasses} highlighted`;\r\n\t\telse imageIconClasses = `${imageIconClasses} faded`;\r\n\r\n\t\tlet titleClass = this.state.titleUnderlined ? \"app-title highlighted\" : \"app-title\";\r\n\r\n\t\tlet entitled = this.state.entitled ? \" entitled\" : \"\";\r\n\r\n\t\tlet imageStyle = `app-image ${entitled}`;\r\n\r\n\t\tif (!imageUrl) {\r\n\t\t\timageUrl = this.props.images !== undefined ? this.props.images[0].url : null;\r\n\t\t\timageStyle = `${imageStyle} noIcon`;\r\n\t\t}\r\n\r\n\t\tif (!imageUrl) {\r\n\t\t\timageStyle = `${imageStyle} noImg`;\r\n\t\t}\r\n\r\n\t\tlet cardStyle = this.state.tags.length > 0 ? \"app-card\" : \"app-card no-tags\";\r\n\r\n\t\tlet appAction = this.props.installed ? this.removeApp : this.addApp;\r\n\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclassName={cardStyle}\r\n\t\t\t\tonClick={this.openAppShowcase}\r\n\t\t\t\tonMouseEnter={this.showCheck}\r\n\t\t\t\tonMouseLeave={this.hideCheck}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"app-image-container\">\r\n\t\t\t\t\t{imageUrl ? (\r\n\t\t\t\t\t\t<img className={imageStyle} src={imageUrl} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<div className={imageStyle}>\r\n\t\t\t\t\t\t\t<span>{getAppNameIconWhenNoImage(appName)}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={titleClass}\r\n\t\t\t\t\t\tonMouseEnter={this.toggleTitleUnderline}\r\n\t\t\t\t\t\tonMouseLeave={this.toggleTitleUnderline}\r\n\t\t\t\t\t\ttitle={appName}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{appName}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"row_description\">\r\n\t\t\t\t\t<div className=\"status-indicator\">\r\n\t\t\t\t\t\t{!entitled || !checkShown ? (\r\n\t\t\t\t\t\t\t<i>&nbsp;</i>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<i\r\n\t\t\t\t\t\t\t\tclassName={imageIconClasses}\r\n\t\t\t\t\t\t\t\tonMouseEnter={this.toggleHighlight}\r\n\t\t\t\t\t\t\t\tonMouseLeave={this.toggleHighlight}\r\n\t\t\t\t\t\t\t\tonClick={appAction}\r\n\t\t\t\t\t\t\t></i>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"app-description\">{this.props.description ? this.props.description : \"\"}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.state.tags.length > 0 && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName=\"app-tags\"\r\n\t\t\t\t\t\tref={(el) => {\r\n\t\t\t\t\t\t\tthis.footer = el;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<i className=\"ff-tag\"></i>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName=\"app-tag-names\"\r\n\t\t\t\t\t\t\tref={(el) => {\r\n\t\t\t\t\t\t\t\tthis.tagNamesList = el;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.state.tags.map((tag, i) => {\r\n\t\t\t\t\t\t\t\tconst tagName = tag;\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<span key={i} className=\"tag-name\" onClick={this.addTag.bind(this, tag)} title={tagName}>\r\n\t\t\t\t\t\t\t\t\t\t{getTruncatedStringWithEllipses(tagName)}\r\n\t\t\t\t\t\t\t\t\t\t{i !== this.props.tags.length - 1 ? \", \" : null}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default AppCard;\r\n"]}
+{"version":3,"file":"AppCard.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppCard.jsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,9 @@
+/// <reference types="react" />
+import { AppMetadata } from "../../../types/fdc3";
+declare type AppListProps = {
+    cards: AppMetadata[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+};
+declare const AppList: (props: AppListProps) => JSX.Element;
 export default AppList;
-declare function AppList(props: any): JSX.Element;
+//# sourceMappingURL=AppList.d.ts.map

package/react/components/appCatalog/components/AppList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppList.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIlD,aAAK,YAAY,GAAG;IACnB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,YAAY,gBAqCnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/AppList.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAErC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC;YAEpC,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,OAAO;gBACf,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,aAAa,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACtB,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,mCACE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAAG,GAAG,CAAM,CACnC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\r\nimport AppCard from \"./AppCard\";\r\n\r\nconst CARDS_PER_ROW = 2;\r\n\r\nconst AppList = (props) => {\r\n\tconst getCardsInRow = () => {\r\n\t\tconst rows = [];\r\n\t\tlet cardsInRow = [];\r\n\r\n\t\tfor (let i = 0; i < props.cards.length; i++) {\r\n\t\t\tconst card = props.cards[i];\r\n\t\t\tconst name = card.title || card.name;\r\n\r\n\t\t\tconst cardKey = `card ${name} ${i}`;\r\n\r\n\t\t\tcardsInRow.push(\r\n\t\t\t\t<td key={cardKey}>\r\n\t\t\t\t\t<AppCard {...card} viewAppShowcase={props.viewAppShowcase} />\r\n\t\t\t\t</td>\r\n\t\t\t);\r\n\r\n\t\t\tif (cardsInRow.length === CARDS_PER_ROW || i === props.cards.length - 1) {\r\n\t\t\t\trows.push(cardsInRow);\r\n\t\t\t\tcardsInRow = [];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn rows;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-card-list\">\r\n\t\t\t<table>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t{getCardsInRow().map((row, i) => (\r\n\t\t\t\t\t\t<tr key={`cardrow-${i}`}>{row}</tr>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default AppList;\r\n"]}
+{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,MAAM,aAAa,GAAG,CAAC,CAAC;AAOxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAU,EAAE,CAAC;QACvB,IAAI,UAAU,GAAU,EAAE,CAAC;QAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAErC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC;YAEpC,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,OAAO;gBACf,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,aAAa,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACtB,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,mCACE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAAG,GAAG,CAAM,CACnC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,9 +1,22 @@
+/// <reference types="react" />
+import { AppMetadata } from "../../../types/fdc3";
+declare type ResultsProps = {
+    tags: string[];
+    cards: (AppMetadata & {
+        tags: string[];
+    })[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+};
+/**
+ * The results page. Shown when filter tags are applied, search text is entered, or both.
+ * @param {object} props Component props
+ * @param {array} props.tags Array of tags that are applied for filtering
+ * @param {array} props.cards Array of app card objects (apps that come from FDC app directory)
+ * @param {func} props.addApp See AppCard.jsx
+ * @param {func} props.removeApp See AppCard.jsx
+ * @param {func} props.openAppShowcase See AppCard.jsx
+ * @param {func} props.addTag Parent function to add a filtering tag
+ */
+declare const AppResults: (props: ResultsProps) => JSX.Element;
 export default AppResults;
-declare function AppResults(props: {
-    tags: any;
-    cards: any;
-    addApp: any;
-    removeApp: any;
-    openAppShowcase: any;
-    addTag: any;
-}): JSX.Element;
+//# sourceMappingURL=AppResults.d.ts.map

package/react/components/appCatalog/components/AppResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppResults.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppResults.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKlD,aAAK,YAAY,GAAG;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,EAAE,CAAC;IAC5C,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,UAAW,YAAY,gBAoEtC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/react/components/appCatalog/components/AppResults.js

@@ -1,10 +1,31 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React from "react";
+//components
 import EmptyResults from "./EmptyResults";
 import AppCard from "./AppCard";
+//consts
 const NUMBER_OF_CARDS_PER_ROW = 2;
+/**
+ * The results page. Shown when filter tags are applied, search text is entered, or both.
+ * @param {object} props Component props
+ * @param {array} props.tags Array of tags that are applied for filtering
+ * @param {array} props.cards Array of app card objects (apps that come from FDC app directory)
+ * @param {func} props.addApp See AppCard.jsx
+ * @param {func} props.removeApp See AppCard.jsx
+ * @param {func} props.openAppShowcase See AppCard.jsx
+ * @param {func} props.addTag Parent function to add a filtering tag
+ */
 const AppResults = (props) => {
+    /**
+     * Function to take the incoming apps and any filtering tags and filter the list.
+     * If there are no tags, we'll use all of the cards supplied
+     */
     const buildResultCards = () => {
         let cardsForShowcase = [];
+        //Filter cards by tags
         if (props.tags && props.tags.length > 0) {
             cardsForShowcase = props.cards.filter((card) => {
                 for (let i = 0; i < props.tags.length; i++) {
@@ -21,13 +42,16 @@ const AppResults = (props) => {
         return cardsForShowcase;
     };
     let cardsForShowcase = buildResultCards();
+    /**
+     * Function to build the table of cards based on filtered information
+     */
     const getCardRows = () => {
         let cardRows = [];
         let cardsInRow = [];
         for (let i = 0; i < cardsForShowcase.length; i++) {
             let card = cardsForShowcase[i];
             let name = card.title || card.name;
-            let key = `card-${i}-${name.toLowerCase()}`;
+            let key = `card-${i}-${name === null || name === void 0 ? void 0 : name.toLowerCase()}`;
             cardsInRow.push(React.createElement("td", { key: key },
                 React.createElement(AppCard, Object.assign({}, card, { viewAppShowcase: props.viewAppShowcase }))));
             if (cardsInRow.length === NUMBER_OF_CARDS_PER_ROW || i === cardsForShowcase.length - 1) {

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

@@ -1 +1 @@
-{"version":3,"file":"AppResults.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/AppResults.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAYlC,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE;IAK5B,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,gBAAgB,GAAG,EAAE,CAAC;QAG1B,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC3C,IAAI,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;wBAAE,OAAO,KAAK,CAAC;iBACtD;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC;SACH;aAAM;YACN,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/B;QAED,OAAO,gBAAgB,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAK1C,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjD,IAAI,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAEnC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YAE5C,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,GAAG;gBACX,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,uBAAuB,IAAI,CAAC,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,oBAAC,YAAY,OAAG,CAAC;IAE3D,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;QAC3B,+BAAO,SAAS,EAAC,mBAAmB;YACnC,mCACE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,YAAY,CAAC,EAAE,IAAG,GAAG,CAAM,CACpC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React from \"react\";\r\n\r\n//components\r\nimport EmptyResults from \"./EmptyResults\";\r\nimport AppCard from \"./AppCard\";\r\n\r\n//consts\r\nconst NUMBER_OF_CARDS_PER_ROW = 2;\r\n\r\n/**\r\n * The results page. Shown when filter tags are applied, search text is entered, or both.\r\n * @param {object} props Component props\r\n * @param {array} props.tags Array of tags that are applied for filtering\r\n * @param {array} props.cards Array of app card objects (apps that come from FDC app directory)\r\n * @param {func} props.addApp See AppCard.jsx\r\n * @param {func} props.removeApp See AppCard.jsx\r\n * @param {func} props.openAppShowcase See AppCard.jsx\r\n * @param {func} props.addTag Parent function to add a filtering tag\r\n */\r\nconst AppResults = (props) => {\r\n\t/**\r\n\t * Function to take the incoming apps and any filtering tags and filter the list.\r\n\t * If there are no tags, we'll use all of the cards supplied\r\n\t */\r\n\tconst buildResultCards = () => {\r\n\t\tlet cardsForShowcase = [];\r\n\r\n\t\t//Filter cards by tags\r\n\t\tif (props.tags && props.tags.length > 0) {\r\n\t\t\tcardsForShowcase = props.cards.filter((card) => {\r\n\t\t\t\tfor (let i = 0; i < props.tags.length; i++) {\r\n\t\t\t\t\tlet tagToSearchFor = props.tags[i];\r\n\t\t\t\t\tif (!card.tags.includes(tagToSearchFor)) return false;\r\n\t\t\t\t}\r\n\t\t\t\treturn true;\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tcardsForShowcase = props.cards;\r\n\t\t}\r\n\r\n\t\treturn cardsForShowcase;\r\n\t};\r\n\r\n\tlet cardsForShowcase = buildResultCards();\r\n\r\n\t/**\r\n\t * Function to build the table of cards based on filtered information\r\n\t */\r\n\tconst getCardRows = () => {\r\n\t\tlet cardRows = [];\r\n\t\tlet cardsInRow = [];\r\n\t\tfor (let i = 0; i < cardsForShowcase.length; i++) {\r\n\t\t\tlet card = cardsForShowcase[i];\r\n\t\t\tlet name = card.title || card.name;\r\n\r\n\t\t\tlet key = `card-${i}-${name.toLowerCase()}`;\r\n\r\n\t\t\tcardsInRow.push(\r\n\t\t\t\t<td key={key}>\r\n\t\t\t\t\t<AppCard {...card} viewAppShowcase={props.viewAppShowcase} />\r\n\t\t\t\t</td>\r\n\t\t\t);\r\n\r\n\t\t\tif (cardsInRow.length === NUMBER_OF_CARDS_PER_ROW || i === cardsForShowcase.length - 1) {\r\n\t\t\t\tcardRows.push(cardsInRow);\r\n\t\t\t\tcardsInRow = [];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn cardRows;\r\n\t};\r\n\r\n\tif (cardsForShowcase.length === 0) return <EmptyResults />;\r\n\r\n\tlet cardRows = getCardRows();\r\n\r\n\treturn (\r\n\t\t<div className=\"app-results\">\r\n\t\t\t<table className=\"app-results-table\">\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t{cardRows.map((row, i) => (\r\n\t\t\t\t\t\t<tr key={`tablerow-${i}`}>{row}</tr>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default AppResults;\r\n"]}
+{"version":3,"file":"AppResults.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppResults.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,YAAY;AACZ,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,QAAQ;AACR,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,UAAU,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC1C;;;OAGG;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,gBAAgB,GAAU,EAAE,CAAC;QAEjC,sBAAsB;QACtB,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC3C,IAAI,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;wBAAE,OAAO,KAAK,CAAC;iBACtD;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC;SACH;aAAM;YACN,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/B;QAED,OAAO,gBAAgB,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAE1C;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,GAAU,EAAE,CAAC;QACzB,IAAI,UAAU,GAAU,EAAE,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjD,IAAI,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAEnC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,EAAE,CAAC;YAE7C,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,GAAG;gBACX,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,uBAAuB,IAAI,CAAC,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,oBAAC,YAAY,OAAG,CAAC;IAE3D,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;QAC3B,+BAAO,SAAS,EAAC,mBAAmB;YACnC,mCACE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,YAAY,CAAC,EAAE,IAAG,GAAG,CAAM,CACpC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,11 +1,43 @@
+/**
+ * A carousel of AppCards
+ * @param {object} props Component props
+ * @param {array} props.cards An array of AppCards to display in a carousel
+ * @param {string} props.tag The carousel's tag (title)
+ * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card
+ */
 export default class Carousel extends React.Component<any, any, any> {
     constructor(props: any);
+    state: {
+        firstIndex: number;
+        titleHighlighted: boolean;
+    };
     bindCorrectContext(): void;
+    /**
+     * Pages through the carousel by one card (right)
+     */
     pageUp(): void;
+    /**
+     * Pages through the carousel by one card (left)
+     */
     pageDown(): void;
+    /**
+     * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link
+     * @param {*} highlight
+     */
     highlightTitle(highlight: any): void;
+    /**
+     * Calls the parents seeMore function, which will add the selected tag as a filter
+     */
     seeMore(): void;
+    /**
+     * Spits out a warning if the number of cards supplied to the carousel is < 3
+     */
     notEnoughCards(): void;
+    /**
+     * Function to build the items in the carousel
+     */
     buildCarousel(): any[];
+    render(): JSX.Element;
 }
 import React from "react";
+//# sourceMappingURL=Carousel.d.ts.map

package/react/components/appCatalog/components/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Carousel.jsx"],"names":[],"mappings":"AAeA;;;;;;GAMG;AACH;IACC,wBAQC;IANA;;;MAGC;IAKF,2BAOC;IAED;;OAEG;IACH,eAWC;IAED;;OAEG;IACH,iBAOC;IAED;;;OAGG;IACH,qCAIC;IAED;;OAEG;IACH,gBAEC;IAED;;OAEG;IACH,uBAEC;IAED;;OAEG;IACH,uBAaC;IAED,sBAmDC;CACD"}

package/react/components/appCatalog/components/Carousel.js

@@ -1,7 +1,21 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React, { Component } from "react";
+//data
 import storeActions from "../stores/storeActions";
+//components
 import AppCard from "./AppCard";
+//consts
 const CARDS_PER_PAGE = 2;
+/**
+ * A carousel of AppCards
+ * @param {object} props Component props
+ * @param {array} props.cards An array of AppCards to display in a carousel
+ * @param {string} props.tag The carousel's tag (title)
+ * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card
+ */
 export default class Carousel extends Component {
     constructor(props) {
         super(props);
@@ -21,8 +35,12 @@ export default class Carousel extends Component {
         this.notEnoughCards = this.notEnoughCards.bind(this);
         this.buildCarousel = this.buildCarousel.bind(this);
     }
+    /**
+     * Pages through the carousel by one card (right)
+     */
     pageUp() {
         let index = this.state.firstIndex;
+        //If increasing the carousel's first index will move beyond the array's limits, we reset back to zero
         if (index + 1 <= this.props.cards.length - 1) {
             index++;
         }
@@ -30,6 +48,9 @@ export default class Carousel extends Component {
             firstIndex: index,
         });
     }
+    /**
+     * Pages through the carousel by one card (left)
+     */
     pageDown() {
         let index = this.state.firstIndex;
         if (index - 1 >= 0) {
@@ -38,17 +59,30 @@ export default class Carousel extends Component {
             });
         }
     }
+    /**
+     * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link
+     * @param {*} highlight
+     */
     highlightTitle(highlight) {
         this.setState({
             titleHighlighted: highlight,
         });
     }
+    /**
+     * Calls the parents seeMore function, which will add the selected tag as a filter
+     */
     seeMore() {
         storeActions.addTag(this.props.tag);
     }
+    /**
+     * Spits out a warning if the number of cards supplied to the carousel is < 3
+     */
     notEnoughCards() {
         console.warn("Less than 3 card supplied. This carousel will not display optimally");
     }
+    /**
+     * Function to build the items in the carousel
+     */
     buildCarousel() {
         let { cards } = this.props;
         let firstCard = this.state.firstIndex;

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Carousel.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { Component } from \"react\";\r\n\r\n//data\r\nimport storeActions from \"../stores/storeActions\";\r\n\r\n//components\r\nimport AppCard from \"./AppCard\";\r\n\r\n//consts\r\nconst CARDS_PER_PAGE = 2;\r\n\r\n/**\r\n * A carousel of AppCards\r\n * @param {object} props Component props\r\n * @param {array} props.cards An array of AppCards to display in a carousel\r\n * @param {string} props.tag The carousel's tag (title)\r\n * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card\r\n */\r\nexport default class Carousel extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfirstIndex: 0,\r\n\t\t\ttitleHighlighted: false,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t\tif (this.props.cards.length < 3) this.notEnoughCards();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.pageUp = this.pageUp.bind(this);\r\n\t\tthis.pageDown = this.pageDown.bind(this);\r\n\t\tthis.highlightTitle = this.highlightTitle.bind(this);\r\n\t\tthis.seeMore = this.seeMore.bind(this);\r\n\t\tthis.notEnoughCards = this.notEnoughCards.bind(this);\r\n\t\tthis.buildCarousel = this.buildCarousel.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (right)\r\n\t */\r\n\tpageUp() {\r\n\t\tlet index = this.state.firstIndex;\r\n\r\n\t\t//If increasing the carousel's first index will move beyond the array's limits, we reset back to zero\r\n\t\tif (index + 1 <= this.props.cards.length - 1) {\r\n\t\t\tindex++;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfirstIndex: index,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (left)\r\n\t */\r\n\tpageDown() {\r\n\t\tlet index = this.state.firstIndex;\r\n\t\tif (index - 1 >= 0) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tfirstIndex: index - 1,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link\r\n\t * @param {*} highlight\r\n\t */\r\n\thighlightTitle(highlight) {\r\n\t\tthis.setState({\r\n\t\t\ttitleHighlighted: highlight,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the parents seeMore function, which will add the selected tag as a filter\r\n\t */\r\n\tseeMore() {\r\n\t\tstoreActions.addTag(this.props.tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Spits out a warning if the number of cards supplied to the carousel is < 3\r\n\t */\r\n\tnotEnoughCards() {\r\n\t\tconsole.warn(\"Less than 3 card supplied. This carousel will not display optimally\");\r\n\t}\r\n\r\n\t/**\r\n\t * Function to build the items in the carousel\r\n\t */\r\n\tbuildCarousel() {\r\n\t\tlet { cards } = this.props;\r\n\t\tlet firstCard = this.state.firstIndex;\r\n\r\n\t\tlet displayCards = [];\r\n\t\tfor (let i = 0; i < CARDS_PER_PAGE; i++) {\r\n\t\t\tif (firstCard >= 0 && firstCard <= cards.length - 1) {\r\n\t\t\t\tdisplayCards.push(cards[firstCard]);\r\n\t\t\t\tfirstCard++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn displayCards;\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet displayCards = this.buildCarousel();\r\n\t\tlet titleClass = \"carousel-title\";\r\n\t\tif (this.state.titleHighlighted) titleClass = `${titleClass} highlight`;\r\n\r\n\t\tlet chevron_left_style = \"ff-adp-chevron-left\",\r\n\t\t\tchevron_right_style = \"ff-adp-chevron-right\";\r\n\t\tlet left_click = this.pageDown,\r\n\t\t\tright_click = this.pageUp;\r\n\r\n\t\tif (this.state.firstIndex + 2 >= this.props.cards.length - 1) {\r\n\t\t\tchevron_right_style = `${chevron_right_style} disabled`;\r\n\t\t\tright_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tif (this.state.firstIndex === 0) {\r\n\t\t\tchevron_left_style = `${chevron_left_style} disabled`;\r\n\t\t\tleft_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tconst carouselTagHeader = this.props.tag.length >= 50 ? `${this.props.tag.substring(0, 49)}...` : this.props.tag;\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"carousel-main\">\r\n\t\t\t\t<div className=\"carousel-header\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\ttitle={this.props.tag}\r\n\t\t\t\t\t\tclassName={titleClass}\r\n\t\t\t\t\t\tonClick={this.seeMore}\r\n\t\t\t\t\t\tonMouseEnter={this.highlightTitle.bind(this, true)}\r\n\t\t\t\t\t\tonMouseLeave={this.highlightTitle.bind(this, false)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{carouselTagHeader}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.props.cards.length > 2 && (\r\n\t\t\t\t\t\t<button className=\"see-more\" onClick={this.seeMore}>\r\n\t\t\t\t\t\t\t<span className=\"button-label\">See More</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"carousel-content\">\r\n\t\t\t\t\t<i className={chevron_left_style} onClick={left_click} />\r\n\t\t\t\t\t{displayCards.map((card, i) => (\r\n\t\t\t\t\t\t<AppCard key={(card.title || card.name) + i} {...card} viewAppShowcase={this.props.viewAppShowcase} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t{displayCards.length === 1 && <div className=\"app-card placeholder\"></div>}{\" \"}\r\n\t\t\t\t\t{/* This is so extremely bad, I hate it. Prevent odd spacing when single card by inserting a blank empty card to consume the space */}\r\n\t\t\t\t\t<i className={chevron_right_style} onClick={right_click} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Carousel.jsx"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,8 @@
+/// <reference types="react" />
+/**
+ * Empty Results to show on the search page when filters/search text apply to zero results
+
+ */
+declare const EmptyResults: () => JSX.Element;
 export default EmptyResults;
-declare function EmptyResults(props: any): JSX.Element;
+//# sourceMappingURL=EmptyResults.d.ts.map

package/react/components/appCatalog/components/EmptyResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyResults.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/EmptyResults.tsx"],"names":[],"mappings":";AAMA;;;GAGG;AACH,QAAA,MAAM,YAAY,mBAIjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/react/components/appCatalog/components/EmptyResults.js

@@ -1,7 +1,13 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React from "react";
-const EmptyResults = (props) => {
-    return (React.createElement("div", { className: "app-results" },
-        React.createElement("h3", { className: "app-results-no-results" }, "No results found. Please try again.")));
-};
+/**
+ * Empty Results to show on the search page when filters/search text apply to zero results
+
+ */
+const EmptyResults = () => (React.createElement("div", { className: "app-results" },
+    React.createElement("h3", { className: "app-results-no-results" }, "No results found. Please try again.")));
 export default EmptyResults;
 //# sourceMappingURL=EmptyResults.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyResults.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/EmptyResults.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;QAC3B,4BAAI,SAAS,EAAC,wBAAwB,0CAAyC,CAC1E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React from \"react\";\r\n\r\n/**\r\n * Empty Results to show on the search page when filters/search text apply to zero results\r\n * @param {*} props\r\n */\r\nconst EmptyResults = (props) => {\r\n\treturn (\r\n\t\t<div className=\"app-results\">\r\n\t\t\t<h3 className=\"app-results-no-results\">No results found. Please try again.</h3>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default EmptyResults;\r\n"]}
+{"version":3,"file":"EmptyResults.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/EmptyResults.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAC1B,6BAAK,SAAS,EAAC,aAAa;IAC3B,4BAAI,SAAS,EAAC,wBAAwB,0CAAyC,CAC1E,CACN,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,7 +1,43 @@
-export default class Hero extends React.Component<any, any, any> {
-    constructor(props: any);
+/*!
+ * 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 { Component } from "react";
+import { AppMetadata } from "../../../types/fdc3";
+declare type Images = {
+    url: string;
+};
+interface IProps {
+    cards: (AppMetadata & {
+        tags: string[];
+        images: Images[];
+    })[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+}
+interface IState {
+    active: number;
+}
+/**
+ * The hero component at the top of the App Catalog homepage. Display images and textual descriptions of showcased apps
+ * @param {object} props Component props
+ */
+export default class Hero extends Component<IProps, IState> {
+    constructor(props: IProps);
     bindCorrectContext(): void;
-    changePage(action: string): void;
+    /**
+     * Changes the page of the hero component depending on the action its handed
+     * @param {string} action One of 'page_down' or 'page_up'. Any other action is ignored
+     */
+    changePage(action: any): void;
+    /**
+     * Called the parent function to open the AppShowcase for the clicked app
+     */
     openApp(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};
+//# sourceMappingURL=Hero.d.ts.map

package/react/components/appCatalog/components/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Hero.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,aAAK,MAAM,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,UAAU,MAAM;IACf,KAAK,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,EAAE,CAAC;IAC9D,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,UAAU,MAAM;IACf,MAAM,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC9C,KAAK,EAAE,MAAM;IAQzB,kBAAkB;IAKlB;;;OAGG;IACH,UAAU,CAAC,MAAM,EAAE,GAAG;IAwBtB;;OAEG;IACH,OAAO;IAIP,MAAM;CAqCN"}

package/react/components/appCatalog/components/Hero.js

@@ -2,8 +2,16 @@
  * 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, { Component } from "react";
 import { getAppNameIconWhenNoImage } from "./helpers";
+/**
+ * The hero component at the top of the App Catalog homepage. Display images and textual descriptions of showcased apps
+ * @param {object} props Component props
+ */
 export default class Hero extends Component {
     constructor(props) {
         super(props);
@@ -16,6 +24,10 @@ export default class Hero extends Component {
         this.changePage = this.changePage.bind(this);
         this.openApp = this.openApp.bind(this);
     }
+    /**
+     * Changes the page of the hero component depending on the action its handed
+     * @param {string} action One of 'page_down' or 'page_up'. Any other action is ignored
+     */
     changePage(action) {
         let { cards } = this.props;
         let newActive = this.state.active;
@@ -38,15 +50,19 @@ export default class Hero extends Component {
             active: newActive,
         });
     }
+    /**
+     * Called the parent function to open the AppShowcase for the clicked app
+     */
     openApp() {
         this.props.viewAppShowcase(this.props.cards[this.state.active].appId);
     }
     render() {
+        var _a;
         let { active } = this.state;
         let { cards } = this.props;
         let contentTitle = cards[active].title === undefined ? cards[active].name : cards[active].title;
         let contentMsg = cards[active].description;
-        let imageUrl = cards[active].images ? cards[active].images[0].url : null;
+        let imageUrl = cards[active].images ? (_a = cards[active].images) === null || _a === void 0 ? void 0 : _a[0].url : null;
         return (React.createElement("div", null,
             React.createElement("div", { className: "hero-content" },
                 React.createElement("i", { className: "ff-adp-chevron-left", onClick: this.changePage.bind(this, "page_down") }),

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

@@ -1 +1 @@
-{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Hero.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n/**\r\n * This component is the name of a component and a pin that will pin that component to all toolbars.\r\n *\r\n */\r\nimport React, { Component } from \"react\";\r\nimport { getAppNameIconWhenNoImage } from \"./helpers\";\r\n\r\n/**\r\n * The hero component at the top of the App Catalog homepage. Display images and textual descriptions of showcased apps\r\n * @param {object} props Component props\r\n * @param {}\r\n */\r\nexport default class Hero extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactive: 0,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.changePage = this.changePage.bind(this);\r\n\t\tthis.openApp = this.openApp.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Changes the page of the hero component depending on the action its handed\r\n\t * @param {string} action One of 'page_down' or 'page_up'. Any other action is ignored\r\n\t */\r\n\tchangePage(action) {\r\n\t\tlet { cards } = this.props;\r\n\t\tlet newActive = this.state.active;\r\n\r\n\t\tif (typeof action === \"number\") {\r\n\t\t\tnewActive = action;\r\n\t\t} else {\r\n\t\t\tswitch (action) {\r\n\t\t\t\tcase \"page_down\":\r\n\t\t\t\t\tnewActive = newActive - 1 < 0 ? cards.length - 1 : newActive - 1;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"page_up\":\r\n\t\t\t\t\tnewActive = newActive + 1 > cards.length - 1 ? 0 : newActive + 1;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tactive: newActive,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Called the parent function to open the AppShowcase for the clicked app\r\n\t */\r\n\topenApp() {\r\n\t\tthis.props.viewAppShowcase(this.props.cards[this.state.active].appId);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { active } = this.state;\r\n\t\tlet { cards } = this.props;\r\n\t\tlet contentTitle = cards[active].title === undefined ? cards[active].name : cards[active].title;\r\n\t\tlet contentMsg = cards[active].description;\r\n\t\tlet imageUrl = cards[active].images ? cards[active].images[0].url : null;\r\n\r\n\t\treturn (\r\n\t\t\t<div>\r\n\t\t\t\t<div className=\"hero-content\">\r\n\t\t\t\t\t<i className=\"ff-adp-chevron-left\" onClick={this.changePage.bind(this, \"page_down\")} />\r\n\t\t\t\t\t<div className=\"visible-card\" onClick={this.openApp}>\r\n\t\t\t\t\t\t<div className=\"app-details\">\r\n\t\t\t\t\t\t\t<div className=\"app-title\">{contentTitle}</div>\r\n\t\t\t\t\t\t\t<div className=\"app-description\">{contentMsg}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{imageUrl ? (\r\n\t\t\t\t\t\t\t<img className=\"app-image\" src={imageUrl} />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<div className=\"app-image noimg\">{getAppNameIconWhenNoImage(contentTitle)}</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<i className=\"ff-adp-chevron-right\" onClick={this.changePage.bind(this, \"page_up\")} />\r\n\t\t\t\t</div>\r\n\t\t\t\t<br />\r\n\t\t\t\t{cards.length >= 2 && cards.length <= 10 && (\r\n\t\t\t\t\t<div className=\"paginator\">\r\n\t\t\t\t\t\t{cards.map((card, i) => {\r\n\t\t\t\t\t\t\tlet classes = \"pagination-oval\";\r\n\t\t\t\t\t\t\tif (i === active) classes = `${classes} active`;\r\n\t\t\t\t\t\t\treturn <div key={i} className={classes} onClick={this.changePage.bind(this, i)} />;\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Hero.tsx"],"names":[],"mappings":"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"}