@finsemble/finsemble-ui 10.0.0-iocd.8 → 10.0.3-beta.2

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,MAAM,aAAa,GAAG,CAAC,CAAC;AAOxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAU,EAAE,CAAC;QACvB,IAAI,UAAU,GAAU,EAAE,CAAC;QAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAErC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC;YAEpC,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,OAAO;gBACf,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,aAAa,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACtB,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,mCACE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAAG,GAAG,CAAM,CACnC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AppList.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,MAAM,aAAa,GAAG,CAAC,CAAC;AAOxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,MAAM,IAAI,GAAU,EAAE,CAAC;QACvB,IAAI,UAAU,GAAU,EAAE,CAAC;QAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAErC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC;YAEpC,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,OAAO;gBACf,oBAAC,OAAO,OAAK,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,GAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,aAAa,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACzE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACtB,UAAU,GAAG,EAAE,CAAC;YACjB,CAAC;QACF,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,mCACE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,4BAAI,GAAG,EAAE,WAAW,CAAC,EAAE,IAAG,GAAG,CAAM,CACnC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AppResults.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppResults.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,YAAY;AACZ,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,QAAQ;AACR,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,UAAU,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC1C;;;OAGG;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,gBAAgB,GAAU,EAAE,CAAC;QAEjC,sBAAsB;QACtB,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC3C,IAAI,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;wBAAE,OAAO,KAAK,CAAC;iBACtD;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC;SACH;aAAM;YACN,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/B;QAED,OAAO,gBAAgB,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAE1C;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,GAAU,EAAE,CAAC;QACzB,IAAI,UAAU,GAAU,EAAE,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjD,IAAI,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAEnC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,EAAE,CAAC;YAE7C,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,GAAG;gBACX,oBAAC,OAAO,oBAAK,IAAI,IAAE,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,uBAAuB,IAAI,CAAC,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,GAAG,EAAE,CAAC;aAChB;SACD;QAED,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,oBAAC,YAAY,OAAG,CAAC;IAE3D,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;QAC3B,+BAAO,SAAS,EAAC,mBAAmB;YACnC,mCACE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,YAAY,CAAC,EAAE,IAAG,GAAG,CAAM,CACpC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AppResults.js","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppResults.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,YAAY;AACZ,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,QAAQ;AACR,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,UAAU,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC1C;;;OAGG;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,IAAI,gBAAgB,GAAU,EAAE,CAAC;QAEjC,sBAAsB;QACtB,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzC,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC5C,IAAI,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;wBAAE,OAAO,KAAK,CAAC;gBACvD,CAAC;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC;QAChC,CAAC;QAED,OAAO,gBAAgB,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAE1C;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,GAAU,EAAE,CAAC;QACzB,IAAI,UAAU,GAAU,EAAE,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,IAAI,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YAEnC,IAAI,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,EAAE,CAAC;YAE7C,UAAU,CAAC,IAAI,CACd,4BAAI,GAAG,EAAE,GAAG;gBACX,oBAAC,OAAO,OAAK,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,GAAI,CACzD,CACL,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,uBAAuB,IAAI,CAAC,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,GAAG,EAAE,CAAC;YACjB,CAAC;QACF,CAAC;QAED,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,oBAAC,YAAY,OAAG,CAAC;IAE3D,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;QAC3B,+BAAO,SAAS,EAAC,mBAAmB;YACnC,mCACE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,4BAAI,GAAG,EAAE,YAAY,CAAC,EAAE,IAAG,GAAG,CAAM,CACpC,CAAC,CACK,CACD,CACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

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

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

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

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

