@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogComponent.js","sourceRoot":"","sources":["../../../src/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n// components\nimport SearchBar from \"./components/SearchBar\";\nimport Home from \"./components/Home\";\nimport AppResults from \"./components/AppResults\";\nimport AppShowcase from \"./components/Showcase/AppShowcase\";\n\n// data\nimport { getStore } from \"./stores/appStore\";\nimport storeActions from \"./stores/storeActions\";\n\nimport \"../../assets/css/appCatalog.css\";\n\nexport class AppCatalogComponent extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tapps: [], // type: AppMetadata (from \"../../../types/fdc3\")\n\t\t\tisLoading: false,\n\t\t\tserverError: false,\n\t\t\tinstalled: [],\n\t\t\ttags: [], // type: string[]\n\t\t\tinstallationActionTaken: null, // type: string | null\n\t\t};\n\t\tthis.bindCorrectContext();\n\t}\n\n\tbindCorrectContext() {\n\t\tthis.addedAppsChanged = this.addedAppsChanged.bind(this);\n\t\tthis.update = this.update.bind(this);\n\t\tthis.goHome = this.goHome.bind(this);\n\t\tthis.addTag = this.addTag.bind(this);\n\t\tthis.removeTag = this.removeTag.bind(this);\n\t\tthis.changeSearch = this.changeSearch.bind(this);\n\t\tthis.openAppShowcase = this.openAppShowcase.bind(this);\n\t\tthis.stopShowingInstalledNotification = this.stopShowingInstalledNotification.bind(this);\n\t\tthis.compileAddedInfo = this.compileAddedInfo.bind(this);\n\t\tthis.getPageContents = this.getPageContents.bind(this);\n\t\tthis.determineActivePage = this.determineActivePage.bind(this);\n\t\tthis.navigateToShowcase = this.navigateToShowcase.bind(this);\n\t\tthis.viewApp = this.viewApp.bind(this);\n\t\tthis.isActiveApp = this.isActiveApp.bind(this);\n\t\tthis.getActiveTags = this.getActiveTags.bind(this);\n\t}\n\n\t// eslint-disable-next-line react/no-deprecated\n\tUNSAFE_componentWillMount() {\n\t\t// For more information on async react rendering, see here\n\t\t// https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html\n\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tisLoading: true,\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis._asyncAppRequest = storeActions\n\t\t\t\t\t.getApps()\n\t\t\t\t\t.then((apps) => {\n\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\tapps,\n\t\t\t\t\t\t\tisLoading: false,\n\t\t\t\t\t\t});\n\t\t\t\t\t})\n\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\tthis.setState(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tserverError: true,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\tFSBL.Clients.Logger.error(\"Error connecting to FDC3 AppD server.\", err);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t}\n\t\t);\n\n\t\tthis._asyncTagsRequest = storeActions\n\t\t\t.getTags()\n\t\t\t.then((tags) => {\n\t\t\t\tthis.setState({\n\t\t\t\t\ttags,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tthis.setState(\n\t\t\t\t\t{\n\t\t\t\t\t\tserverError: true,\n\t\t\t\t\t},\n\t\t\t\t\t() => {\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\"Error retrieving tags from FDC3 AppD server.\", err);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tgetStore().addListener({ field: \"appDefinitions\" }, this.addedAppsChanged);\n\t\tgetStore().addListener({ field: \"filteredApps\" }, this.update);\n\t\tgetStore().addListener({ field: \"activeTags\" }, this.update);\n\t\tgetStore().addListener({ field: \"activeApp\" }, this.openAppShowcase);\n\t\t// Get notified when user wants to view an app\n\t\tFSBL.Clients.RouterClient.addListener(\"viewApp\", this.viewApp);\n\t\tlet installed = storeActions.getInstalledApps();\n\n\t\tthis.setState({\n\t\t\tinstalled: Object.keys(installed),\n\t\t});\n\t}\n\n\tcomponentWillUnmount() {\n\t\tgetStore().removeListener({ field: \"appDefinitions\" }, this.addedAppsChanged);\n\t\tgetStore().removeListener({ field: \"filteredApps\" }, this.update);\n\t\tgetStore().removeListener({ field: \"activeTags\" }, this.update);\n\t\tgetStore().removeListener({ field: \"activeApp\" }, this.openAppShowcase);\n\t\t// Get notified when user wants to view an app\n\t\tFSBL.Clients.RouterClient.removeListener(\"viewApp\", this.viewApp);\n\n\t\t// Make sure async requests have finished.\n\t\tif (this._asyncAppRequest && this._asyncAppRequest.cancel) {\n\t\t\tthis._asyncAppRequest.cancel();\n\t\t}\n\n\t\tif (this._asyncTagsRequest && this._asyncTagsRequest.cancel) {\n\t\t\tthis._asyncTagsRequest.cancel();\n\t\t}\n\t}\n\n\tviewApp(error, event) {\n\t\t!error && this.navigateToShowcase(event.data.app.appID);\n\t}\n\n\taddedAppsChanged() {\n\t\tlet action;\n\t\tif (this.state.installed.length > Object.keys(storeActions.getInstalledApps()).length) {\n\t\t\t// If the components installed apps is greater than that of the store, that means an app was removed\n\t\t\taction = \"remove\";\n\t\t} else if (this.state.installed.length < Object.keys(storeActions.getInstalledApps()).length) {\n\t\t\t// If the component's installed apps is less than that of the store, that means an app was added\n\t\t\taction = \"add\";\n\t\t}\n\n\t\tif (action) {\n\t\t\tthis.setState(\n\t\t\t\t{\n\t\t\t\t\tinstallationActionTaken: action,\n\t\t\t\t\tinstalled: Object.keys(storeActions.getInstalledApps()),\n\t\t\t\t},\n\t\t\t\t() => {\n\t\t\t\t\tsetTimeout(this.stopShowingInstalledNotification, 1500);\n\t\t\t\t\tthis.update();\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Force an update. Used to update from store listeners.\n\t *\n\t * @memberof AppMarket\n\t */\n\tupdate() {\n\t\tthis.forceUpdate();\n\t}\n\n\t/**\n\t * Determines the apps page based on the state of the activeTags, search text, etc\n\t */\n\tdetermineActivePage() {\n\t\tconst activeTags = this.getActiveTags();\n\t\tconst filteredApps = this.getFilteredApps();\n\t\tconst activeApp = this.getActiveApp();\n\t\tconst forceSearch = storeActions.getForceSearch();\n\t\tlet page;\n\n\t\tif (activeApp && !forceSearch) {\n\t\t\tpage = \"showcase\";\n\t\t} else if (filteredApps.length > 0 || forceSearch) {\n\t\t\tpage = \"appSearch\";\n\t\t} else if (filteredApps.length === 0 && activeTags.length === 0) {\n\t\t\tpage = \"home\";\n\t\t}\n\n\t\treturn page;\n\t}\n\n\t/**\n\t * Returns the activeApp from the Store\n\t *\n\t * @returns {string} activeApp\n\t * @memberof AppMarket\n\t */\n\tgetActiveApp() {\n\t\treturn storeActions.getActiveApp();\n\t}\n\n\t/**\n\t * Checks if we have an activeApp defined\n\t *\n\t * @returns {boolean}\n\t * @memberof AppMarket\n\t */\n\tisActiveApp() {\n\t\treturn storeActions.getActiveApp() !== null;\n\t}\n\n\t/**\n\t * Returns the active tags from the store\n\t *\n\t * @returns {array} activeTags\n\t * @memberof AppMarket\n\t */\n\tgetActiveTags() {\n\t\treturn storeActions.getActiveTags();\n\t}\n\n\t/**\n\t * Returns the filtered list of apps from search\n\t *\n\t * @returns {object} filteredApps\n\t * @memberof AppMarket\n\t */\n\tgetFilteredApps() {\n\t\treturn storeActions.getFilteredApps();\n\t}\n\n\t/**\n\t * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)\n\t * @param {string} tag The name of the tag to add\n\t */\n\taddTag(tag) {\n\t\tstoreActions.addTag(tag);\n\t}\n\n\t/**\n\t * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed\n\t * @param {string} tag The name of the tag to add\n\t */\n\tremoveTag(tag) {\n\t\tstoreActions.removeTag(tag);\n\t}\n\n\t/**\n\t * Action to take when the back button is clicked (which just goes home)\n\t */\n\tgoHome() {\n\t\tstoreActions.goHome();\n\t}\n\n\t/**\n\t * Performs a search through the catalog\n\t * @param {string} search The text to search the catalog with\n\t */\n\tchangeSearch(search) {\n\t\tstoreActions.searchApps(search);\n\t}\n\n\t/**\n\t * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification\n\t */\n\tstopShowingInstalledNotification() {\n\t\tthis.setState({\n\t\t\tinstallationActionTaken: null,\n\t\t});\n\t}\n\n\tnavigateToShowcase(id) {\n\t\tstoreActions.openApp(id);\n\t}\n\n\t/**\n\t * Opens the AppShowcase page for the app supplied\n\t */\n\topenAppShowcase() {\n\t\tlet app = storeActions.getActiveApp();\n\n\t\tif (app !== null) {\n\t\t\tstoreActions.setForceSearch(false);\n\t\t\tstoreActions.clearTags();\n\t\t\tstoreActions.clearFilteredApps();\n\t\t}\n\n\t\tthis.forceUpdate();\n\t}\n\n\t/**\n\t * Compiles a list of apps that are installed from the information received back from appd\n\t * and the information contained on the system\n\t * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps\n\t */\n\tcompileAddedInfo(filtered) {\n\t\tconst { installed } = this.state;\n\t\tconst forceSearch = storeActions.getForceSearch();\n\t\tconst apps = filtered || forceSearch ? storeActions.getFilteredApps() : this.state.apps;\n\n\t\treturn apps.map((app) => {\n\t\t\tif (installed.includes(app.appId)) {\n\t\t\t\tapp.installed = true;\n\t\t\t} else {\n\t\t\t\tapp.installed = false;\n\t\t\t}\n\n\t\t\treturn app;\n\t\t});\n\t}\n\n\tgetPageContents() {\n\t\tconst filteredApps = this.getFilteredApps();\n\t\tconst activeTags = this.getActiveTags();\n\t\tconst activePage = this.determineActivePage();\n\t\tconst apps = this.compileAddedInfo(filteredApps.length > 0);\n\t\t// Force default case if activepage isn't search and apps.length is 0\n\t\tif (apps.length === 0 && activePage !== \"appSearch\") activePage = -1;\n\t\tconst theApp = this.compileAddedInfo(false).find((app) => this.getActiveApp() === app.appId);\n\t\tswitch (activePage) {\n\t\t\tcase \"home\":\n\t\t\t\treturn (\n\t\t\t\t\t<Home\n\t\t\t\t\t\ttags={this.state.tags}\n\t\t\t\t\t\tcards={apps}\n\t\t\t\t\t\tseeMore={this.addTag}\n\t\t\t\t\t\taddApp={this.addApp}\n\t\t\t\t\t\tremoveApp={this.removeApp}\n\t\t\t\t\t\taddTag={this.addTag}\n\t\t\t\t\t\tviewAppShowcase={this.navigateToShowcase}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase \"appSearch\":\n\t\t\t\treturn (\n\t\t\t\t\t<AppResults\n\t\t\t\t\t\tcards={apps}\n\t\t\t\t\t\ttags={activeTags}\n\t\t\t\t\t\taddApp={this.addApp}\n\t\t\t\t\t\tremoveApp={this.removeApp}\n\t\t\t\t\t\tviewAppShowcase={this.navigateToShowcase}\n\t\t\t\t\t\taddTag={this.addTag}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase \"showcase\":\n\t\t\t\treturn <AppShowcase app={theApp} addApp={this.addApp} removeApp={this.removeApp} addTag={this.addTag} />;\n\t\t\tdefault:\n\t\t\t\treturn <div></div>;\n\t\t}\n\t}\n\n\trender() {\n\t\tlet { tags } = this.state;\n\t\tlet page = this.determineActivePage();\n\t\tlet pageContents = this.getPageContents();\n\n\t\treturn (\n\t\t\t<div className=\"app-catalog\">\n\t\t\t\t{this.state.serverError && (\n\t\t\t\t\t<div className=\"server-error\">\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<span>Catalog contents are currently unavailable.</span>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<span>Please check your connection or consult your System Admin.</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{this.state.apps.length === 0 && !this.state.isLoading && (\n\t\t\t\t\t<div className=\"server-error\">\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<span>There are no apps available in this catalog.</span>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<span>Please contact your System Admin.</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{this.state.apps.length > 0 && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\thidden={page === \"showcase\"}\n\t\t\t\t\t\t\tbackButton={page !== \"home\"}\n\t\t\t\t\t\t\ttags={tags}\n\t\t\t\t\t\t\tactiveTags={this.getActiveTags}\n\t\t\t\t\t\t\ttagSelected={this.addTag}\n\t\t\t\t\t\t\tremoveTag={this.removeTag}\n\t\t\t\t\t\t\tgoHome={this.goHome}\n\t\t\t\t\t\t\tinstallationActionTaken={this.state.installationActionTaken}\n\t\t\t\t\t\t\tsearch={this.changeSearch}\n\t\t\t\t\t\t\tisViewingApp={this.isActiveApp}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div className=\"market_content\">{pageContents}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

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

