@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

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

@@ -0,0 +1,13 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+/*!
+ * 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;
+    /**
+     * 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;
+}
+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

@@ -0,0 +1,84 @@
+/*!
+ * 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);
+        this.state = {
+            active: 0,
+        };
+        this.bindCorrectContext();
+    }
+    bindCorrectContext() {
+        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;
+        if (typeof action === "number") {
+            newActive = action;
+        }
+        else {
+            switch (action) {
+                case "page_down":
+                    newActive = newActive - 1 < 0 ? cards.length - 1 : newActive - 1;
+                    break;
+                case "page_up":
+                    newActive = newActive + 1 > cards.length - 1 ? 0 : newActive + 1;
+                    break;
+                default:
+                    break;
+            }
+        }
+        this.setState({
+            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 ? (_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") }),
+                React.createElement("div", { className: "visible-card", onClick: this.openApp },
+                    React.createElement("div", { className: "app-details" },
+                        React.createElement("div", { className: "app-title" }, contentTitle),
+                        React.createElement("div", { className: "app-description" }, contentMsg)),
+                    imageUrl ? (React.createElement("img", { className: "app-image", src: imageUrl })) : (React.createElement("div", { className: "app-image noimg" }, getAppNameIconWhenNoImage(contentTitle)))),
+                React.createElement("i", { className: "ff-adp-chevron-right", onClick: this.changePage.bind(this, "page_up") })),
+            React.createElement("br", null),
+            cards.length >= 2 && cards.length <= 10 && (React.createElement("div", { className: "paginator" }, cards.map((card, i) => {
+                let classes = "pagination-oval";
+                if (i === active)
+                    classes = `${classes} active`;
+                return React.createElement("div", { key: i, className: classes, onClick: this.changePage.bind(this, i) });
+            })))));
+    }
+}
+//# sourceMappingURL=Hero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Hero.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { AppMetadata } from "../../../types/fdc3";
+declare type Images = {
+    url: string;
+};
+declare type HomeProps = {
+    tags: string[];
+    cards: (AppMetadata & {
+        tags: string[];
+        images: Images[];
+    })[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+};
+/**
+ * Home page. Contains carousels and a hero component
+ * @param {object} props Component props
+ * @param {array} props.cards An Array of app information from FDC
+ * @param {func} props.viewAppShowcase Opens the AppShowcase page for a selected app
+ */
+declare const Home: (props: HomeProps) => JSX.Element;
+export default Home;
+//# sourceMappingURL=Home.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Home.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,aAAK,MAAM,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,aAAK,SAAS,GAAG;IAChB,IAAI,EAAE,MAAM,EAAE,CAAC;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,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,IAAI,UAAW,SAAS,gBAY7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/react/components/appCatalog/components/Home.js