@@ -1,127 +1,127 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { Component } from "react";
-//data
-import storeActions from "../stores/storeActions";
-//components
-import AppCard from "./AppCard";
-//consts
-const CARDS_PER_PAGE = 2;
-/**
- * A carousel of AppCards
- * @param {object} props Component props
- * @param {array} props.cards An array of AppCards to display in a carousel
- * @param {string} props.tag The carousel's tag (title)
- * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card
- */
-export default class Carousel extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            firstIndex: 0,
-            titleHighlighted: false,
-        };
-        this.bindCorrectContext();
-        if (this.props.cards.length < 3)
-            this.notEnoughCards();
-    }
-    bindCorrectContext() {
-        this.pageUp = this.pageUp.bind(this);
-        this.pageDown = this.pageDown.bind(this);
-        this.highlightTitle = this.highlightTitle.bind(this);
-        this.seeMore = this.seeMore.bind(this);
-        this.notEnoughCards = this.notEnoughCards.bind(this);
-        this.buildCarousel = this.buildCarousel.bind(this);
-    }
-    /**
-     * Pages through the carousel by one card (right)
-     */
-    pageUp() {
-        let index = this.state.firstIndex;
-        //If increasing the carousel's first index will move beyond the array's limits, we reset back to zero
-        if (index + 1 <= this.props.cards.length - 1) {
-            index++;
-        }
-        this.setState({
-            firstIndex: index,
-        });
-    }
-    /**
-     * Pages through the carousel by one card (left)
-     */
-    pageDown() {
-        let index = this.state.firstIndex;
-        if (index - 1 >= 0) {
-            this.setState({
-                firstIndex: index - 1,
-            });
-        }
-    }
-    /**
-     * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link
-     * @param {*} highlight
-     */
-    highlightTitle(highlight) {
-        this.setState({
-            titleHighlighted: highlight,
-        });
-    }
-    /**
-     * Calls the parents seeMore function, which will add the selected tag as a filter
-     */
-    seeMore() {
-        storeActions.addTag(this.props.tag);
-    }
-    /**
-     * Spits out a warning if the number of cards supplied to the carousel is < 3
-     */
-    notEnoughCards() {
-        console.warn("Less than 3 card supplied. This carousel will not display optimally");
-    }
-    /**
-     * Function to build the items in the carousel
-     */
-    buildCarousel() {
-        let { cards } = this.props;
-        let firstCard = this.state.firstIndex;
-        let displayCards = [];
-        for (let i = 0; i < CARDS_PER_PAGE; i++) {
-            if (firstCard >= 0 && firstCard <= cards.length - 1) {
-                displayCards.push(cards[firstCard]);
-                firstCard++;
-            }
-        }
-        return displayCards;
-    }
-    render() {
-        let displayCards = this.buildCarousel();
-        let titleClass = "carousel-title";
-        if (this.state.titleHighlighted)
-            titleClass = `${titleClass} highlight`;
-        let chevron_left_style = "ff-adp-chevron-left", chevron_right_style = "ff-adp-chevron-right";
-        let left_click = this.pageDown, right_click = this.pageUp;
-        if (this.state.firstIndex + 2 >= this.props.cards.length - 1) {
-            chevron_right_style = `${chevron_right_style} disabled`;
-            right_click = Function.prototype;
-        }
-        if (this.state.firstIndex === 0) {
-            chevron_left_style = `${chevron_left_style} disabled`;
-            left_click = Function.prototype;
-        }
-        const carouselTagHeader = this.props.tag.length >= 50 ? `${this.props.tag.substring(0, 49)}...` : this.props.tag;
-        return (React.createElement("div", { className: "carousel-main" },
-            React.createElement("div", { className: "carousel-header" },
-                React.createElement("div", { title: this.props.tag, className: titleClass, onClick: this.seeMore, onMouseEnter: this.highlightTitle.bind(this, true), onMouseLeave: this.highlightTitle.bind(this, false) }, carouselTagHeader),
-                this.props.cards.length > 2 && (React.createElement("button", { className: "see-more", onClick: this.seeMore },
-                    React.createElement("span", { className: "button-label" }, "See More")))),
-            React.createElement("div", { className: "carousel-content" },
-                React.createElement("i", { className: chevron_left_style, onClick: left_click }),
-                displayCards.map((card, i) => (React.createElement(AppCard, Object.assign({ key: (card.title || card.name) + i }, card, { viewAppShowcase: this.props.viewAppShowcase })))),
-                displayCards.length === 1 && React.createElement("div", { className: "app-card placeholder" }),
-                " ",
-                React.createElement("i", { className: chevron_right_style, onClick: right_click }))));
-    }
-}
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { Component } from "react";
+//data
+import storeActions from "../stores/storeActions";
+//components
+import AppCard from "./AppCard";
+//consts
+const CARDS_PER_PAGE = 2;
+/**
+ * A carousel of AppCards
+ * @param {object} props Component props
+ * @param {array} props.cards An array of AppCards to display in a carousel
+ * @param {string} props.tag The carousel's tag (title)
+ * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card
+ */
+export default class Carousel extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            firstIndex: 0,
+            titleHighlighted: false,
+        };
+        this.bindCorrectContext();
+        if (this.props.cards.length < 3)
+            this.notEnoughCards();
+    }
+    bindCorrectContext() {
+        this.pageUp = this.pageUp.bind(this);
+        this.pageDown = this.pageDown.bind(this);
+        this.highlightTitle = this.highlightTitle.bind(this);
+        this.seeMore = this.seeMore.bind(this);
+        this.notEnoughCards = this.notEnoughCards.bind(this);
+        this.buildCarousel = this.buildCarousel.bind(this);
+    }
+    /**
+     * Pages through the carousel by one card (right)
+     */
+    pageUp() {
+        let index = this.state.firstIndex;
+        //If increasing the carousel's first index will move beyond the array's limits, we reset back to zero
+        if (index + 1 <= this.props.cards.length - 1) {
+            index++;
+        }
+        this.setState({
+            firstIndex: index,
+        });
+    }
+    /**
+     * Pages through the carousel by one card (left)
+     */
+    pageDown() {
+        let index = this.state.firstIndex;
+        if (index - 1 >= 0) {
+            this.setState({
+                firstIndex: index - 1,
+            });
+        }
+    }
+    /**
+     * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link
+     * @param {*} highlight
+     */
+    highlightTitle(highlight) {
+        this.setState({
+            titleHighlighted: highlight,
+        });
+    }
+    /**
+     * Calls the parents seeMore function, which will add the selected tag as a filter
+     */
+    seeMore() {
+        storeActions.addTag(this.props.tag);
+    }
+    /**
+     * Spits out a warning if the number of cards supplied to the carousel is < 3
+     */
+    notEnoughCards() {
+        console.warn("Less than 3 card supplied. This carousel will not display optimally");
+    }
+    /**
+     * Function to build the items in the carousel
+     */
+    buildCarousel() {
+        let { cards } = this.props;
+        let firstCard = this.state.firstIndex;
+        let displayCards = [];
+        for (let i = 0; i < CARDS_PER_PAGE; i++) {
+            if (firstCard >= 0 && firstCard <= cards.length - 1) {
+                displayCards.push(cards[firstCard]);
+                firstCard++;
+            }
+        }
+        return displayCards;
+    }
+    render() {
+        let displayCards = this.buildCarousel();
+        let titleClass = "carousel-title";
+        if (this.state.titleHighlighted)
+            titleClass = `${titleClass} highlight`;
+        let chevron_left_style = "ff-adp-chevron-left", chevron_right_style = "ff-adp-chevron-right";
+        let left_click = this.pageDown, right_click = this.pageUp;
+        if (this.state.firstIndex + 2 >= this.props.cards.length - 1) {
+            chevron_right_style = `${chevron_right_style} disabled`;
+            right_click = Function.prototype;
+        }
+        if (this.state.firstIndex === 0) {
+            chevron_left_style = `${chevron_left_style} disabled`;
+            left_click = Function.prototype;
+        }
+        const carouselTagHeader = this.props.tag.length >= 50 ? `${this.props.tag.substring(0, 49)}...` : this.props.tag;
+        return (React.createElement("div", { className: "carousel-main" },
+            React.createElement("div", { className: "carousel-header" },
+                React.createElement("div", { title: this.props.tag, className: titleClass, onClick: this.seeMore, onMouseEnter: this.highlightTitle.bind(this, true), onMouseLeave: this.highlightTitle.bind(this, false) }, carouselTagHeader),
+                this.props.cards.length > 2 && (React.createElement("button", { className: "see-more", onClick: this.seeMore },
+                    React.createElement("span", { className: "button-label" }, "See More")))),
+            React.createElement("div", { className: "carousel-content" },
+                React.createElement("i", { className: chevron_left_style, onClick: left_click }),
+                displayCards.map((card, i) => (React.createElement(AppCard, { key: (card.title || card.name) + i, ...card, viewAppShowcase: this.props.viewAppShowcase }))),
+                displayCards.length === 1 && React.createElement("div", { className: "app-card placeholder" }),
+                " ",
+                React.createElement("i", { className: chevron_right_style, onClick: right_click }))));
+    }
+}
 //# sourceMappingURL=Carousel.js.map