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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsemble/finsemble-ui",
-  "version": "6.2.0",
+  "version": "6.3.0-beta.20211008",
   "description": "Ready-made React components to give you a head-start building your SmartDesktop.",
   "types": "index.d.ts",
   "files": [
@@ -32,27 +32,28 @@
     "@q42/floating-focus-a11y": "^1.3.3",
     "@reduxjs/toolkit": "^1.5.0",
     "@svgr/webpack": "^5.5.0",
-    "@types/chai": "4.2.21",
-    "@types/lodash": "4.14.172",
+    "@types/async": "3.2.8",
+    "@types/chai": "4.2.22",
+    "@types/lodash": "4.14.175",
     "@types/mime-types": "^2.1.0",
     "@types/mocha": "9.0.0",
-    "@types/react": "17.0.19",
+    "@types/react": "17.0.26",
     "@types/react-dom": "17.0.8",
     "@types/react-input-autosize": "2.2.1",
     "@types/react-redux": "7.1.18",
     "@types/react-relative-portal": "^1.8.1",
-    "@typescript-eslint/eslint-plugin": "4.29.3",
-    "@typescript-eslint/parser": "4.29.3",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
     "async": "3.2.1",
     "babel-core": "^6.26.3",
     "date-fns": "^2.16.1",
     "dom-autoscroller": "2.3.4",
-    "immer": "9.0.5",
+    "immer": "9.0.6",
     "lodash": "4.17.21",
     "prop-types": "15.7.2",
     "react-circular-progressbar": "^2.0.3",
     "react-input-autosize": "^3.0.0",
-    "react-redux": "7.2.4",
+    "react-redux": "7.2.5",
     "react-relative-portal": "^1.8.0",
     "react-sortable-hoc": "2.0.0",
     "react-transition-group": "4.4.2",
@@ -68,13 +69,13 @@
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.12.10",
     "@finsemble/finsemble-core": "6.0.0-beta.4",
-    "@storybook/addon-actions": "6.3.7",
-    "@storybook/addon-essentials": "6.3.7",
-    "@storybook/addon-links": "6.3.7",
-    "@storybook/react": "6.3.7",
+    "@storybook/addon-actions": "6.3.9",
+    "@storybook/addon-essentials": "6.3.8",
+    "@storybook/addon-links": "6.3.10",
+    "@storybook/react": "6.3.8",
     "@types/enzyme": "^3.10.8",
     "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/react-transition-group": "4.4.2",
+    "@types/react-transition-group": "4.4.3",
     "@types/sinon": "^10.0.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
     "axe-core": "^4.2.3",
@@ -83,14 +84,14 @@
     "canvas": "^2.6.1",
     "chai": "4.3.4",
     "chokidar-cli": "3.0.0",
-    "concurrently": "6.2.1",
+    "concurrently": "6.3.0",
     "copyfiles": "2.4.1",
     "core-js": "^3.15.2",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
     "eslint": "7.32.0",
     "eslint-plugin-import": "2.24.2",
-    "eslint-plugin-react": "7.24.0",
+    "eslint-plugin-react": "7.26.1",
     "eslint-plugin-react-hooks": "4.2.0",
     "esm": "^3.2.25",
     "ignore-styles": "^5.0.1",
@@ -112,7 +113,7 @@
     "trim": "0.0.3",
     "css-what": "5.0.1",
     "prismjs": "1.24.0",
-    "tar": "6.1.2"
+    "tar": "6.1.9"
   },
   "repository": {
     "type": "git",

package/react/actions/smartDesktopDesignerActions.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="finsemble-core" />
-import { AppDefinition } from "services/Interop/types";
 import { UnionOf } from "unionize";
 import { ApplicationSetupType, AuthenticationProvider, MenuType, ProjectError, ProjectSaveData } from "../types/smartDesktopDesignerTypes";
+import { services, FEA } from "@finsemble/finsemble-core";
 export declare const SmartDesktopDesignerActions: import("unionize").Unionized<{
     change_view: string;
-    update_apps: AppDefinition[];
+    update_apps: services.Interop.types.AppDefinition[];
     new_app: string | null;
     set_current_app_id: string | null;
     set_current_app_setup_type: ApplicationSetupType | null;
-    update_app: AppDefinition;
+    update_app: services.Interop.types.AppDefinition;
     delete_app: string;
     update_menus: MenuType;
-    set_deploy_info: DeployInfo | null;
+    set_deploy_info: FEA.DeployInfo | null;
     set_publish_error: string | null;
     set_is_publishing: boolean;
     set_project_info: ProjectSaveData;
@@ -23,14 +22,14 @@ export declare const SmartDesktopDesignerActions: import("unionize").Unionized<{
     set_reviewing_project_errors: boolean;
 }, import("unionize").SingleValueVariants<{
     change_view: string;
-    update_apps: AppDefinition[];
+    update_apps: services.Interop.types.AppDefinition[];
     new_app: string | null;
     set_current_app_id: string | null;
     set_current_app_setup_type: ApplicationSetupType | null;
-    update_app: AppDefinition;
+    update_app: services.Interop.types.AppDefinition;
     delete_app: string;
     update_menus: MenuType;
-    set_deploy_info: DeployInfo | null;
+    set_deploy_info: FEA.DeployInfo | null;
     set_publish_error: string | null;
     set_is_publishing: boolean;
     set_project_info: ProjectSaveData;

package/react/actions/smartDesktopDesignerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"smartDesktopDesignerActions.js","sourceRoot":"","sources":["../../src/actions/smartDesktopDesignerActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAW,MAAM,UAAU,CAAC;AASrD,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAClD;IACC,WAAW,EAAE,MAAM,EAAU;IAC7B,WAAW,EAAE,MAAM,EAAmB;IACtC,OAAO,EAAE,MAAM,EAAiB;IAChC,kBAAkB,EAAE,MAAM,EAAiB;IAC3C,0BAA0B,EAAE,MAAM,EAA+B;IACjE,UAAU,EAAE,MAAM,EAAiB;IACnC,UAAU,EAAE,MAAM,EAAU;IAC5B,YAAY,EAAE,MAAM,EAAY;IAChC,eAAe,EAAE,MAAM,EAAqB;IAC5C,iBAAiB,EAAE,MAAM,EAAiB;IAC1C,iBAAiB,EAAE,MAAM,EAAW;IACpC,gBAAgB,EAAE,MAAM,EAAmB;IAC3C,sBAAsB,EAAE,MAAM,EAAW;IACzC,oBAAoB,EAAE,MAAM,EAA0B;IACtD,oBAAoB,EAAE,MAAM,EAAU;IACtC,iBAAiB,EAAE,MAAM,EAAgB;IACzC,oBAAoB,EAAE,MAAM,EAAgB;IAC5C,4BAA4B,EAAE,MAAM,EAAW;CAC/C,EACD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CACjC,CAAC","sourcesContent":["import { AppDefinition } from \"services/Interop/types\";\r\nimport { unionize, ofType, UnionOf } from \"unionize\";\r\nimport {\r\n\tApplicationSetupType,\r\n\tAuthenticationProvider,\r\n\tMenuType,\r\n\tProjectError,\r\n\tProjectSaveData,\r\n} from \"../types/smartDesktopDesignerTypes\";\r\n\r\nexport const SmartDesktopDesignerActions = unionize(\r\n\t{\r\n\t\tchange_view: ofType<string>(),\r\n\t\tupdate_apps: ofType<AppDefinition[]>(),\r\n\t\tnew_app: ofType<string | null>(),\r\n\t\tset_current_app_id: ofType<string | null>(),\r\n\t\tset_current_app_setup_type: ofType<ApplicationSetupType | null>(),\r\n\t\tupdate_app: ofType<AppDefinition>(),\r\n\t\tdelete_app: ofType<string>(),\r\n\t\tupdate_menus: ofType<MenuType>(),\r\n\t\tset_deploy_info: ofType<DeployInfo | null>(),\r\n\t\tset_publish_error: ofType<string | null>(),\r\n\t\tset_is_publishing: ofType<boolean>(),\r\n\t\tset_project_info: ofType<ProjectSaveData>(),\r\n\t\tset_is_getting_started: ofType<boolean>(),\r\n\t\tupdate_auth_provider: ofType<AuthenticationProvider>(),\r\n\t\tenable_auth_provider: ofType<string>(),\r\n\t\tset_project_error: ofType<ProjectError>(),\r\n\t\tdelete_project_error: ofType<ProjectError>(),\r\n\t\tset_reviewing_project_errors: ofType<boolean>(),\r\n\t},\r\n\t{ tag: \"type\", value: \"payload\" }\r\n);\r\n\r\nexport type SmartDesktopDesignerActionsTypes = UnionOf<typeof SmartDesktopDesignerActions>;\r\n"]}
+{"version":3,"file":"smartDesktopDesignerActions.js","sourceRoot":"","sources":["../../src/actions/smartDesktopDesignerActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAW,MAAM,UAAU,CAAC;AAcrD,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAClD;IACC,WAAW,EAAE,MAAM,EAAU;IAC7B,WAAW,EAAE,MAAM,EAAmB;IACtC,OAAO,EAAE,MAAM,EAAiB;IAChC,kBAAkB,EAAE,MAAM,EAAiB;IAC3C,0BAA0B,EAAE,MAAM,EAA+B;IACjE,UAAU,EAAE,MAAM,EAAiB;IACnC,UAAU,EAAE,MAAM,EAAU;IAC5B,YAAY,EAAE,MAAM,EAAY;IAChC,eAAe,EAAE,MAAM,EAAqB;IAC5C,iBAAiB,EAAE,MAAM,EAAiB;IAC1C,iBAAiB,EAAE,MAAM,EAAW;IACpC,gBAAgB,EAAE,MAAM,EAAmB;IAC3C,sBAAsB,EAAE,MAAM,EAAW;IACzC,oBAAoB,EAAE,MAAM,EAA0B;IACtD,oBAAoB,EAAE,MAAM,EAAU;IACtC,iBAAiB,EAAE,MAAM,EAAgB;IACzC,oBAAoB,EAAE,MAAM,EAAgB;IAC5C,4BAA4B,EAAE,MAAM,EAAW;CAC/C,EACD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CACjC,CAAC","sourcesContent":["import { unionize, ofType, UnionOf } from \"unionize\";\r\nimport {\r\n\tApplicationSetupType,\r\n\tAuthenticationProvider,\r\n\tMenuType,\r\n\tProjectError,\r\n\tProjectSaveData,\r\n} from \"../types/smartDesktopDesignerTypes\";\r\n\r\nimport { services, FEA } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\ntype DeployInfo = FEA.DeployInfo;\r\n\r\nexport const SmartDesktopDesignerActions = unionize(\r\n\t{\r\n\t\tchange_view: ofType<string>(),\r\n\t\tupdate_apps: ofType<AppDefinition[]>(),\r\n\t\tnew_app: ofType<string | null>(),\r\n\t\tset_current_app_id: ofType<string | null>(),\r\n\t\tset_current_app_setup_type: ofType<ApplicationSetupType | null>(),\r\n\t\tupdate_app: ofType<AppDefinition>(),\r\n\t\tdelete_app: ofType<string>(),\r\n\t\tupdate_menus: ofType<MenuType>(),\r\n\t\tset_deploy_info: ofType<DeployInfo | null>(),\r\n\t\tset_publish_error: ofType<string | null>(),\r\n\t\tset_is_publishing: ofType<boolean>(),\r\n\t\tset_project_info: ofType<ProjectSaveData>(),\r\n\t\tset_is_getting_started: ofType<boolean>(),\r\n\t\tupdate_auth_provider: ofType<AuthenticationProvider>(),\r\n\t\tenable_auth_provider: ofType<string>(),\r\n\t\tset_project_error: ofType<ProjectError>(),\r\n\t\tdelete_project_error: ofType<ProjectError>(),\r\n\t\tset_reviewing_project_errors: ofType<boolean>(),\r\n\t},\r\n\t{ tag: \"type\", value: \"payload\" }\r\n);\r\n\r\nexport type SmartDesktopDesignerActionsTypes = UnionOf<typeof SmartDesktopDesignerActions>;\r\n"]}

package/react/actions/toolbarActions.d.ts

@@ -1,7 +1,6 @@
 import { UnionOf } from "unionize";
-import { DashbarItem } from "../types/dashbarTypes";
 export declare const ToolbarActions: import("unionize").Unionized<{
-    SET_DASHBAR_ITEMS: DashbarItem[];
+    SET_DASHBAR_ITEMS: import("../types/dashbarTypes").DashbarItem[];
     REORDER_DASHBAR_ITEMS: {
         oldIndex: number;
         newIndex: number;
@@ -13,7 +12,7 @@ export declare const ToolbarActions: import("unionize").Unionized<{
         bar: string;
     };
 }, import("unionize").SingleValueVariants<{
-    SET_DASHBAR_ITEMS: DashbarItem[];
+    SET_DASHBAR_ITEMS: import("../types/dashbarTypes").DashbarItem[];
     REORDER_DASHBAR_ITEMS: {
         oldIndex: number;
         newIndex: number;

package/react/actions/toolbarActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbarActions.js","sourceRoot":"","sources":["../../src/actions/toolbarActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAW,MAAM,UAAU,CAAC;AAIrD,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CACrC;IAMC,iBAAiB,EAAE,MAAM,EAAgC;IAOzD,qBAAqB,EAAE,MAAM,EAA0C;IAIvE,eAAe,EAAE,MAAM,EAAmB;IAI1C,eAAe,EAAE,MAAM,EAAmB;CAC1C,EACD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CACjC,CAAC","sourcesContent":["import { unionize, ofType, UnionOf } from \"unionize\";\r\nimport { DashbarItem } from \"../types/dashbarTypes\";\r\nimport { ToolbarState } from \"../reducers/toolbarReducer\";\r\n\r\nexport const ToolbarActions = unionize(\r\n\t{\r\n\t\t/**\r\n\t\t * Sets the Dashbar items to display on the toolbar\r\n\t\t *\r\n\t\t * @param {DashbarItem[]} items An array of dashbar items to add to the toolbar\r\n\t\t */\r\n\t\tSET_DASHBAR_ITEMS: ofType<ToolbarState[\"dashbarItems\"]>(),\r\n\t\t/**\r\n\t\t * Reorders Dashbar items on the toolbar\r\n\t\t *\r\n\t\t * @param {number} oldIndex The old index of the moved item\r\n\t\t * @param {number} newIndex The new index of the moved item\r\n\t\t */\r\n\t\tREORDER_DASHBAR_ITEMS: ofType<{ oldIndex: number; newIndex: number }>(),\r\n\t\t/**\r\n\t\t * Does thing foo.\r\n\t\t */\r\n\t\tTOOLBAR_ACTION1: ofType<{ foo: string }>(),\r\n\t\t/**\r\n\t\t * Does thing bar\r\n\t\t */\r\n\t\tTOOLBAR_ACTION2: ofType<{ bar: string }>(),\r\n\t},\r\n\t{ tag: \"type\", value: \"payload\" }\r\n);\r\n\r\nexport type ToolbarActionTypes = UnionOf<typeof ToolbarActions>;\r\n"]}
+{"version":3,"file":"toolbarActions.js","sourceRoot":"","sources":["../../src/actions/toolbarActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAW,MAAM,UAAU,CAAC;AAGrD,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CACrC;IAMC,iBAAiB,EAAE,MAAM,EAAgC;IAOzD,qBAAqB,EAAE,MAAM,EAA0C;IAIvE,eAAe,EAAE,MAAM,EAAmB;IAI1C,eAAe,EAAE,MAAM,EAAmB;CAC1C,EACD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CACjC,CAAC","sourcesContent":["import { unionize, ofType, UnionOf } from \"unionize\";\r\nimport { ToolbarState } from \"../reducers/toolbarReducer\";\r\n\r\nexport const ToolbarActions = unionize(\r\n\t{\r\n\t\t/**\r\n\t\t * Sets the Dashbar items to display on the toolbar\r\n\t\t *\r\n\t\t * @param {DashbarItem[]} items An array of dashbar items to add to the toolbar\r\n\t\t */\r\n\t\tSET_DASHBAR_ITEMS: ofType<ToolbarState[\"dashbarItems\"]>(),\r\n\t\t/**\r\n\t\t * Reorders Dashbar items on the toolbar\r\n\t\t *\r\n\t\t * @param {number} oldIndex The old index of the moved item\r\n\t\t * @param {number} newIndex The new index of the moved item\r\n\t\t */\r\n\t\tREORDER_DASHBAR_ITEMS: ofType<{ oldIndex: number; newIndex: number }>(),\r\n\t\t/**\r\n\t\t * Does thing foo.\r\n\t\t */\r\n\t\tTOOLBAR_ACTION1: ofType<{ foo: string }>(),\r\n\t\t/**\r\n\t\t * Does thing bar\r\n\t\t */\r\n\t\tTOOLBAR_ACTION2: ofType<{ bar: string }>(),\r\n\t},\r\n\t{ tag: \"type\", value: \"payload\" }\r\n);\r\n\r\nexport type ToolbarActionTypes = UnionOf<typeof ToolbarActions>;\r\n"]}

package/react/assets/css/notificationsCenter.css

@@ -218,7 +218,7 @@ body.notifications-center-body.notifications-popped-in {
 
 .notification-card__header {
 	display: grid;
-	grid-template-columns: 25px auto 80px;
+	grid-template-columns: 25px auto minmax(80px, auto);
 	grid-template-rows: 30px;
 	align-items: center;
 }
@@ -249,6 +249,7 @@ i.default-img.large {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	margin-right: auto;
+	width: 100%;
 }
 
 .notification-card__more-options__no-toggle,
@@ -267,8 +268,9 @@ i.default-img.large {
 
 .notification-card__more-options__no-toggle,
 .notification-card__more-options__toggle {
-	grid-template-columns: 80px;
+	grid-template-columns: minmax(80px, auto);
 	justify-items: end;
+	margin-left: 2px;
 }
 
 .notification-card__more-options__toggle .notification-card_overflow_menu,

package/react/assets/css/userPreferences.css

@@ -491,6 +491,7 @@ option:focus {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	grid-column-start: 2;
+	width: 250px;
 }
 
 .row-section .row .row_right__icon {

package/react/assets/css/windowTitleBar.css

@@ -552,7 +552,7 @@ html.desktop-active .fsbl-active-tab .fsbl-tab-title {
 		padding-left: 70px; /* leave some space for a user to grab */
 	}
 	.fsbl-header-title {
-		/* max-width:50%; */
+		max-width: 50%;
 	}
 }
 
@@ -618,3 +618,35 @@ html.desktop-active .fsbl-active-tab .fsbl-tab-title {
 	position: relative;
 	top: 1px;
 }
+
+.tab__input {
+	font-size: 12px;
+	padding: 2px 10px;
+	width: 80%;
+	border: none;
+	border-bottom: 2px solid #73c3ff;
+	color: white;
+	transition: none;
+	background: transparent;
+}
+
+input:focus {
+	outline: none;
+	animation: inputHighlighter 0.3s ease;
+}
+
+@keyframes inputHighlighter {
+	from {
+		background: #527bae;
+		width: 0;
+	}
+
+	to {
+		width: 80%;
+		background: transparent;
+	}
+}
+
+.tab-region-wrapper {
+	display: flex;
+}

package/react/components/FinsembleProvider.js

@@ -11,7 +11,7 @@ export const FinsembleProvider = (props) => {
         const release = () => {
             setReady(true);
         };
-        window.FSBL && FSBL?.addEventListener
+        window.FSBL && (FSBL === null || FSBL === void 0 ? void 0 : FSBL.addEventListener)
             ? FSBL.addEventListener("onReady", release)
             : window.addEventListener("FSBLReady", release);
     }, [ready]);

package/react/components/FinsembleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleProvider.js","sourceRoot":"","sources":["../../src/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC;AAcvB,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,gBAAgB;YACpC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC;YAC3C,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAY,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1F,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { store, createStore } from \"../store\";\r\nimport { Provider } from \"react-redux\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\nexport { createStore };\r\n\r\n/**\r\n * The <FinsembleProvider> must be an ancestor of any Finsemble React UI components or hooks.\r\n * It manages FSBL initialization (ensuring that all components and hooks are operating with a properly initialized API.)\r\n * It also constructs the UI API's redux store and makes it available through a Context Provider for all descendent components and hooks.\r\n *\r\n * The <FinsembleProvider> will render its children.\r\n */\r\n\r\nexport type FinsembleProviderProps = {\r\n\tstore?: typeof store;\r\n};\r\n\r\nexport const FinsembleProvider: React.FunctionComponent<FinsembleProviderProps> = (props) => {\r\n\tconst [ready, setReady] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (ready) return;\r\n\t\tconst release = () => {\r\n\t\t\tsetReady(true);\r\n\t\t};\r\n\t\twindow.FSBL && FSBL?.addEventListener\r\n\t\t\t? FSBL.addEventListener(\"onReady\", release)\r\n\t\t\t: window.addEventListener(\"FSBLReady\", release);\r\n\t}, [ready]);\r\n\r\n\treturn ready ? <Provider store={props.store || store}>{props.children}</Provider> : null;\r\n};\r\n"]}
+{"version":3,"file":"FinsembleProvider.js","sourceRoot":"","sources":["../../src/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,WAAW,EAAE,CAAC;AAcvB,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,CAAC,IAAI,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA;YACpC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC;YAC3C,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAY,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1F,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { store, createStore } from \"../store\";\r\nimport { Provider } from \"react-redux\";\r\nimport { useState, useEffect } from \"react\";\r\n//import { common } from \"@finsemble/finsemble-core\";\r\n\r\n//let { Globals } = common;\r\n\r\nexport { createStore };\r\n\r\n/**\r\n * The <FinsembleProvider> must be an ancestor of any Finsemble React UI components or hooks.\r\n * It manages FSBL initialization (ensuring that all components and hooks are operating with a properly initialized API.)\r\n * It also constructs the UI API's redux store and makes it available through a Context Provider for all descendent components and hooks.\r\n *\r\n * The <FinsembleProvider> will render its children.\r\n */\r\n\r\nexport type FinsembleProviderProps = {\r\n\tstore?: typeof store;\r\n};\r\n\r\nexport const FinsembleProvider: React.FunctionComponent<FinsembleProviderProps> = (props) => {\r\n\tconst [ready, setReady] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (ready) return;\r\n\t\tconst release = () => {\r\n\t\t\tsetReady(true);\r\n\t\t};\r\n\t\twindow.FSBL && FSBL?.addEventListener\r\n\t\t\t? FSBL.addEventListener(\"onReady\", release)\r\n\t\t\t: window.addEventListener(\"FSBLReady\", release);\r\n\t}, [ready]);\r\n\r\n\treturn ready ? <Provider store={props.store || store}>{props.children}</Provider> : null;\r\n};\r\n"]}

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

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

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

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

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

@@ -10,7 +10,7 @@ const AppList = (props) => {
             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 })));
+                React.createElement(AppCard, Object.assign({}, card, { viewAppShowcase: props.viewAppShowcase }))));
             if (cardsInRow.length === CARDS_PER_ROW || i === props.cards.length - 1) {
                 rows.push(cardsInRow);
                 cardsInRow = [];

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

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

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

@@ -1,9 +1,11 @@
+/// <reference types="react" />
+import { AppMetadata } from "../../../types/fdc3";
+declare type ResultsProps = {
+    tags: string[];
+    cards: (AppMetadata & {
+        tags: string[];
+    })[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+};
+declare const AppResults: (props: ResultsProps) => JSX.Element;
 export default AppResults;
-declare function AppResults(props: {
-    tags: any;
-    cards: any;
-    addApp: any;
-    removeApp: any;
-    openAppShowcase: any;
-    addTag: any;
-}): JSX.Element;

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

@@ -29,7 +29,7 @@ const AppResults = (props) => {
             let name = card.title || card.name;
             let key = `card-${i}-${name.toLowerCase()}`;
             cardsInRow.push(React.createElement("td", { key: key },
-                React.createElement(AppCard, { ...card, viewAppShowcase: props.viewAppShowcase })));
+                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 = [];

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

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

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

@@ -84,7 +84,7 @@ export default class Carousel extends Component {
                     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.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 }))));

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Carousel.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAGlD,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,MAAM,cAAc,GAAG,CAAC,CAAC;AASzB,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,SAAS;IAC9C,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,CAAC;YACb,gBAAgB,EAAE,KAAK;SACvB,CAAC;QACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IACxD,CAAC;IAED,kBAAkB;QACjB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAKD,MAAM;QACL,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAGlC,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7C,KAAK,EAAE,CAAC;SACR;QAED,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;IACJ,CAAC;IAKD,QAAQ;QACP,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAClC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC;gBACb,UAAU,EAAE,KAAK,GAAG,CAAC;aACrB,CAAC,CAAC;SACH;IACF,CAAC;IAMD,cAAc,CAAC,SAAS;QACvB,IAAI,CAAC,QAAQ,CAAC;YACb,gBAAgB,EAAE,SAAS;SAC3B,CAAC,CAAC;IACJ,CAAC;IAKD,OAAO;QACN,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,CAAC;IAKD,cAAc;QACb,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACrF,CAAC;IAKD,aAAa;QACZ,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAEtC,IAAI,YAAY,GAAG,EAAE,CAAC;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;YACxC,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACpD,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;gBACpC,SAAS,EAAE,CAAC;aACZ;SACD;QAED,OAAO,YAAY,CAAC;IACrB,CAAC;IAED,MAAM;QACL,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,IAAI,UAAU,GAAG,gBAAgB,CAAC;QAClC,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,UAAU,GAAG,GAAG,UAAU,YAAY,CAAC;QAExE,IAAI,kBAAkB,GAAG,qBAAqB,EAC7C,mBAAmB,GAAG,sBAAsB,CAAC;QAC9C,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAC7B,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7D,mBAAmB,GAAG,GAAG,mBAAmB,WAAW,CAAC;YACxD,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC;SACjC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,CAAC,EAAE;YAChC,kBAAkB,GAAG,GAAG,kBAAkB,WAAW,CAAC;YACtD,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC;SAChC;QAED,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAEjH,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;YAC7B,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BACC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EACrB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAClD,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAElD,iBAAiB,CACb;gBACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/B,gCAAQ,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO;oBACjD,8BAAM,SAAS,EAAC,cAAc,eAAgB,CACtC,CACT,CACI;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,2BAAG,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,UAAU,GAAI;gBACxD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9B,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAI,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAAI,CACtG,CAAC;gBACD,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,6BAAK,SAAS,EAAC,sBAAsB,GAAO;gBAAE,GAAG;gBAE/E,2BAAG,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,GAAI,CACtD,CACD,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { Component } from \"react\";\r\n\r\n//data\r\nimport storeActions from \"../stores/storeActions\";\r\n\r\n//components\r\nimport AppCard from \"./AppCard\";\r\n\r\n//consts\r\nconst CARDS_PER_PAGE = 2;\r\n\r\n/**\r\n * A carousel of AppCards\r\n * @param {object} props Component props\r\n * @param {array} props.cards An array of AppCards to display in a carousel\r\n * @param {string} props.tag The carousel's tag (title)\r\n * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card\r\n */\r\nexport default class Carousel extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfirstIndex: 0,\r\n\t\t\ttitleHighlighted: false,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t\tif (this.props.cards.length < 3) this.notEnoughCards();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.pageUp = this.pageUp.bind(this);\r\n\t\tthis.pageDown = this.pageDown.bind(this);\r\n\t\tthis.highlightTitle = this.highlightTitle.bind(this);\r\n\t\tthis.seeMore = this.seeMore.bind(this);\r\n\t\tthis.notEnoughCards = this.notEnoughCards.bind(this);\r\n\t\tthis.buildCarousel = this.buildCarousel.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (right)\r\n\t */\r\n\tpageUp() {\r\n\t\tlet index = this.state.firstIndex;\r\n\r\n\t\t//If increasing the carousel's first index will move beyond the array's limits, we reset back to zero\r\n\t\tif (index + 1 <= this.props.cards.length - 1) {\r\n\t\t\tindex++;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfirstIndex: index,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (left)\r\n\t */\r\n\tpageDown() {\r\n\t\tlet index = this.state.firstIndex;\r\n\t\tif (index - 1 >= 0) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tfirstIndex: index - 1,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link\r\n\t * @param {*} highlight\r\n\t */\r\n\thighlightTitle(highlight) {\r\n\t\tthis.setState({\r\n\t\t\ttitleHighlighted: highlight,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the parents seeMore function, which will add the selected tag as a filter\r\n\t */\r\n\tseeMore() {\r\n\t\tstoreActions.addTag(this.props.tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Spits out a warning if the number of cards supplied to the carousel is < 3\r\n\t */\r\n\tnotEnoughCards() {\r\n\t\tconsole.warn(\"Less than 3 card supplied. This carousel will not display optimally\");\r\n\t}\r\n\r\n\t/**\r\n\t * Function to build the items in the carousel\r\n\t */\r\n\tbuildCarousel() {\r\n\t\tlet { cards } = this.props;\r\n\t\tlet firstCard = this.state.firstIndex;\r\n\r\n\t\tlet displayCards = [];\r\n\t\tfor (let i = 0; i < CARDS_PER_PAGE; i++) {\r\n\t\t\tif (firstCard >= 0 && firstCard <= cards.length - 1) {\r\n\t\t\t\tdisplayCards.push(cards[firstCard]);\r\n\t\t\t\tfirstCard++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn displayCards;\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet displayCards = this.buildCarousel();\r\n\t\tlet titleClass = \"carousel-title\";\r\n\t\tif (this.state.titleHighlighted) titleClass = `${titleClass} highlight`;\r\n\r\n\t\tlet chevron_left_style = \"ff-adp-chevron-left\",\r\n\t\t\tchevron_right_style = \"ff-adp-chevron-right\";\r\n\t\tlet left_click = this.pageDown,\r\n\t\t\tright_click = this.pageUp;\r\n\r\n\t\tif (this.state.firstIndex + 2 >= this.props.cards.length - 1) {\r\n\t\t\tchevron_right_style = `${chevron_right_style} disabled`;\r\n\t\t\tright_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tif (this.state.firstIndex === 0) {\r\n\t\t\tchevron_left_style = `${chevron_left_style} disabled`;\r\n\t\t\tleft_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tconst carouselTagHeader = this.props.tag.length >= 50 ? `${this.props.tag.substring(0, 49)}...` : this.props.tag;\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"carousel-main\">\r\n\t\t\t\t<div className=\"carousel-header\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\ttitle={this.props.tag}\r\n\t\t\t\t\t\tclassName={titleClass}\r\n\t\t\t\t\t\tonClick={this.seeMore}\r\n\t\t\t\t\t\tonMouseEnter={this.highlightTitle.bind(this, true)}\r\n\t\t\t\t\t\tonMouseLeave={this.highlightTitle.bind(this, false)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{carouselTagHeader}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.props.cards.length > 2 && (\r\n\t\t\t\t\t\t<button className=\"see-more\" onClick={this.seeMore}>\r\n\t\t\t\t\t\t\t<span className=\"button-label\">See More</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"carousel-content\">\r\n\t\t\t\t\t<i className={chevron_left_style} onClick={left_click} />\r\n\t\t\t\t\t{displayCards.map((card, i) => (\r\n\t\t\t\t\t\t<AppCard key={(card.title || card.name) + i} {...card} viewAppShowcase={this.props.viewAppShowcase} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t{displayCards.length === 1 && <div className=\"app-card placeholder\"></div>}{\" \"}\r\n\t\t\t\t\t{/* This is so extremely bad, I hate it. Prevent odd spacing when single card by inserting a blank empty card to consume the space */}\r\n\t\t\t\t\t<i className={chevron_right_style} onClick={right_click} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/components/appCatalog/components/Carousel.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { Component } from \"react\";\r\n\r\n//data\r\nimport storeActions from \"../stores/storeActions\";\r\n\r\n//components\r\nimport AppCard from \"./AppCard\";\r\n\r\n//consts\r\nconst CARDS_PER_PAGE = 2;\r\n\r\n/**\r\n * A carousel of AppCards\r\n * @param {object} props Component props\r\n * @param {array} props.cards An array of AppCards to display in a carousel\r\n * @param {string} props.tag The carousel's tag (title)\r\n * @param {func} props.openAppShowcase Parent function to show the AppShowcase for the selected card\r\n */\r\nexport default class Carousel extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tfirstIndex: 0,\r\n\t\t\ttitleHighlighted: false,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t\tif (this.props.cards.length < 3) this.notEnoughCards();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.pageUp = this.pageUp.bind(this);\r\n\t\tthis.pageDown = this.pageDown.bind(this);\r\n\t\tthis.highlightTitle = this.highlightTitle.bind(this);\r\n\t\tthis.seeMore = this.seeMore.bind(this);\r\n\t\tthis.notEnoughCards = this.notEnoughCards.bind(this);\r\n\t\tthis.buildCarousel = this.buildCarousel.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (right)\r\n\t */\r\n\tpageUp() {\r\n\t\tlet index = this.state.firstIndex;\r\n\r\n\t\t//If increasing the carousel's first index will move beyond the array's limits, we reset back to zero\r\n\t\tif (index + 1 <= this.props.cards.length - 1) {\r\n\t\t\tindex++;\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tfirstIndex: index,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Pages through the carousel by one card (left)\r\n\t */\r\n\tpageDown() {\r\n\t\tlet index = this.state.firstIndex;\r\n\t\tif (index - 1 >= 0) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tfirstIndex: index - 1,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Toggles the highlight on a carousel's title. When a user mouses over, we want to style it so its obvious its a link\r\n\t * @param {*} highlight\r\n\t */\r\n\thighlightTitle(highlight) {\r\n\t\tthis.setState({\r\n\t\t\ttitleHighlighted: highlight,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the parents seeMore function, which will add the selected tag as a filter\r\n\t */\r\n\tseeMore() {\r\n\t\tstoreActions.addTag(this.props.tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Spits out a warning if the number of cards supplied to the carousel is < 3\r\n\t */\r\n\tnotEnoughCards() {\r\n\t\tconsole.warn(\"Less than 3 card supplied. This carousel will not display optimally\");\r\n\t}\r\n\r\n\t/**\r\n\t * Function to build the items in the carousel\r\n\t */\r\n\tbuildCarousel() {\r\n\t\tlet { cards } = this.props;\r\n\t\tlet firstCard = this.state.firstIndex;\r\n\r\n\t\tlet displayCards = [];\r\n\t\tfor (let i = 0; i < CARDS_PER_PAGE; i++) {\r\n\t\t\tif (firstCard >= 0 && firstCard <= cards.length - 1) {\r\n\t\t\t\tdisplayCards.push(cards[firstCard]);\r\n\t\t\t\tfirstCard++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn displayCards;\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet displayCards = this.buildCarousel();\r\n\t\tlet titleClass = \"carousel-title\";\r\n\t\tif (this.state.titleHighlighted) titleClass = `${titleClass} highlight`;\r\n\r\n\t\tlet chevron_left_style = \"ff-adp-chevron-left\",\r\n\t\t\tchevron_right_style = \"ff-adp-chevron-right\";\r\n\t\tlet left_click = this.pageDown,\r\n\t\t\tright_click = this.pageUp;\r\n\r\n\t\tif (this.state.firstIndex + 2 >= this.props.cards.length - 1) {\r\n\t\t\tchevron_right_style = `${chevron_right_style} disabled`;\r\n\t\t\tright_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tif (this.state.firstIndex === 0) {\r\n\t\t\tchevron_left_style = `${chevron_left_style} disabled`;\r\n\t\t\tleft_click = Function.prototype;\r\n\t\t}\r\n\r\n\t\tconst carouselTagHeader = this.props.tag.length >= 50 ? `${this.props.tag.substring(0, 49)}...` : this.props.tag;\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"carousel-main\">\r\n\t\t\t\t<div className=\"carousel-header\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\ttitle={this.props.tag}\r\n\t\t\t\t\t\tclassName={titleClass}\r\n\t\t\t\t\t\tonClick={this.seeMore}\r\n\t\t\t\t\t\tonMouseEnter={this.highlightTitle.bind(this, true)}\r\n\t\t\t\t\t\tonMouseLeave={this.highlightTitle.bind(this, false)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{carouselTagHeader}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.props.cards.length > 2 && (\r\n\t\t\t\t\t\t<button className=\"see-more\" onClick={this.seeMore}>\r\n\t\t\t\t\t\t\t<span className=\"button-label\">See More</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"carousel-content\">\r\n\t\t\t\t\t<i className={chevron_left_style} onClick={left_click} />\r\n\t\t\t\t\t{displayCards.map((card, i) => (\r\n\t\t\t\t\t\t<AppCard key={(card.title || card.name) + i} {...card} viewAppShowcase={this.props.viewAppShowcase} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t{displayCards.length === 1 && <div className=\"app-card placeholder\"></div>}{\" \"}\r\n\t\t\t\t\t{/* This is so extremely bad, I hate it. Prevent odd spacing when single card by inserting a blank empty card to consume the space */}\r\n\t\t\t\t\t<i className={chevron_right_style} onClick={right_click} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
+declare const EmptyResults: () => JSX.Element;
 export default EmptyResults;