@@ -0,0 +1,29 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This component is the name of a component and a pin that will pin that component to all toolbars.
+ *
+ */
+import React from "react";
+import AppList from "./AppList";
+import Hero from "./Hero";
+import Carousel from "./Carousel";
+/**
+ * Home page. Contains carousels and a hero component
+ * @param {object} props Component props
+ * @param {array} props.cards An Array of app information from FDC
+ * @param {func} props.viewAppShowcase Opens the AppShowcase page for a selected app
+ */
+const Home = (props) => (React.createElement("div", { className: "home" },
+    React.createElement(Hero, { cards: props.cards, viewAppShowcase: props.viewAppShowcase }),
+    props.tags.length > 0 &&
+        props.tags.map((tag, i) => {
+            const tagLabel = tag;
+            const cards = props.cards.filter((card) => card.tags.includes(tag));
+            return React.createElement(Carousel, { key: i, tag: tagLabel, cards: cards, viewAppShowcase: props.viewAppShowcase });
+        }),
+    props.tags.length === 0 && React.createElement(AppList, { cards: props.cards, viewAppShowcase: props.viewAppShowcase })));
+export default Home;
+//# sourceMappingURL=Home.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/Home.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAalC;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CAClC,6BAAK,SAAS,EAAC,MAAM;IACpB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,GAAI;IACnE,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QACrB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACzB,MAAM,QAAQ,GAAG,GAAG,CAAC;YACrB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;YAEpE,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,GAAI,CAAC;QAClG,CAAC,CAAC;IACF,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,GAAI,CAC9F,CACN,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,58 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { Component } from "react";
+interface IProps {
+    backButton?: Boolean;
+    tags: string[];
+    activeTags: string[];
+    goHome: () => void;
+    installationActionTaken: string;
+    search: (searchTerms: string) => void;
+}
+interface IState {
+    tagSelectorOpen: Boolean;
+    searchText: string;
+}
+/**
+ * The search bar, tags filter menu, and any active tags being filtered on
+ * @param {object} props Component props
+ * @param {boolean} [props.backButton] If true, display a back button for going back to the homepage
+ * @param {array} props.tags An array of all available tags for the tags menu
+ * @param {array} props.activeTags An array of active tags acting as search criteria
+ * @param {func} props.goHome Function to handle sending the app back to the homepage
+ * @param {string} props.installationActionTaken Name of action that handles display/hiding the success/failure message from adding/removing an app
+ */
+declare class SearchBar extends Component<IProps, IState> {
+    textInput: React.RefObject<HTMLInputElement> | undefined;
+    constructor(props: IProps);
+    bindCorrectContext(): void;
+    /**
+     * Handles changing the component state for handling local input value. Also calls parent function to effect the store
+     * @param {object} e React Synthetic event
+     */
+    changeSearch(e: React.ChangeEvent<HTMLInputElement>): void;
+    /**
+     * Opens/hides the tag selection menu
+     */
+    toggleTagSelector(): void;
+    /**
+     * Calls parent function to add a tag to filters
+     * @param {string} tag The name of the tag
+     */
+    selectTag(tag: string): void;
+    /**
+     * Calls parent function to remove a tag from filters
+     * @param {string} tag The name of the tag
+     */
+    removeTag(tag: string): void;
+    /**
+     * Clears search because 'back' button was clicked
+     */
+    goHome(): void;
+    focus(): void;
+    render(): JSX.Element;
+}
+export default SearchBar;
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzC,UAAU,MAAM;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB,EAAE,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,UAAU,MAAM;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,cAAM,SAAU,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;gBAE7C,KAAK,EAAE,MAAM;IAUzB,kBAAkB;IASlB;;;OAGG;IACH,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAMnD;;OAEG;IACH,iBAAiB;IAMjB;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE,MAAM;IAiBrB;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB;;OAEG;IACH,MAAM;IAKN,KAAK;IAIL,MAAM;CA0CN;AAED,eAAe,SAAS,CAAC"}

package/react/components/appCatalog/components/SearchBar.js

