@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

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/components/appCatalog/components/Hero.tsx"],"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\nimport { AppMetadata } from \"../../../types/fdc3\";\r\n\r\ntype Images = {\r\n\turl: string;\r\n};\r\n\r\ninterface IProps {\r\n\tcards: (AppMetadata & { tags: string[]; images: Images[] })[];\r\n\tviewAppShowcase: (id: AppMetadata[\"appId\"]) => void;\r\n}\r\n\r\ninterface IState {\r\n\tactive: number;\r\n}\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 */\r\nexport default class Hero extends Component<IProps, IState> {\r\n\tconstructor(props: IProps) {\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: any) {\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"]}

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

@@ -1,5 +1,19 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <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;
+};
+declare const Home: (props: HomeProps) => JSX.Element;
 export default Home;
-declare function Home(props: {
-    cards: any;
-    viewAppShowcase: any;
-}): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Home.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAOlC,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,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","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 from \"react\";\r\nimport AppList from \"./AppList\";\r\n\r\n// components\r\nimport Hero from \"./Hero\";\r\nimport Carousel from \"./Carousel\";\r\n/**\r\n * Home page. Contains carousels and a hero component\r\n * @param {object} props Component props\r\n * @param {array} props.cards An Array of app information from FDC\r\n * @param {func} props.viewAppShowcase Opens the AppShowcase page for a selected app\r\n */\r\nconst Home = (props) => (\r\n\t<div className=\"home\">\r\n\t\t<Hero cards={props.cards} viewAppShowcase={props.viewAppShowcase} />\r\n\t\t{props.tags.length > 0 &&\r\n\t\t\tprops.tags.map((tag, i) => {\r\n\t\t\t\tconst tagLabel = tag;\r\n\t\t\t\tconst cards = props.cards.filter((card) => card.tags.includes(tag));\r\n\r\n\t\t\t\treturn <Carousel key={i} tag={tagLabel} cards={cards} viewAppShowcase={props.viewAppShowcase} />;\r\n\t\t\t})}\r\n\t\t{props.tags.length === 0 && <AppList cards={props.cards} viewAppShowcase={props.viewAppShowcase} />}\r\n\t</div>\r\n);\r\n\r\nexport default Home;\r\n"]}
+{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Home.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAmBlC,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","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 from \"react\";\r\nimport AppList from \"./AppList\";\r\nimport Hero from \"./Hero\";\r\nimport Carousel from \"./Carousel\";\r\nimport { AppMetadata } from \"../../../types/fdc3\";\r\n\r\ntype Images = {\r\n\turl: string;\r\n};\r\n\r\ntype HomeProps = {\r\n\ttags: string[];\r\n\tcards: (AppMetadata & { tags: string[]; images: Images[] })[];\r\n\tviewAppShowcase: (id: AppMetadata[\"appId\"]) => void;\r\n};\r\n\r\n/**\r\n * Home page. Contains carousels and a hero component\r\n * @param {object} props Component props\r\n * @param {array} props.cards An Array of app information from FDC\r\n * @param {func} props.viewAppShowcase Opens the AppShowcase page for a selected app\r\n */\r\nconst Home = (props: HomeProps) => (\r\n\t<div className=\"home\">\r\n\t\t<Hero cards={props.cards} viewAppShowcase={props.viewAppShowcase} />\r\n\t\t{props.tags.length > 0 &&\r\n\t\t\tprops.tags.map((tag, i) => {\r\n\t\t\t\tconst tagLabel = tag;\r\n\t\t\t\tconst cards = props.cards.filter((card) => card.tags.includes(tag));\r\n\r\n\t\t\t\treturn <Carousel key={i} tag={tagLabel} cards={cards} viewAppShowcase={props.viewAppShowcase} />;\r\n\t\t\t})}\r\n\t\t{props.tags.length === 0 && <AppList cards={props.cards} viewAppShowcase={props.viewAppShowcase} />}\r\n\t</div>\r\n);\r\n\r\nexport default Home;\r\n"]}

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

@@ -1,13 +1,26 @@
-export default SearchBar;
-declare class SearchBar extends React.Component<any, any, any> {
-    constructor(props: any);
-    textInput: React.RefObject<any>;
+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;
+}
+declare class SearchBar extends Component<IProps, IState> {
+    textInput: React.RefObject<HTMLInputElement> | undefined;
+    constructor(props: IProps);
     bindCorrectContext(): void;
-    goHome(): void;
-    changeSearch(e: object): void;
+    changeSearch(e: React.ChangeEvent<HTMLInputElement>): void;
     toggleTagSelector(): void;
     selectTag(tag: string): void;
     removeTag(tag: string): void;
+    goHome(): void;
     focus(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export default SearchBar;

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

@@ -52,14 +52,11 @@ class SearchBar extends Component {
         this.props.goHome();
     }
     focus() {
-        this.textInput.current.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() {
-        let tagListClass = "tag-selector-content";
-        if (!this.state.tagSelectorOpen) {
-            tagListClass = `${tagListClass} hidden`;
-        }
-        let activeTags = storeActions.getActiveTags();
+        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" },
@@ -71,7 +68,7 @@ class SearchBar extends Component {
                     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, i) => (React.createElement(Tag, { key: tag, name: tag, removeTag: this.removeTag }))))));