-declare function EmptyResults(props: any): JSX.Element;

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

@@ -1,7 +1,5 @@
 import React from "react";
-const EmptyResults = (props) => {
-    return (React.createElement("div", { className: "app-results" },
-        React.createElement("h3", { className: "app-results-no-results" }, "No results found. Please try again.")));
-};
+const EmptyResults = () => (React.createElement("div", { className: "app-results" },
+    React.createElement("h3", { className: "app-results-no-results" }, "No results found. Please try again.")));
 export default EmptyResults;
 //# sourceMappingURL=EmptyResults.js.map

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

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

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

@@ -1,7 +1,27 @@
-export default class Hero extends React.Component<any, any, any> {
-    constructor(props: any);
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import { Component } from "react";
+import { AppMetadata } from "../../../types/fdc3";
+declare type Images = {
+    url: string;
+};
+interface IProps {
+    cards: (AppMetadata & {
+        tags: string[];
+        images: Images[];
+    })[];
+    viewAppShowcase: (id: AppMetadata["appId"]) => void;
+}
+interface IState {
+    active: number;
+}
+export default class Hero extends Component<IProps, IState> {
+    constructor(props: IProps);
     bindCorrectContext(): void;
-    changePage(action: string): void;
+    changePage(action: any): void;
     openApp(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

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

@@ -42,11 +42,12 @@ export default class Hero extends Component {
         this.props.viewAppShowcase(this.props.cards[this.state.active].appId);
     }
     render() {
+        var _a;
         let { active } = this.state;
         let { cards } = this.props;
         let contentTitle = cards[active].title === undefined ? cards[active].name : cards[active].title;
         let contentMsg = cards[active].description;
-        let imageUrl = cards[active].images ? cards[active].images[0].url : null;
+        let imageUrl = cards[active].images ? (_a = cards[active].images) === null || _a === void 0 ? void 0 : _a[0].url : null;
         return (React.createElement("div", null,
             React.createElement("div", { className: "hero-content" },
                 React.createElement("i", { className: "ff-adp-chevron-left", onClick: this.changePage.bind(this, "page_down") }),