@@ -0,0 +1,51 @@
+export default AppCard;
+/**
+ * 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
+ */
+declare class AppCard extends React.Component<any, any, any> {
+    constructor(props: any);
+    bindCorrectContext(): void;
+    /**
+     * Toggles the highlight state of the check mark for installing an app
+     */
+    toggleHighlight(): void;
+    /**
+     * Toggles the 'highlight' state of the app title. On mouse over, the title is underlined to show that its a link
+     */
+    toggleTitleUnderline(): void;
+    /**
+     * Shows the check mark for adding/removing an app
+     */
+    showCheck(): void;
+    /**
+     * Hides the check mark for adding/removing an app
+     */
+    hideCheck(): void;
+    /**
+     * Calls parent passed function to open the app showcase for the supplied app
+     */
+    openAppShowcase(): void;
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to add an app
+     * @param {object} e React Synthetic event
+     */
+    addApp(e: object): void;
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to remove an app
+     * @param {object} e React Synthetic event
+     */
+    removeApp(e: object): void;
+    /**
+     * 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: string, e: object): void;
+    footer: HTMLDivElement | null | undefined;
+    tagNamesList: HTMLDivElement | null | undefined;
+}
+import React from "react";

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

@@ -0,0 +1,201 @@
+/*!
+ * 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);
+        this.state = {
+            checkShown: this.props.installed === true,
+            checkHighlighted: false,
+            awaitingInstall: false,
+            toggleCheckAfterAction: false,
+            titleUnderlined: false,
+            appName: this.props.title || this.props.name,
+            id: this.props.appId,
+            entitled: this.props.entitled ? this.props.entitled : false,
+            tags: this.props.tags || [],
+        };
+        this.bindCorrectContext();
+    }
+    bindCorrectContext() {
+        this.toggleHighlight = this.toggleHighlight.bind(this);
+        this.toggleTitleUnderline = this.toggleTitleUnderline.bind(this);
+        this.showCheck = this.showCheck.bind(this);
+        this.hideCheck = this.hideCheck.bind(this);
+        this.openAppShowcase = this.openAppShowcase.bind(this);
+        this.addApp = this.addApp.bind(this);
+        this.removeApp = this.removeApp.bind(this);
+        this.addTag = this.addTag.bind(this);
+    }
+    componentDidMount() {
+        if (!this.props.tags || this.props.tags.length === 0)
+            return;
+        const list = this.tagNamesList;
+        const { footer } = this;
+        if (list.offsetHeight >= footer.scrollHeight + 5) {
+            let newTags = this.state.tags.slice(0, 2);
+            this.setState({
+                tags: newTags,
+            });
+        }
+    }
+    /**
+     * 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,
+                });
+            }
+        }
+    }
+    /**
+     * 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) => {
+                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) => {
+                if (this.state.toggleCheckAfterAction) {
+                    this.setState({
+                        awaitingInstall: false,
+                        toggleCheckAfterAction: false,
+                        checkShown: !this.state.checkShown,
+                    });
+                }
+                else {
+                    this.setState({
+                        awaitingInstall: false,
+                    });
+                }
+            });
+        });
+    }
+    /**
+     * 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();
+        storeActions.addTag(name);
+    }
+    render() {
+        let imageUrl = this.props.icons !== undefined ? this.props.icons[0].url : null;
+        let { appName, checkShown, checkHighlighted } = this.state;
+        let imageIconClasses = "ff-check-mark-2";
+        if (this.props.installed && checkHighlighted)
+            imageIconClasses = `${imageIconClasses} highlighted added`;
+        else if (this.props.installed || checkHighlighted)
+            imageIconClasses = `${imageIconClasses} highlighted`;
+        else
+            imageIconClasses = `${imageIconClasses} faded`;
+        let titleClass = this.state.titleUnderlined ? "app-title highlighted" : "app-title";
+        let entitled = this.state.entitled ? " entitled" : "";
+        let imageStyle = `app-image ${entitled}`;
+        if (!imageUrl) {
+            imageUrl = this.props.images !== undefined ? this.props.images[0].url : null;
+            imageStyle = `${imageStyle} noIcon`;
+        }
+        if (!imageUrl) {
+            imageStyle = `${imageStyle} noImg`;
+        }
+        let cardStyle = this.state.tags.length > 0 ? "app-card" : "app-card no-tags";
+        let appAction = this.props.installed ? this.removeApp : this.addApp;
+        return (React.createElement("div", { className: cardStyle, onClick: this.openAppShowcase, onMouseEnter: this.showCheck, onMouseLeave: this.hideCheck },
+            React.createElement("div", { className: "app-image-container" },
+                imageUrl ? (React.createElement("img", { className: imageStyle, src: imageUrl })) : (React.createElement("div", { className: imageStyle },
+                    React.createElement("span", null, getAppNameIconWhenNoImage(appName)))),
+                React.createElement("div", { className: titleClass, onMouseEnter: this.toggleTitleUnderline, onMouseLeave: this.toggleTitleUnderline, title: appName }, appName)),
+            React.createElement("div", { className: "row_description" },
+                React.createElement("div", { className: "status-indicator" }, !entitled || !checkShown ? (React.createElement("i", null, "\u00A0")) : (React.createElement("i", { className: imageIconClasses, onMouseEnter: this.toggleHighlight, onMouseLeave: this.toggleHighlight, onClick: appAction }))),
+                React.createElement("div", { className: "app-description" }, this.props.description ? this.props.description : "")),
+            this.state.tags.length > 0 && (React.createElement("div", { className: "app-tags", ref: (el) => {
+                    this.footer = el;
+                } },
+                React.createElement("i", { className: "ff-tag" }),
+                React.createElement("div", { className: "app-tag-names", ref: (el) => {
+                        this.tagNamesList = el;
+                    } }, this.state.tags.map((tag, i) => {
+                    const tagName = tag;
+                    return (React.createElement("span", { key: i, className: "tag-name", onClick: this.addTag.bind(this, tag), title: tagName },
+                        getTruncatedStringWithEllipses(tagName),
+                        i !== this.props.tags.length - 1 ? ", " : null));
+                }))))));
+    }
+}
+export default AppCard;
+//# sourceMappingURL=AppCard.js.map

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

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

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

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

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

@@ -0,0 +1,26 @@
+import React from "react";
+import AppCard from "./AppCard";
+const CARDS_PER_ROW = 2;
+const AppList = (props) => {
+    const getCardsInRow = () => {
+        const rows = [];
+        let cardsInRow = [];
+        for (let i = 0; i < props.cards.length; i++) {
+            const card = props.cards[i];
+            const name = card.title || card.name;
+            const cardKey = `card ${name} ${i}`;
+            cardsInRow.push(React.createElement("td", { key: cardKey },
+                React.createElement(AppCard, Object.assign({}, card, { viewAppShowcase: props.viewAppShowcase }))));
+            if (cardsInRow.length === CARDS_PER_ROW || i === props.cards.length - 1) {
+                rows.push(cardsInRow);
+                cardsInRow = [];
+            }
+        }
+        return rows;
+    };
+    return (React.createElement("div", { className: "app-card-list" },
+        React.createElement("table", null,
+            React.createElement("tbody", null, getCardsInRow().map((row, i) => (React.createElement("tr", { key: `cardrow-${i}` }, row)))))));
+};
+export default AppList;
+//# sourceMappingURL=AppList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../../../src/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,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\";\nimport AppCard from \"./AppCard\";\nimport { AppMetadata } from \"../../../types/fdc3\";\n\nconst CARDS_PER_ROW = 2;\n\ntype AppListProps = {\n\tcards: AppMetadata[];\n\tviewAppShowcase: (id: AppMetadata[\"appId\"]) => void;\n};\n\nconst AppList = (props: AppListProps) => {\n\tconst getCardsInRow = () => {\n\t\tconst rows = [];\n\t\tlet cardsInRow = [];\n\n\t\tfor (let i = 0; i < props.cards.length; i++) {\n\t\t\tconst card = props.cards[i];\n\t\t\tconst name = card.title || card.name;\n\n\t\t\tconst cardKey = `card ${name} ${i}`;\n\n\t\t\tcardsInRow.push(\n\t\t\t\t<td key={cardKey}>\n\t\t\t\t\t<AppCard {...card} viewAppShowcase={props.viewAppShowcase} />\n\t\t\t\t</td>\n\t\t\t);\n\n\t\t\tif (cardsInRow.length === CARDS_PER_ROW || i === props.cards.length - 1) {\n\t\t\t\trows.push(cardsInRow);\n\t\t\t\tcardsInRow = [];\n\t\t\t}\n\t\t}\n\n\t\treturn rows;\n\t};\n\n\treturn (\n\t\t<div className=\"app-card-list\">\n\t\t\t<table>\n\t\t\t\t<tbody>\n\t\t\t\t\t{getCardsInRow().map((row, i) => (\n\t\t\t\t\t\t<tr key={`cardrow-${i}`}>{row}</tr>\n\t\t\t\t\t))}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n};\n\nexport default AppList;\n"]}

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

@@ -0,0 +1,21 @@
+/// <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;

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

@@ -0,0 +1,72 @@
+/*!
+ * 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++) {
+                    let tagToSearchFor = props.tags[i];
+                    if (!card.tags.includes(tagToSearchFor))
+                        return false;
+                }
+                return true;
+            });
+        }
+        else {
+            cardsForShowcase = props.cards;
+        }
+        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()}`;
+            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) {
+                cardRows.push(cardsInRow);
+                cardsInRow = [];
+            }
+        }
+        return cardRows;
+    };
+    if (cardsForShowcase.length === 0)
+        return React.createElement(EmptyResults, null);
+    let cardRows = getCardRows();
+    return (React.createElement("div", { className: "app-results" },
+        React.createElement("table", { className: "app-results-table" },
+            React.createElement("tbody", null, cardRows.map((row, i) => (React.createElement("tr", { key: `tablerow-${i}` }, row)))))));
+};
+export default AppResults;
+//# sourceMappingURL=AppResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppResults.js","sourceRoot":"","sources":["../../../../src/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,GAAG,EAAE,CAAC;QAE1B,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,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":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\n\n//components\nimport EmptyResults from \"./EmptyResults\";\nimport AppCard from \"./AppCard\";\nimport { AppMetadata } from \"../../../types/fdc3\";\n\n//consts\nconst NUMBER_OF_CARDS_PER_ROW = 2;\n\ntype ResultsProps = {\n\ttags: string[];\n\tcards: (AppMetadata & { tags: string[] })[];\n\tviewAppShowcase: (id: AppMetadata[\"appId\"]) => void;\n};\n\n/**\n * The results page. Shown when filter tags are applied, search text is entered, or both.\n * @param {object} props Component props\n * @param {array} props.tags Array of tags that are applied for filtering\n * @param {array} props.cards Array of app card objects (apps that come from FDC app directory)\n * @param {func} props.addApp See AppCard.jsx\n * @param {func} props.removeApp See AppCard.jsx\n * @param {func} props.openAppShowcase See AppCard.jsx\n * @param {func} props.addTag Parent function to add a filtering tag\n */\nconst AppResults = (props: ResultsProps) => {\n\t/**\n\t * Function to take the incoming apps and any filtering tags and filter the list.\n\t * If there are no tags, we'll use all of the cards supplied\n\t */\n\tconst buildResultCards = () => {\n\t\tlet cardsForShowcase = [];\n\n\t\t//Filter cards by tags\n\t\tif (props.tags && props.tags.length > 0) {\n\t\t\tcardsForShowcase = props.cards.filter((card) => {\n\t\t\t\tfor (let i = 0; i < props.tags.length; i++) {\n\t\t\t\t\tlet tagToSearchFor = props.tags[i];\n\t\t\t\t\tif (!card.tags.includes(tagToSearchFor)) return false;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t});\n\t\t} else {\n\t\t\tcardsForShowcase = props.cards;\n\t\t}\n\n\t\treturn cardsForShowcase;\n\t};\n\n\tlet cardsForShowcase = buildResultCards();\n\n\t/**\n\t * Function to build the table of cards based on filtered information\n\t */\n\tconst getCardRows = () => {\n\t\tlet cardRows = [];\n\t\tlet cardsInRow = [];\n\t\tfor (let i = 0; i < cardsForShowcase.length; i++) {\n\t\t\tlet card = cardsForShowcase[i];\n\t\t\tlet name = card.title || card.name;\n\n\t\t\tlet key = `card-${i}-${name.toLowerCase()}`;\n\n\t\t\tcardsInRow.push(\n\t\t\t\t<td key={key}>\n\t\t\t\t\t<AppCard {...card} viewAppShowcase={props.viewAppShowcase} />\n\t\t\t\t</td>\n\t\t\t);\n\n\t\t\tif (cardsInRow.length === NUMBER_OF_CARDS_PER_ROW || i === cardsForShowcase.length - 1) {\n\t\t\t\tcardRows.push(cardsInRow);\n\t\t\t\tcardsInRow = [];\n\t\t\t}\n\t\t}\n\n\t\treturn cardRows;\n\t};\n\n\tif (cardsForShowcase.length === 0) return <EmptyResults />;\n\n\tlet cardRows = getCardRows();\n\n\treturn (\n\t\t<div className=\"app-results\">\n\t\t\t<table className=\"app-results-table\">\n\t\t\t\t<tbody>\n\t\t\t\t\t{cardRows.map((row, i) => (\n\t\t\t\t\t\t<tr key={`tablerow-${i}`}>{row}</tr>\n\t\t\t\t\t))}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n};\n\nexport default AppResults;\n"]}

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

@@ -0,0 +1,37 @@
+/**
+ * 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);
+    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[];
+}
+import React from "react";