+            React.createElement("div", { className: "label-bar" }, activeTags.map((tag) => (React.createElement(Tag, { key: tag, name: tag, removeTag: this.removeTag }))))));
     }
 }
 export default SearchBar;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/SearchBar.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 Toast from \"./Toast\";\r\nimport Tag from \"../../shared/Tag\";\r\nimport TagsMenu from \"../../shared/TagsMenu\";\r\n\r\n/**\r\n * The search bar, tags filter menu, and any active tags being filtered on\r\n * @param {object} props Component props\r\n * @param {boolean} [props.backButton] If true, display a back button for going back to the homepage\r\n * @param {array} props.tags An array of all available tags for the tags menu\r\n * @param {array} props.activeTags An array of active tags acting as search criteria\r\n * @param {func} props.goHome Function to handle sending the app back to the homepage\r\n * @param {func} props.installationActionTaken Function that handles display/hiding the success/failure message from adding/removing an app\r\n */\r\nclass SearchBar extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.textInput = React.createRef();\r\n\t\tthis.state = {\r\n\t\t\ttagSelectorOpen: false,\r\n\t\t\tsearchText: \"\",\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.goHome = this.goHome.bind(this);\r\n\t\tthis.changeSearch = this.changeSearch.bind(this);\r\n\t\tthis.toggleTagSelector = this.toggleTagSelector.bind(this);\r\n\t\tthis.selectTag = this.selectTag.bind(this);\r\n\t\tthis.removeTag = this.removeTag.bind(this);\r\n\t\tthis.focus = this.focus.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Handles changing the component state for handling local input value. Also calls parent function to effect the store\r\n\t * @param {object} e React Synthetic event\r\n\t */\r\n\tchangeSearch(e) {\r\n\t\tconst { value: searchTerms } = e.target;\r\n\t\tthis.setState({ searchText: searchTerms });\r\n\t\tthis.props.search(searchTerms);\r\n\t}\r\n\r\n\t/**\r\n\t * Opens/hides the tag selection menu\r\n\t */\r\n\ttoggleTagSelector() {\r\n\t\tthis.setState({\r\n\t\t\ttagSelectorOpen: !this.state.tagSelectorOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls parent function to add a tag to filters\r\n\t * @param {string} tag The name of the tag\r\n\t */\r\n\tselectTag(tag) {\r\n\t\tlet tags = storeActions.getActiveTags();\r\n\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\ttagSelectorOpen: false,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (tags.includes(tag)) {\r\n\t\t\t\t\tstoreActions.removeTag(tag);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstoreActions.addTag(tag);\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 function to remove a tag from filters\r\n\t * @param {string} tag The name of the tag\r\n\t */\r\n\tremoveTag(tag) {\r\n\t\tstoreActions.removeTag(tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Clears search because 'back' button was clicked\r\n\t */\r\n\tgoHome() {\r\n\t\tthis.setState({ searchText: \"\" });\r\n\t\tthis.props.goHome();\r\n\t}\r\n\r\n\tfocus() {\r\n\t\tthis.textInput.current.focus();\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet tagListClass = \"tag-selector-content\";\r\n\r\n\t\tif (!this.state.tagSelectorOpen) {\r\n\t\t\ttagListClass = `${tagListClass} hidden`;\r\n\t\t}\r\n\r\n\t\tlet activeTags = storeActions.getActiveTags();\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"search-main\">\r\n\t\t\t\t<Toast installationActionTaken={this.props.installationActionTaken} />\r\n\t\t\t\t<div className=\"search-action-items\">\r\n\t\t\t\t\t{this.props.backButton ? (\r\n\t\t\t\t\t\t<div className=\"search-back\" onClick={this.goHome}>\r\n\t\t\t\t\t\t\t<i className=\"ff-arrow-back\"></i>\r\n\t\t\t\t\t\t\t<span className=\"button-label\">Back</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<div className=\"search-input-container\">\r\n\t\t\t\t\t\t<i className=\"ff-search\"></i>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"search-input\"\r\n\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\tref={this.textInput}\r\n\t\t\t\t\t\t\tplaceholder=\"Search\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tvalue={this.state.searchText}\r\n\t\t\t\t\t\t\tonChange={this.changeSearch}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<button className=\"close-icon\" onClick={this.goHome} type=\"reset\"></button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<TagsMenu\r\n\t\t\t\t\t\tactive={activeTags}\r\n\t\t\t\t\t\tlist={this.props.tags}\r\n\t\t\t\t\t\tonItemClick={this.selectTag}\r\n\t\t\t\t\t\tlabel={\"Tags\"}\r\n\t\t\t\t\t\talign=\"right\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"label-bar\">\r\n\t\t\t\t\t{activeTags.map((tag, i) => (\r\n\t\t\t\t\t\t<Tag key={tag} name={tag} removeTag={this.removeTag} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default SearchBar;\r\n"]}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/SearchBar.tsx"],"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 Toast from \"./Toast\";\r\nimport Tag from \"../../shared/Tag\";\r\nimport TagsMenu from \"../../shared/TagsMenu\";\r\n\r\ninterface IProps {\r\n\tbackButton?: Boolean;\r\n\ttags: string[];\r\n\tactiveTags: string[];\r\n\tgoHome: () => void;\r\n\tinstallationActionTaken: string;\r\n\tsearch: (searchTerms: string) => void;\r\n}\r\n\r\ninterface IState {\r\n\ttagSelectorOpen: Boolean;\r\n\tsearchText: string;\r\n}\r\n\r\n/**\r\n * The search bar, tags filter menu, and any active tags being filtered on\r\n * @param {object} props Component props\r\n * @param {boolean} [props.backButton] If true, display a back button for going back to the homepage\r\n * @param {array} props.tags An array of all available tags for the tags menu\r\n * @param {array} props.activeTags An array of active tags acting as search criteria\r\n * @param {func} props.goHome Function to handle sending the app back to the homepage\r\n * @param {string} props.installationActionTaken Name of action that handles display/hiding the success/failure message from adding/removing an app\r\n */\r\nclass SearchBar extends Component<IProps, IState> {\r\n\ttextInput: React.RefObject<HTMLInputElement> | undefined;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.textInput = React.createRef();\r\n\t\tthis.state = {\r\n\t\t\ttagSelectorOpen: false,\r\n\t\t\tsearchText: \"\",\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.goHome = this.goHome.bind(this);\r\n\t\tthis.changeSearch = this.changeSearch.bind(this);\r\n\t\tthis.toggleTagSelector = this.toggleTagSelector.bind(this);\r\n\t\tthis.selectTag = this.selectTag.bind(this);\r\n\t\tthis.removeTag = this.removeTag.bind(this);\r\n\t\tthis.focus = this.focus.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Handles changing the component state for handling local input value. Also calls parent function to effect the store\r\n\t * @param {object} e React Synthetic event\r\n\t */\r\n\tchangeSearch(e: React.ChangeEvent<HTMLInputElement>) {\r\n\t\tconst { value: searchTerms } = e.target;\r\n\t\tthis.setState({ searchText: searchTerms });\r\n\t\tthis.props.search(searchTerms);\r\n\t}\r\n\r\n\t/**\r\n\t * Opens/hides the tag selection menu\r\n\t */\r\n\ttoggleTagSelector() {\r\n\t\tthis.setState({\r\n\t\t\ttagSelectorOpen: !this.state.tagSelectorOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls parent function to add a tag to filters\r\n\t * @param {string} tag The name of the tag\r\n\t */\r\n\tselectTag(tag: string) {\r\n\t\tlet tags: string[] = storeActions.getActiveTags();\r\n\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\ttagSelectorOpen: false,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tif (tags.includes(tag)) {\r\n\t\t\t\t\tstoreActions.removeTag(tag);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstoreActions.addTag(tag);\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 function to remove a tag from filters\r\n\t * @param {string} tag The name of the tag\r\n\t */\r\n\tremoveTag(tag: string) {\r\n\t\tstoreActions.removeTag(tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Clears search because 'back' button was clicked\r\n\t */\r\n\tgoHome() {\r\n\t\tthis.setState({ searchText: \"\" });\r\n\t\tthis.props.goHome();\r\n\t}\r\n\r\n\tfocus() {\r\n\t\tthis.textInput?.current?.focus();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst activeTags: string[] = storeActions.getActiveTags();\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"search-main\">\r\n\t\t\t\t<Toast installationActionTaken={this.props.installationActionTaken} />\r\n\t\t\t\t<div className=\"search-action-items\">\r\n\t\t\t\t\t{this.props.backButton ? (\r\n\t\t\t\t\t\t<div className=\"search-back\" onClick={this.goHome}>\r\n\t\t\t\t\t\t\t<i className=\"ff-arrow-back\"></i>\r\n\t\t\t\t\t\t\t<span className=\"button-label\">Back</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<div className=\"search-input-container\">\r\n\t\t\t\t\t\t<i className=\"ff-search\"></i>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"search-input\"\r\n\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\tref={this.textInput}\r\n\t\t\t\t\t\t\tplaceholder=\"Search\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tvalue={this.state.searchText}\r\n\t\t\t\t\t\t\tonChange={this.changeSearch}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<button className=\"close-icon\" onClick={this.goHome} type=\"reset\"></button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<TagsMenu\r\n\t\t\t\t\t\tactive={activeTags}\r\n\t\t\t\t\t\tlist={this.props.tags}\r\n\t\t\t\t\t\tonItemClick={this.selectTag}\r\n\t\t\t\t\t\tlabel={\"Tags\"}\r\n\t\t\t\t\t\talign=\"right\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"label-bar\">\r\n\t\t\t\t\t{activeTags.map((tag) => (\r\n\t\t\t\t\t\t<Tag key={tag} name={tag} removeTag={this.removeTag} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default SearchBar;\r\n"]}

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