@@ -0,0 +1,108 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { Component } from "react";
+// data
+import storeActions from "../stores/storeActions";
+// components
+import Toast from "./Toast";
+import Tag from "../../shared/Tag";
+import TagsMenu from "../../shared/TagsMenu";
+/**
+ * The search bar, tags filter menu, and any active tags being filtered on
+ * @param {object} props Component props
+ * @param {boolean} [props.backButton] If true, display a back button for going back to the homepage
+ * @param {array} props.tags An array of all available tags for the tags menu
+ * @param {array} props.activeTags An array of active tags acting as search criteria
+ * @param {func} props.goHome Function to handle sending the app back to the homepage
+ * @param {string} props.installationActionTaken Name of action that handles display/hiding the success/failure message from adding/removing an app
+ */
+class SearchBar extends Component {
+    constructor(props) {
+        super(props);
+        this.textInput = React.createRef();
+        this.state = {
+            tagSelectorOpen: false,
+            searchText: "",
+        };
+        this.bindCorrectContext();
+    }
+    bindCorrectContext() {
+        this.goHome = this.goHome.bind(this);
+        this.changeSearch = this.changeSearch.bind(this);
+        this.toggleTagSelector = this.toggleTagSelector.bind(this);
+        this.selectTag = this.selectTag.bind(this);
+        this.removeTag = this.removeTag.bind(this);
+        this.focus = this.focus.bind(this);
+    }
+    /**
+     * Handles changing the component state for handling local input value. Also calls parent function to effect the store
+     * @param {object} e React Synthetic event
+     */
+    changeSearch(e) {
+        const { value: searchTerms } = e.target;
+        this.setState({ searchText: searchTerms });
+        this.props.search(searchTerms);
+    }
+    /**
+     * Opens/hides the tag selection menu
+     */
+    toggleTagSelector() {
+        this.setState({
+            tagSelectorOpen: !this.state.tagSelectorOpen,
+        });
+    }
+    /**
+     * Calls parent function to add a tag to filters
+     * @param {string} tag The name of the tag
+     */
+    selectTag(tag) {
+        let tags = storeActions.getActiveTags();
+        this.setState({
+            tagSelectorOpen: false,
+        }, () => {
+            if (tags.includes(tag)) {
+                storeActions.removeTag(tag);
+            }
+            else {
+                storeActions.addTag(tag);
+            }
+        });
+    }
+    /**
+     * Calls parent function to remove a tag from filters
+     * @param {string} tag The name of the tag
+     */
+    removeTag(tag) {
+        storeActions.removeTag(tag);
+    }
+    /**
+     * Clears search because 'back' button was clicked
+     */
+    goHome() {
+        this.setState({ searchText: "" });
+        this.props.goHome();
+    }
+    focus() {
+        var _a, _b;
+        (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }
+    render() {
+        const activeTags = storeActions.getActiveTags();
+        return (React.createElement("div", { className: "search-main" },
+            React.createElement(Toast, { installationActionTaken: this.props.installationActionTaken }),
+            React.createElement("div", { className: "search-action-items" },
+                this.props.backButton ? (React.createElement("div", { className: "search-back", onClick: this.goHome },
+                    React.createElement("i", { className: "ff-arrow-back" }),
+                    React.createElement("span", { className: "button-label" }, "Back"))) : null,
+                React.createElement("div", { className: "search-input-container" },
+                    React.createElement("i", { className: "ff-search" }),
+                    React.createElement("input", { className: "search-input", required: true, ref: this.textInput, placeholder: "Search", type: "text", value: this.state.searchText, onChange: this.changeSearch }),
+                    React.createElement("button", { className: "close-icon", onClick: this.goHome, type: "reset" })),
+                React.createElement(TagsMenu, { active: activeTags, list: this.props.tags, onItemClick: this.selectTag, label: "Tags", align: "right" })),
+            React.createElement("div", { className: "label-bar" }, activeTags.map((tag) => (React.createElement(Tag, { key: tag, name: tag, removeTag: this.removeTag }))))));
+    }
+}
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/SearchBar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare type DescriptionProps = {
+    description: string;
+};
+/**
+ * AppShowcase description section
+ * @param {object} props Component props
+ * @param {string} props.description The app description
+ */
+declare const AppDescription: ({ description }: DescriptionProps) => JSX.Element;
+export default AppDescription;
+//# sourceMappingURL=AppDescription.d.ts.map

package/react/components/appCatalog/components/Showcase/AppDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDescription.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/appCatalog/components/Showcase/AppDescription.tsx"],"names":[],"mappings":";AAMA,aAAK,gBAAgB,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AACF;;;;GAIG;AACH,QAAA,MAAM,cAAc,oBAAqB,gBAAgB,gBAOxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,16 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * AppShowcase description section
+ * @param {object} props Component props
+ * @param {string} props.description The app description
+ */
+const AppDescription = ({ description }) => (React.createElement("div", { className: "app-notes description" },
+    React.createElement("span", { className: "showcase-label" }, "Description"),
+    React.createElement("div", { className: "description-content" },
+        React.createElement("div", null, description))));
+export default AppDescription;
+//# sourceMappingURL=AppDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppDescription.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/appCatalog/components/Showcase/AppDescription.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;GAIG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAoB,EAAE,EAAE,CAAC,CAC7D,6BAAK,SAAS,EAAC,uBAAuB;IACrC,8BAAM,SAAS,EAAC,gBAAgB,kBAAmB;IACnD,6BAAK,SAAS,EAAC,qBAAqB;QACnC,iCAAM,WAAW,CAAO,CACnB,CACD,CACN,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare type AppDevNotesProps = {
+    publisher: string;
+    email: string;
+};
+/**
+ * AppShowcase dev notes section. Contains developer information
+ * @param {object} props Component props
+ * @param {string} props.publisher The name of this app's publisher
+ * @param {func} props.openSite Parent function to launch the developer's site in Finsemble window
+ * @param {string} props.email The developer's contact email
+ */
+declare const AppDevNotes: (props: AppDevNotesProps) => JSX.Element;
+export default AppDevNotes;
+//# sourceMappingURL=AppDevNotes.d.ts.map

package/react/components/appCatalog/components/Showcase/AppDevNotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDevNotes.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/appCatalog/components/Showcase/AppDevNotes.tsx"],"names":[],"mappings":";AAMA,aAAK,gBAAgB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,UAAW,gBAAgB,gBAqB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,31 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+/**
+ * AppShowcase dev notes section. Contains developer information
+ * @param {object} props Component props
+ * @param {string} props.publisher The name of this app's publisher
+ * @param {func} props.openSite Parent function to launch the developer's site in Finsemble window
+ * @param {string} props.email The developer's contact email
+ */
+const AppDevNotes = (props) => {
+    /**
+     * Opens the publisher's website.
+     */
+    // NOTE: There is currently no prop in the FDC spec that has a dev site.
+    const openSite = () => {
+        console.log("open the developers site");
+    };
+    return (React.createElement("div", { className: "app-notes developer" },
+        React.createElement("span", { className: "showcase-label" }, "Developer"),
+        React.createElement("div", { className: "developer-content" },
+            React.createElement("div", null,
+                props.publisher,
+                " -",
+                " ",
+                React.createElement("a", { href: "#", onClick: openSite }, props.email)))));
+};
+export default AppDevNotes;
+//# sourceMappingURL=AppDevNotes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppDevNotes.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/appCatalog/components/Showcase/AppDevNotes.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C;;OAEG;IACH,wEAAwE;IACxE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,OAAO,CACN,6BAAK,SAAS,EAAC,qBAAqB;QACnC,8BAAM,SAAS,EAAC,gBAAgB,gBAAiB;QACjD,6BAAK,SAAS,EAAC,mBAAmB;YACjC;gBACE,KAAK,CAAC,SAAS;;gBAAI,GAAG;gBACvB,2BAAG,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,QAAQ,IAC3B,KAAK,CAAC,KAAK,CACT,CACC,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,38 @@
+export default AppShowcase;
+declare class AppShowcase extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        name: any;
+        iconUrl: any;
+        entitled: any;
+        imageIndex: number;
+        imageModalOpen: boolean;
+        modalImage: null;
+    };
+    bindCorrectContext(): void;
+    /**
+     * Pages right through the app's images.
+     */
+    nextImage(): void;
+    /**
+     * Pages left through the app's images.
+     */
+    previousImage(): void;
+    /**
+     * Opens the image modal (light box). Sets the image to display
+     * @param {string} url The image url to display in the light box
+     */
+    openModal(url: string): void;
+    /**
+     * Closes the image modal
+     */
+    closeModal(): void;
+    /**
+     * Calls the parents function to add a tag to list of filters
+     * @param {string} name The tag name
+     */
+    addTag(name: string): void;
+    render(): JSX.Element;
+}
+import React from "react";
+//# sourceMappingURL=AppShowcase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShowcase.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/appCatalog/components/Showcase/AppShowcase.jsx"],"names":[],"mappings":";AAoBA;IACC,wBAcC;IAZA;;;;;;;MAUC;IAIF,2BAMC;IAED;;OAEG;IACH,kBAaC;IAED;;OAEG;IACH,sBAaC;IAED;;;OAGG;IACH,eAFW,MAAM,QAOhB;IAED;;OAEG;IACH,mBAKC;IAED;;;OAGG;IACH,aAFW,MAAM,QAIhB;IAED,sBAiDC;CACD"}