@@ -1,4 +1,6 @@
-export default AppDescription;
-declare function AppDescription(props: {
+/// <reference types="react" />
+declare type DescriptionProps = {
     description: string;
-}): JSX.Element;
+};
+declare const AppDescription: ({ description }: DescriptionProps) => JSX.Element;
+export default AppDescription;

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

@@ -1,9 +1,7 @@
 import React from "react";
-const AppDescription = (props) => {
-    return (React.createElement("div", { className: "app-notes description" },
-        React.createElement("span", { className: "showcase-label" }, "Description"),
-        React.createElement("div", { className: "description-content" },
-            React.createElement("div", null, props.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

@@ -1 +1 @@
-{"version":3,"file":"AppDescription.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppDescription.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,OAAO,CACN,6BAAK,SAAS,EAAC,uBAAuB;QACrC,8BAAM,SAAS,EAAC,gBAAgB,kBAAmB;QACnD,6BAAK,SAAS,EAAC,qBAAqB;YACnC,iCAAM,KAAK,CAAC,WAAW,CAAO,CACzB,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,cAAc,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 * AppShowcase description section\r\n * @param {object} props Component props\r\n * @param {string} props.description The app description\r\n */\r\nconst AppDescription = (props) => {\r\n\treturn (\r\n\t\t<div className=\"app-notes description\">\r\n\t\t\t<span className=\"showcase-label\">Description</span>\r\n\t\t\t<div className=\"description-content\">\r\n\t\t\t\t<div>{props.description}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default AppDescription;\r\n"]}
+{"version":3,"file":"AppDescription.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppDescription.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React from \"react\";\r\n\r\ntype DescriptionProps = {\r\n\tdescription: string;\r\n};\r\n/**\r\n * AppShowcase description section\r\n * @param {object} props Component props\r\n * @param {string} props.description The app description\r\n */\r\nconst AppDescription = ({ description }: DescriptionProps) => (\r\n\t<div className=\"app-notes description\">\r\n\t\t<span className=\"showcase-label\">Description</span>\r\n\t\t<div className=\"description-content\">\r\n\t\t\t<div>{description}</div>\r\n\t\t</div>\r\n\t</div>\r\n);\r\n\r\nexport default AppDescription;\r\n"]}

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

@@ -1,6 +1,7 @@
-export default AppDevNotes;
-declare function AppDevNotes(props: {
+/// <reference types="react" />
+declare type AppDevNotesProps = {
     publisher: string;
-    openSite: any;
     email: string;
-}): JSX.Element;
+};
+declare const AppDevNotes: (props: AppDevNotesProps) => JSX.Element;
+export default AppDevNotes;

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

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

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

@@ -91,7 +91,7 @@ class AppShowcase extends Component {
                         "You don't have permission to add this App. ",
                         React.createElement("a", { href: "#" }, "Contact your administrator"),
                         " to request permission.")))),
-            React.createElement(Header, { iconUrl: iconUrl, entitled: this.state.entitled, ...this.props.app }),
+            React.createElement(Header, Object.assign({ iconUrl: iconUrl, entitled: this.state.entitled }, this.props.app)),
             React.createElement(ImageCarousel, { nextImage: this.nextImage, previousImage: this.previousImage, openModal: this.openModal, images: images }),
             React.createElement(AppDescription, { description: this.props.app.description }),
             React.createElement(ReleaseNotes, { releaseNotes: this.props.app.releaseNotes }),

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

@@ -1 +1 @@
-{"version":3,"file":"AppShowcase.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppShowcase.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\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 Modal from \"./Modal\";\r\nimport Header from \"./Header\";\r\nimport ImageCarousel from \"./ImageCarousel\";\r\nimport AppDescription from \"./AppDescription\";\r\nimport ReleaseNotes from \"./ReleaseNotes\";\r\nimport AppDevNotes from \"./AppDevNotes\";\r\nimport VersionNotes from \"./VersionNotes\";\r\nimport SupportNotes from \"./SupportNotes\";\r\n\r\nconst imagesInCarousel = 4;\r\nclass AppShowcase extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tname: this.props.app.title || this.props.app.name,\r\n\t\t\ticonUrl:\r\n\t\t\t\tthis.props.app.icons !== undefined && this.props.app.icons[0].url !== undefined\r\n\t\t\t\t\t? this.props.app.icons[0].url\r\n\t\t\t\t\t: \"../assets/placeholder.svg\",\r\n\t\t\tentitled: this.props.app.entitled ? this.props.app.entitled : false,\r\n\t\t\timageIndex: 0,\r\n\t\t\timageModalOpen: false,\r\n\t\t\tmodalImage: null,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.nextImage = this.nextImage.bind(this);\r\n\t\tthis.previousImage = this.previousImage.bind(this);\r\n\t\tthis.openModal = this.openModal.bind(this);\r\n\t\tthis.closeModal = this.closeModal.bind(this);\r\n\t\tthis.addTag = this.addTag.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Pages right through the app's images.\r\n\t */\r\n\tnextImage() {\r\n\t\tlet imageIndex = this.state.imageIndex;\r\n\r\n\t\t// We want to increase the image index for the carousel, but if this paging action takes us past the length of the image array, we need to reset\r\n\t\tif (imageIndex + 1 >= this.props.app.images.length) {\r\n\t\t\timageIndex = 0;\r\n\t\t} else {\r\n\t\t\timageIndex++;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\timageIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Pages left through the app's images.\r\n\t */\r\n\tpreviousImage() {\r\n\t\tlet imageIndex = this.state.imageIndex;\r\n\r\n\t\t// We want to decrease the image index for the carousel, but if this paging action takes us under 0, we need to reset\r\n\t\tif (imageIndex - 1 < 0) {\r\n\t\t\timageIndex = this.props.app.images.length - 1;\r\n\t\t} else {\r\n\t\t\timageIndex--;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\timageIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Opens the image modal (light box). Sets the image to display\r\n\t * @param {string} url The image url to display in the light box\r\n\t */\r\n\topenModal(url) {\r\n\t\tthis.setState({\r\n\t\t\tmodalImage: url,\r\n\t\t\timageModalOpen: true,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Closes the image modal\r\n\t */\r\n\tcloseModal() {\r\n\t\tthis.setState({\r\n\t\t\timageModalOpen: false,\r\n\t\t\tmodalImage: null,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the parents function to add a tag to list of filters\r\n\t * @param {string} name The tag name\r\n\t */\r\n\taddTag(name) {\r\n\t\tstoreActions.addTag(name);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { name, iconUrl, imageIndex } = this.state;\r\n\r\n\t\tlet images = [];\r\n\t\tfor (let i = 0; i < (this.props.app.images ? Math.min(imagesInCarousel, this.props.app.images.length) : 0); i++) {\r\n\t\t\tlet imageUrl =\r\n\t\t\t\tthis.props.app.images[imageIndex].url !== undefined\r\n\t\t\t\t\t? this.props.app.images[imageIndex].url\r\n\t\t\t\t\t: \"../assets/placeholder.svg\";\r\n\t\t\timages.push(imageUrl);\r\n\t\t\tif (++imageIndex >= this.props.app.images.length) {\r\n\t\t\t\timageIndex = 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div className=\"app-showcase\">\r\n\t\t\t\t<Modal open={this.state.imageModalOpen} closeModal={this.closeModal}>\r\n\t\t\t\t\t<img src={this.state.modalImage} className=\"modal-image\" />\r\n\t\t\t\t</Modal>\r\n\t\t\t\t{!this.state.entitled && (\r\n\t\t\t\t\t<div className=\"app-warning\">\r\n\t\t\t\t\t\t<span className=\"app-warning-wrapper\">\r\n\t\t\t\t\t\t\t<span className=\"app-warning-text\">\r\n\t\t\t\t\t\t\t\tYou don&apos;t have permission to add this App. <a href=\"#\">Contact your administrator</a> to request\r\n\t\t\t\t\t\t\t\tpermission.\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<Header iconUrl={iconUrl} entitled={this.state.entitled} {...this.props.app} />\r\n\r\n\t\t\t\t<ImageCarousel\r\n\t\t\t\t\tnextImage={this.nextImage}\r\n\t\t\t\t\tpreviousImage={this.previousImage}\r\n\t\t\t\t\topenModal={this.openModal}\r\n\t\t\t\t\timages={images}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<AppDescription description={this.props.app.description} />\r\n\r\n\t\t\t\t<ReleaseNotes releaseNotes={this.props.app.releaseNotes} />\r\n\r\n\t\t\t\t<AppDevNotes email={this.props.app.contactEmail} publisher={this.props.app.publisher} />\r\n\r\n\t\t\t\t<VersionNotes version={this.props.app.version} />\r\n\r\n\t\t\t\t<SupportNotes email={this.props.app.supportEmail} tags={this.props.app.tags} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default AppShowcase;\r\n"]}
+{"version":3,"file":"AppShowcase.js","sourceRoot":"","sources":["../../../../../src/components/appCatalog/components/Showcase/AppShowcase.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAGrD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,WAAY,SAAQ,SAAS;IAClC,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI;YACjD,OAAO,EACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS;gBAC9E,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG;gBAC7B,CAAC,CAAC,2BAA2B;YAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;YACnE,UAAU,EAAE,CAAC;YACb,cAAc,EAAE,KAAK;YACrB,UAAU,EAAE,IAAI;SAChB,CAAC;QACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAED,kBAAkB;QACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAKD,SAAS;QACR,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAGvC,IAAI,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;YACnD,UAAU,GAAG,CAAC,CAAC;SACf;aAAM;YACN,UAAU,EAAE,CAAC;SACb;QAED,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU;SACV,CAAC,CAAC;IACJ,CAAC;IAKD,aAAa;QACZ,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAGvC,IAAI,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;YACvB,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;SAC9C;aAAM;YACN,UAAU,EAAE,CAAC;SACb;QAED,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU;SACV,CAAC,CAAC;IACJ,CAAC;IAMD,SAAS,CAAC,GAAG;QACZ,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,GAAG;YACf,cAAc,EAAE,IAAI;SACpB,CAAC,CAAC;IACJ,CAAC;IAKD,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC;YACb,cAAc,EAAE,KAAK;YACrB,UAAU,EAAE,IAAI;SAChB,CAAC,CAAC;IACJ,CAAC;IAMD,MAAM,CAAC,IAAI;QACV,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACL,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE/C,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAChH,IAAI,QAAQ,GACX,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,KAAK,SAAS;gBAClD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG;gBACvC,CAAC,CAAC,2BAA2B,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtB,IAAI,EAAE,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;gBACjD,UAAU,GAAG,CAAC,CAAC;aACf;SACD;QACD,OAAO,CACN,6BAAK,SAAS,EAAC,cAAc;YAC5B,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU;gBAClE,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,aAAa,GAAG,CACpD;YACP,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACxB,6BAAK,SAAS,EAAC,aAAa;gBAC3B,8BAAM,SAAS,EAAC,qBAAqB;oBACpC,8BAAM,SAAS,EAAC,kBAAkB;;wBACe,2BAAG,IAAI,EAAC,GAAG,iCAA+B;kDAEpF,CACD,CACF,CACN;YACD,oBAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAI;YAE/E,oBAAC,aAAa,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,MAAM,GACb;YAEF,oBAAC,cAAc,IAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,GAAI;YAE3D,oBAAC,YAAY,IAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,GAAI;YAE3D,oBAAC,WAAW,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,GAAI;YAExF,oBAAC,YAAY,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,GAAI;YAEjD,oBAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAI,CAC1E,CACN,CAAC;IACH,CAAC;CACD;AAED,eAAe,WAAW,CAAC","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 Modal from \"./Modal\";\r\nimport Header from \"./Header\";\r\nimport ImageCarousel from \"./ImageCarousel\";\r\nimport AppDescription from \"./AppDescription\";\r\nimport ReleaseNotes from \"./ReleaseNotes\";\r\nimport AppDevNotes from \"./AppDevNotes\";\r\nimport VersionNotes from \"./VersionNotes\";\r\nimport SupportNotes from \"./SupportNotes\";\r\n\r\nconst imagesInCarousel = 4;\r\nclass AppShowcase extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tname: this.props.app.title || this.props.app.name,\r\n\t\t\ticonUrl:\r\n\t\t\t\tthis.props.app.icons !== undefined && this.props.app.icons[0].url !== undefined\r\n\t\t\t\t\t? this.props.app.icons[0].url\r\n\t\t\t\t\t: \"../assets/placeholder.svg\",\r\n\t\t\tentitled: this.props.app.entitled ? this.props.app.entitled : false,\r\n\t\t\timageIndex: 0,\r\n\t\t\timageModalOpen: false,\r\n\t\t\tmodalImage: null,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.nextImage = this.nextImage.bind(this);\r\n\t\tthis.previousImage = this.previousImage.bind(this);\r\n\t\tthis.openModal = this.openModal.bind(this);\r\n\t\tthis.closeModal = this.closeModal.bind(this);\r\n\t\tthis.addTag = this.addTag.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Pages right through the app's images.\r\n\t */\r\n\tnextImage() {\r\n\t\tlet imageIndex = this.state.imageIndex;\r\n\r\n\t\t// We want to increase the image index for the carousel, but if this paging action takes us past the length of the image array, we need to reset\r\n\t\tif (imageIndex + 1 >= this.props.app.images.length) {\r\n\t\t\timageIndex = 0;\r\n\t\t} else {\r\n\t\t\timageIndex++;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\timageIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Pages left through the app's images.\r\n\t */\r\n\tpreviousImage() {\r\n\t\tlet imageIndex = this.state.imageIndex;\r\n\r\n\t\t// We want to decrease the image index for the carousel, but if this paging action takes us under 0, we need to reset\r\n\t\tif (imageIndex - 1 < 0) {\r\n\t\t\timageIndex = this.props.app.images.length - 1;\r\n\t\t} else {\r\n\t\t\timageIndex--;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\timageIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Opens the image modal (light box). Sets the image to display\r\n\t * @param {string} url The image url to display in the light box\r\n\t */\r\n\topenModal(url) {\r\n\t\tthis.setState({\r\n\t\t\tmodalImage: url,\r\n\t\t\timageModalOpen: true,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Closes the image modal\r\n\t */\r\n\tcloseModal() {\r\n\t\tthis.setState({\r\n\t\t\timageModalOpen: false,\r\n\t\t\tmodalImage: null,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the parents function to add a tag to list of filters\r\n\t * @param {string} name The tag name\r\n\t */\r\n\taddTag(name) {\r\n\t\tstoreActions.addTag(name);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { name, iconUrl, imageIndex } = this.state;\r\n\r\n\t\tlet images = [];\r\n\t\tfor (let i = 0; i < (this.props.app.images ? Math.min(imagesInCarousel, this.props.app.images.length) : 0); i++) {\r\n\t\t\tlet imageUrl =\r\n\t\t\t\tthis.props.app.images[imageIndex].url !== undefined\r\n\t\t\t\t\t? this.props.app.images[imageIndex].url\r\n\t\t\t\t\t: \"../assets/placeholder.svg\";\r\n\t\t\timages.push(imageUrl);\r\n\t\t\tif (++imageIndex >= this.props.app.images.length) {\r\n\t\t\t\timageIndex = 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div className=\"app-showcase\">\r\n\t\t\t\t<Modal open={this.state.imageModalOpen} closeModal={this.closeModal}>\r\n\t\t\t\t\t<img src={this.state.modalImage} className=\"modal-image\" />\r\n\t\t\t\t</Modal>\r\n\t\t\t\t{!this.state.entitled && (\r\n\t\t\t\t\t<div className=\"app-warning\">\r\n\t\t\t\t\t\t<span className=\"app-warning-wrapper\">\r\n\t\t\t\t\t\t\t<span className=\"app-warning-text\">\r\n\t\t\t\t\t\t\t\tYou don&apos;t have permission to add this App. <a href=\"#\">Contact your administrator</a> to request\r\n\t\t\t\t\t\t\t\tpermission.\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<Header iconUrl={iconUrl} entitled={this.state.entitled} {...this.props.app} />\r\n\r\n\t\t\t\t<ImageCarousel\r\n\t\t\t\t\tnextImage={this.nextImage}\r\n\t\t\t\t\tpreviousImage={this.previousImage}\r\n\t\t\t\t\topenModal={this.openModal}\r\n\t\t\t\t\timages={images}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<AppDescription description={this.props.app.description} />\r\n\r\n\t\t\t\t<ReleaseNotes releaseNotes={this.props.app.releaseNotes} />\r\n\r\n\t\t\t\t<AppDevNotes email={this.props.app.contactEmail} publisher={this.props.app.publisher} />\r\n\r\n\t\t\t\t<VersionNotes version={this.props.app.version} />\r\n\r\n\t\t\t\t<SupportNotes email={this.props.app.supportEmail} tags={this.props.app.tags} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default AppShowcase;\r\n"]}

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

@@ -1,6 +1,14 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { AppMetadata } from "../../../../types/fdc3";
+declare type HeaderProps = AppMetadata & {
+    url: string | undefined;
+    installed: any;
+    iconUrl: string | undefined;
+    entitled: any;
+};
+declare const Header: (props: HeaderProps) => JSX.Element;
 export default Header;
-declare function Header(props: {
-    iconUrl: string;
-    name: string;
-    appAction: any;
-}): JSX.Element;

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

@@ -13,7 +13,7 @@ const Header = (props) => {
             pendingSpawn = true;
             const name = props.title || props.name;
             if (props.url) {
-                FSBL.Clients.LauncherClient.spawn(null, {
+                FSBL.Clients.LauncherClient.spawn("", {
                     url: props.url,
                     addToWorkspace: true,
                 }, () => {
@@ -21,7 +21,7 @@ const Header = (props) => {
                 });
                 return;
             }
-            FSBL.Clients.LauncherClient.spawn(name.trim(), { addToWorkspace: true }, (err, data) => {
+            FSBL.Clients.LauncherClient.spawn(name.trim(), { addToWorkspace: true }, () => {
                 pendingSpawn = false;
             });
         }

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

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

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

@@ -1,5 +1,8 @@
+import React from "react";
+declare type ModalProps = {
+    open: boolean;
+    closeModal: () => void;
+    children: React.ReactNode;
+};
+declare const Modal: ({ open, closeModal, children }: ModalProps) => JSX.Element;
 export default Modal;
-declare function Modal(props: {
-    closeModal: any;
-    children: object;
-}): JSX.Element;

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

@@ -1,14 +1,14 @@
 import React from "react";
-const Modal = (props) => {
+const Modal = ({ open, closeModal, children }) => {
     let modalClassName = "modal";
-    if (props.open) {
-        modalClassName += " open";
+    if (open) {
+        modalClassName = `${modalClassName} open`;
     }
     else {
-        modalClassName += " closed";
+        modalClassName = `${modalClassName} closed`;
     }
-    return (React.createElement("div", { className: modalClassName, onClick: props.closeModal },
-        React.createElement("div", { className: "modal-main" }, props.children)));
+    return (React.createElement("div", { className: modalClassName, onClick: closeModal },
+        React.createElement("div", { className: "modal-main" }, children)));
 };
 export default Modal;
 //# sourceMappingURL=Modal.js.map

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

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

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

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

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

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

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

@@ -1,5 +1,7 @@
-export default Tag;
-declare function Tag(props: {
+/// <reference types="react" />
+interface Props {
     name: string;
-    removeTag: any;
-}): JSX.Element;
+    removeTag: (tag: string) => void;
+}
+declare const Tag: (props: Props) => JSX.Element;
+export default Tag;

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

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

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

@@ -1,4 +1,6 @@
-export default Toast;
-declare function Toast(props: {
+/// <reference types="react" />
+interface IProps {
     installationActionTaken: string;
-}): JSX.Element | null;
+}
+declare const Toast: (props: IProps) => JSX.Element | null;
+export default Toast;

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

@@ -1,18 +1,19 @@
 import React from "react";
 const Toast = (props) => {
     let classes = "toast-content";
-    let icon = null, messageContent = null;
+    let messageContent = null;
+    const icon = undefined;
     switch (props.installationActionTaken) {
         case "add":
             messageContent = "App Added";
-            classes += " success";
+            classes = `${classes} success`;
             break;
         case "remove":
             messageContent = "App Removed";
-            classes += " error";
+            classes = `${classes} error`;
             break;
         default:
-            classes += " not-shown";
+            classes = `${classes} not-shown`;
             break;
     }
     if (messageContent !== null) {

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

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

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

@@ -1,3 +1,7 @@
+declare type Class = {
+    new (...args: any[]): any;
+};
 export default class AppDirectory {
-    constructor(client: any);
+    constructor(client: Class);
 }
+export {};

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

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

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

@@ -1,13 +1,14 @@
-export default class FDC3 {
-    constructor(config?: {}, creds?: {});
+import React from "react";
+import { FDC3Props, FDC3PostCallback, FDC3SearchCallback, FDC3GetCallback } from "../../../types/fdc3";
+import { StandardError } from "@finsemble/finsemble-core/types/types";
+export default class FDC3 extends React.Component<FDC3Props> {
     creds: {};
-    config: {
-        url: any;
-    };
-    _get(path: string, done: Function): void;
-    _post(path: string, params: object, done: Function): void;
-    getAll(callback: Function): Promise<any>;
-    get(appId: string, callback: any): Promise<any>;
-    getTags(callback: Function): Promise<any>;
-    search(params: object, callback: Function): Promise<any>;
+    config: FDC3Props["config"];
+    constructor(props: FDC3Props);
+    _get(path: string, done: FDC3GetCallback): void;
+    _post(path: string, params: Record<string, string>, done: FDC3PostCallback): void;
+    getAll(callback: (arg1: Record<string, string> | null, applications: string[]) => void): Promise<unknown>;
+    get(appId: string, callback: (error: StandardError, application: string) => void): Promise<unknown>;
+    getTags(callback: (error: StandardError, results: string[]) => void): Promise<unknown>;
+    search(params: Record<string, string>, callback: FDC3SearchCallback): Promise<unknown>;
 }