@finsemble/finsemble-ui 7.0.0 → 7.1.0-beta.2

package/react/components/toolbar/advancedAppLauncher/components/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SearchBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAQlD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAGrE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,YAAY,CAAC,aAAa,EAAE;SACpC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAKD,QAAQ,CAAC,KAA0C;;QAClD,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACJ,CAAC;IAED,WAAW;;QACV,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,mBAAmB,CAAC,KAAU,EAAE,MAAW;QAC1C,IAAI,CAAC,QAAQ,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;SAC1B,CAAC,CAAC;IACJ,CAAC;IAED,KAAK;;QACJ,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,yBAAyB;;QACxB,MAAA,QAAQ,EAAE,0CAAE,WAAW,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAED,oBAAoB;;QACnB,MAAA,QAAQ,EAAE,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/E,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,YAAY;YAC1B,2BAAG,SAAS,EAAC,WAAW,GAAG;YAC3B,+BACC,QAAQ,QACR,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB;YACF,gCAAQ,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAC,OAAO,GAAU,CAC3E,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport storeActions from \"../stores/StoreActions\";\n\ninterface IProps {}\n\ninterface IState {\n\tsearch: string;\n}\n\nexport default class SearchBox extends React.Component<IProps, IState> {\n\ttextInput: React.RefObject<HTMLInputElement> | undefined;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.textInput = React.createRef();\n\t\tthis.state = {\n\t\t\tsearch: storeActions.getSearchText(),\n\t\t};\n\t\tthis.onSearch = this.onSearch.bind(this);\n\t\tthis.clearSearch = this.clearSearch.bind(this);\n\t\tthis.focus = this.focus.bind(this);\n\t\tthis.onFilterTextUpdated = this.onFilterTextUpdated.bind(this);\n\t}\n\n\t// Push value to store, which will come back to us via an update.\n\t// This redirection is necessary so that other parts of the program can\n\t// change filterText and the searchBox will actually update.\n\tonSearch(event: React.ChangeEvent<HTMLInputElement>) {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: event.target.value,\n\t\t});\n\t}\n\n\tclearSearch() {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: null,\n\t\t});\n\t\tthis.focus();\n\t}\n\n\tonFilterTextUpdated(error: any, update: any) {\n\t\tthis.setState({\n\t\t\tsearch: update.value || \"\",\n\t\t});\n\t}\n\n\tfocus() {\n\t\tthis.textInput?.current?.focus();\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tgetStore()?.addListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tgetStore()?.removeListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"search-box\">\n\t\t\t\t<i className=\"ff-search\" />\n\t\t\t\t<input\n\t\t\t\t\trequired\n\t\t\t\t\tclassName=\"input-box\"\n\t\t\t\t\tref={this.textInput}\n\t\t\t\t\tvalue={this.state.search}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\tonChange={this.onSearch}\n\t\t\t\t/>\n\t\t\t\t<button className=\"close-icon\" onClick={this.clearSearch} type=\"reset\"></button>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/SearchBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAQlD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAGrE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG;YACZ,MAAM,EAAE,YAAY,CAAC,aAAa,EAAE;SACpC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAED,iEAAiE;IACjE,uEAAuE;IACvE,4DAA4D;IAC5D,QAAQ,CAAC,KAA0C;;QAClD,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACJ,CAAC;IAED,WAAW;;QACV,MAAA,QAAQ,EAAE,0CAAE,QAAQ,CAAC;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,IAAI;SACX,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,mBAAmB,CAAC,KAAU,EAAE,MAAW;QAC1C,IAAI,CAAC,QAAQ,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;SAC1B,CAAC,CAAC;IACJ,CAAC;IAED,KAAK;;QACJ,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,yBAAyB;;QACxB,MAAA,QAAQ,EAAE,0CAAE,WAAW,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAED,oBAAoB;;QACnB,MAAA,QAAQ,EAAE,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/E,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,YAAY;YAC1B,2BAAG,SAAS,EAAC,WAAW,GAAG;YAC3B,+BACC,QAAQ,QACR,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACtB;YACF,gCAAQ,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAC,OAAO,GAAU,CAC3E,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport { getStore } from \"../stores/LauncherStore\";\nimport storeActions from \"../stores/StoreActions\";\n\ninterface IProps {}\n\ninterface IState {\n\tsearch: string;\n}\n\nexport default class SearchBox extends React.Component<IProps, IState> {\n\ttextInput: React.RefObject<HTMLInputElement> | undefined;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.textInput = React.createRef();\n\t\tthis.state = {\n\t\t\tsearch: storeActions.getSearchText(),\n\t\t};\n\t\tthis.onSearch = this.onSearch.bind(this);\n\t\tthis.clearSearch = this.clearSearch.bind(this);\n\t\tthis.focus = this.focus.bind(this);\n\t\tthis.onFilterTextUpdated = this.onFilterTextUpdated.bind(this);\n\t}\n\n\t// Push value to store, which will come back to us via an update.\n\t// This redirection is necessary so that other parts of the program can\n\t// change filterText and the searchBox will actually update.\n\tonSearch(event: React.ChangeEvent<HTMLInputElement>) {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: event.target.value,\n\t\t});\n\t}\n\n\tclearSearch() {\n\t\tgetStore()?.setValue({\n\t\t\tfield: \"filterText\",\n\t\t\tvalue: null,\n\t\t});\n\t\tthis.focus();\n\t}\n\n\tonFilterTextUpdated(error: any, update: any) {\n\t\tthis.setState({\n\t\t\tsearch: update.value || \"\",\n\t\t});\n\t}\n\n\tfocus() {\n\t\tthis.textInput?.current?.focus();\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tgetStore()?.addListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tgetStore()?.removeListener({ field: \"filterText\" }, this.onFilterTextUpdated);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"search-box\">\n\t\t\t\t<i className=\"ff-search\" />\n\t\t\t\t<input\n\t\t\t\t\trequired\n\t\t\t\t\tclassName=\"input-box\"\n\t\t\t\t\tref={this.textInput}\n\t\t\t\t\tvalue={this.state.search}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\tonChange={this.onSearch}\n\t\t\t\t/>\n\t\t\t\t<button className=\"close-icon\" onClick={this.clearSearch} type=\"reset\"></button>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/components/TagsMenu.d.ts

@@ -13,6 +13,12 @@ interface IProps {
 interface IState {
     isVisible: boolean;
 }
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
 export default class TagsMenu extends React.Component<IProps, IState> {
     constructor(props: IProps);
     toggleMenu(): void;

package/react/components/toolbar/advancedAppLauncher/components/TagsMenu.js

@@ -4,12 +4,19 @@
  *
  */
 import React from "react";
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
 export default class TagsMenu extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
             isVisible: false,
         };
+        // Bind context
         this.toggleMenu = this.toggleMenu.bind(this);
         this.onItemClick = this.onItemClick.bind(this);
     }

package/react/components/toolbar/advancedAppLauncher/components/TagsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/TagsMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,SAAS,EAAE,KAAK;SAChB,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,IAAY;QACvB,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,UAAU;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACzE,OAAO,CACN,6BAAK,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM;YACxG;gBACE,GAAG;gBACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnD,IAAI,CACD,CACL,CAAC;gBAAE,GAAG,CACH,CACA,CACN,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;YAC1D;gBACC,2BAAG,SAAS,EAAC,QAAQ,GAAG;gBACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CACX;YACN,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CACrC,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\ninterface IProps {\n\tonItemClick: (item: string) => void;\n\tlist: string[];\n\tlabel: string;\n\talign: string;\n}\n\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div onMouseLeave={this.state.isVisible ? this.toggleMenu : () => {}} className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}{\" \"}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t<i className=\"ff-tag\" />\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/TagsMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;IAKI;AACJ,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,SAAS,EAAE,KAAK;SAChB,CAAC;QACF,eAAe;QACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,IAAY;QACvB,IAAI,CAAC,QAAQ,CAAC;YACb,SAAS,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,UAAU;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACzE,OAAO,CACN,6BAAK,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM;YACxG;gBACE,GAAG;gBACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnD,IAAI,CACD,CACL,CAAC;gBAAE,GAAG,CACH,CACA,CACN,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;YAC1D;gBACC,2BAAG,SAAS,EAAC,QAAQ,GAAG;gBACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CACX;YACN,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CACrC,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\ninterface IProps {\n\tonItemClick: (item: string) => void;\n\tlist: string[];\n\tlabel: string;\n\talign: string;\n}\n\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div onMouseLeave={this.state.isVisible ? this.toggleMenu : () => {}} className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}{\" \"}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t<i className=\"ff-tag\" />\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.d.ts

@@ -1,3 +1,8 @@
 import * as React from "react";
 import { FavoriteDropdown } from "../../../../types/advancedAppLauncherTypes";
+/**
+ * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.
+ * After selection the dropdown menu is closed.
+ * @param props
+ */
 export declare const ToggleFavoriteDropdown: React.FunctionComponent<FavoriteDropdown>;

package/react/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.js

@@ -1,5 +1,10 @@
 import * as React from "react";
 import { useFavorites } from "../../../../hooks/useFavorites";
+/**
+ * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.
+ * After selection the dropdown menu is closed.
+ * @param props
+ */
 export const ToggleFavoriteDropdown = (props) => {
     const { isFavorited, addFavorite, removeFavorite } = useFavorites();
     const { id, category, name, icon, instance } = props;

package/react/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFavoriteDropdown.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAQ9D,MAAM,CAAC,MAAM,sBAAsB,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC1F,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IACpE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,WAAW,CAAC,EAAE,CAAC,EAAE;YACpB,cAAc,CAAC,EAAE,CAAC,CAAC;SACnB;aAAM;YACN,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC1C;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAA6B,EAAE,EAAE;YACnD,OAAO,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAElE,OAAO,6BAAK,OAAO,EAAE,cAAc,IAAG,aAAa,CAAO,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\nimport { FavoriteDropdown } from \"../../../../types/advancedAppLauncherTypes\";\n\n/**\n * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.\n * After selection the dropdown menu is closed.\n * @param props\n */\nexport const ToggleFavoriteDropdown: React.FunctionComponent<FavoriteDropdown> = (props) => {\n\tconst { isFavorited, addFavorite, removeFavorite } = useFavorites();\n\tconst { id, category, name, icon, instance } = props;\n\n\tconst toggleFavorite = (e: React.MouseEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tif (isFavorited(id)) {\n\t\t\tremoveFavorite(id);\n\t\t} else {\n\t\t\taddFavorite({ id, category, name, icon });\n\t\t}\n\n\t\tinstance.setState((state: { isVisible: boolean }) => {\n\t\t\treturn { isVisible: !state.isVisible };\n\t\t});\n\t};\n\n\tconst favoriteValue = isFavorited(id) ? \"Unfavorite\" : \"Favorite\";\n\n\treturn <div onClick={toggleFavorite}>{favoriteValue}</div>;\n};\n"]}
+{"version":3,"file":"ToggleFavoriteDropdown.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/components/ToggleFavoriteDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC1F,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IACpE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,WAAW,CAAC,EAAE,CAAC,EAAE;YACpB,cAAc,CAAC,EAAE,CAAC,CAAC;SACnB;aAAM;YACN,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC1C;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAA6B,EAAE,EAAE;YACnD,OAAO,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAElE,OAAO,6BAAK,OAAO,EAAE,cAAc,IAAG,aAAa,CAAO,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { useFavorites } from \"../../../../hooks/useFavorites\";\nimport { FavoriteDropdown } from \"../../../../types/advancedAppLauncherTypes\";\n\n/**\n * Toggles the Favorite on/off when selected from the dropdown menu, then adds or removes it from the favorites folder.\n * After selection the dropdown menu is closed.\n * @param props\n */\nexport const ToggleFavoriteDropdown: React.FunctionComponent<FavoriteDropdown> = (props) => {\n\tconst { isFavorited, addFavorite, removeFavorite } = useFavorites();\n\tconst { id, category, name, icon, instance } = props;\n\n\tconst toggleFavorite = (e: React.MouseEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tif (isFavorited(id)) {\n\t\t\tremoveFavorite(id);\n\t\t} else {\n\t\t\taddFavorite({ id, category, name, icon });\n\t\t}\n\n\t\tinstance.setState((state: { isVisible: boolean }) => {\n\t\t\treturn { isVisible: !state.isVisible };\n\t\t});\n\t};\n\n\tconst favoriteValue = isFavorited(id) ? \"Unfavorite\" : \"Favorite\";\n\n\treturn <div onClick={toggleFavorite}>{favoriteValue}</div>;\n};\n"]}

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
 export default class AppDirectory {
     constructor(client: any);
 }

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ * To be implemented..
+ */
 export default class AppDirectory {
     constructor(client) {
         return client;

package/react/components/toolbar/advancedAppLauncher/modules/AppDirectory.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDirectory.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/modules/AppDirectory.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,YAAY,MAAW;QACtB,OAAO,MAAM,CAAC;IACf,CAAC;CACD","sourcesContent":["/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n * To be implemented..\n */\n\nexport default class AppDirectory {\n\tconstructor(client: any) {\n\t\treturn client;\n\t}\n}\n"]}
+{"version":3,"file":"AppDirectory.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/modules/AppDirectory.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,YAAY;IAChC,YAAY,MAAW;QACtB,OAAO,MAAM,CAAC;IACf,CAAC;CACD","sourcesContent":["/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n * To be implemented..\n */\n\nexport default class AppDirectory {\n\tconstructor(client: any) {\n\t\treturn client;\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/modules/FDC3.d.ts

@@ -4,15 +4,52 @@ declare type FDC3ConfigProps = {
 declare type doneCallback = (err: {
     message: string;
 } | null, data?: any) => void;
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * FDC3 App directory client, I will be using fetch()
+ * to make calls to the app directory web service, even though I'm
+ * not sure where did fetch() come from, will investigate later
+ */
 export default class FDC3 {
     creds: {};
     config: FDC3ConfigProps;
     constructor(config?: FDC3ConfigProps, creds?: {});
+    /**
+     * Http get wrapper
+     * @param {string} path The restful method path
+     * @param {function} done The callback function
+     */
     _get(path: string, done: doneCallback): void;
+    /**
+     *
+     * @param {string} path The restful method path
+     * @param {object} params The post data
+     * @param {function} done The callback function
+     */
     _post(path: string, params: {}, done: doneCallback): void;
+    /**
+     * Returns all applications
+     * @param {function} callback The optional callback function
+     */
     getAll(callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns a single application in results
+     * @param {string} appId The app id
+     */
     get(appId: string, callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns unique tags
+     * @param {function} callback The optional callback function
+     */
     getTags(callback: doneCallback): Promise<unknown>;
+    /**
+     * Returns a list of applications based on text and filter
+     * @param {object} params The search criteria
+     * @param {function} callback The callback function
+     * @example search({text: 'blah', filter: {tag: 'newrelease'}})
+     */
     search(params: {}, callback: doneCallback): Promise<unknown>;
 }
 export {};

package/react/components/toolbar/advancedAppLauncher/modules/FDC3.js

@@ -1,9 +1,12 @@
 const handleFdc3Response = (response, done) => {
     response.json().then((data) => {
+        // We are expecting 200 here for data
         if (response.status !== 200) {
+            // We have a problem, data as error message
             done(data);
         }
         else {
+            // All good, no problem
             done(null, data);
         }
     });
@@ -13,6 +16,14 @@ const handleFdc3Error = (error, done) => {
         message: `Request failed ${error.message}`,
     });
 };
+/**
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * FDC3 App directory client, I will be using fetch()
+ * to make calls to the app directory web service, even though I'm
+ * not sure where did fetch() come from, will investigate later
+ */
 export default class FDC3 {
     constructor(config = {}, creds = {}) {
         if (!config.url) {
@@ -23,6 +34,11 @@ export default class FDC3 {
             url: config.url.replace(/\/+$/, ""),
         };
     }
+    /**
+     * Http get wrapper
+     * @param {string} path The restful method path
+     * @param {function} done The callback function
+     */
     _get(path, done) {
         fetch(this.config.url + path, {
             method: "GET",
@@ -30,6 +46,12 @@ export default class FDC3 {
             .then((response) => handleFdc3Response(response, done))
             .catch((error) => handleFdc3Error(error, done));
     }
+    /**
+     *
+     * @param {string} path The restful method path
+     * @param {object} params The post data
+     * @param {function} done The callback function
+     */
     _post(path, params, done) {
         fetch(this.config.url + path, {
             method: "POST",
@@ -42,6 +64,10 @@ export default class FDC3 {
             .then((response) => handleFdc3Response(response, done))
             .catch((error) => handleFdc3Error(error, done));
     }
+    /**
+     * Returns all applications
+     * @param {function} callback The optional callback function
+     */
     getAll(callback) {
         return new Promise((resolve, reject) => {
             this._get("/apps/", (error, data) => {
@@ -57,6 +83,10 @@ export default class FDC3 {
             });
         });
     }
+    /**
+     * Returns a single application in results
+     * @param {string} appId The app id
+     */
     get(appId, callback) {
         return new Promise((resolve, reject) => {
             this._get(`/apps/${appId}`, (error, data) => {
@@ -72,6 +102,10 @@ export default class FDC3 {
             });
         });
     }
+    /**
+     * Returns unique tags
+     * @param {function} callback The optional callback function
+     */
     getTags(callback) {
         return new Promise((resolve, reject) => {
             this._get("/tags/", (error, data) => {
@@ -87,6 +121,12 @@ export default class FDC3 {
             });
         });
     }
+    /**
+     * Returns a list of applications based on text and filter
+     * @param {object} params The search criteria
+     * @param {function} callback The callback function
+     * @example search({text: 'blah', filter: {tag: 'newrelease'}})
+     */
     search(params, callback) {
         return new Promise((resolve, reject) => {
             this._post("/apps/search", params, (error, data) => {

package/react/components/toolbar/advancedAppLauncher/modules/FDC3.js.map

@@ -1 +1 @@
-{"version":3,"file":"FDC3.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/modules/FDC3.ts"],"names":[],"mappings":"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","sourcesContent":["type FDC3ConfigProps = {\n\turl?: string;\n};\n\ntype doneCallback = (err: { message: string } | null, data?: any) => void;\n\nconst handleFdc3Response = (\n\tresponse: {\n\t\tjson: () => Promise<any>;\n\t\tstatus: number;\n\t},\n\tdone: doneCallback\n) => {\n\tresponse.json().then((data) => {\n\t\t// We are expecting 200 here for data\n\t\tif (response.status !== 200) {\n\t\t\t// We have a problem, data as error message\n\t\t\tdone(data);\n\t\t} else {\n\t\t\t// All good, no problem\n\t\t\tdone(null, data);\n\t\t}\n\t});\n};\n\nconst handleFdc3Error = (error: Error, done: doneCallback) => {\n\tdone({\n\t\tmessage: `Request failed ${error.message}`,\n\t});\n};\n\n/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n * FDC3 App directory client, I will be using fetch()\n * to make calls to the app directory web service, even though I'm\n * not sure where did fetch() come from, will investigate later\n */\nexport default class FDC3 {\n\tcreds: {};\n\n\tconfig: FDC3ConfigProps;\n\n\tconstructor(config: FDC3ConfigProps = {}, creds = {}) {\n\t\tif (!config.url) {\n\t\t\tthrow new Error(\"Please specify the url of the app directory.\");\n\t\t}\n\t\tthis.creds = creds;\n\t\tthis.config = {\n\t\t\turl: config.url.replace(/\\/+$/, \"\"),\n\t\t};\n\t}\n\n\t/**\n\t * Http get wrapper\n\t * @param {string} path The restful method path\n\t * @param {function} done The callback function\n\t */\n\t_get(path: string, done: doneCallback) {\n\t\tfetch(this.config.url + path, {\n\t\t\tmethod: \"GET\",\n\t\t})\n\t\t\t.then((response) => handleFdc3Response(response, done))\n\t\t\t.catch((error) => handleFdc3Error(error, done));\n\t}\n\n\t/**\n\t *\n\t * @param {string} path The restful method path\n\t * @param {object} params The post data\n\t * @param {function} done The callback function\n\t */\n\t_post(path: string, params: {}, done: doneCallback) {\n\t\tfetch(this.config.url + path, {\n\t\t\tmethod: \"POST\",\n\t\t\tcredentials: \"include\",\n\t\t\tbody: JSON.stringify(params),\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => handleFdc3Response(response, done))\n\t\t\t.catch((error) => handleFdc3Error(error, done));\n\t}\n\n\t/**\n\t * Returns all applications\n\t * @param {function} callback The optional callback function\n\t */\n\tgetAll(callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(\"/apps/\", (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns a single application in results\n\t * @param {string} appId The app id\n\t */\n\tget(appId: string, callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(`/apps/${appId}`, (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications[0]);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications[0]);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns unique tags\n\t * @param {function} callback The optional callback function\n\t */\n\tgetTags(callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(\"/tags/\", (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.tags);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.tags);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns a list of applications based on text and filter\n\t * @param {object} params The search criteria\n\t * @param {function} callback The callback function\n\t * @example search({text: 'blah', filter: {tag: 'newrelease'}})\n\t */\n\tsearch(params: {}, callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._post(\"/apps/search\", params, (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n"]}
+{"version":3,"file":"FDC3.js","sourceRoot":"","sources":["../../../../../src/components/toolbar/advancedAppLauncher/modules/FDC3.ts"],"names":[],"mappings":"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","sourcesContent":["type FDC3ConfigProps = {\n\turl?: string;\n};\n\ntype doneCallback = (err: { message: string } | null, data?: any) => void;\n\nconst handleFdc3Response = (\n\tresponse: {\n\t\tjson: () => Promise<any>;\n\t\tstatus: number;\n\t},\n\tdone: doneCallback\n) => {\n\tresponse.json().then((data) => {\n\t\t// We are expecting 200 here for data\n\t\tif (response.status !== 200) {\n\t\t\t// We have a problem, data as error message\n\t\t\tdone(data);\n\t\t} else {\n\t\t\t// All good, no problem\n\t\t\tdone(null, data);\n\t\t}\n\t});\n};\n\nconst handleFdc3Error = (error: Error, done: doneCallback) => {\n\tdone({\n\t\tmessage: `Request failed ${error.message}`,\n\t});\n};\n\n/**\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n * FDC3 App directory client, I will be using fetch()\n * to make calls to the app directory web service, even though I'm\n * not sure where did fetch() come from, will investigate later\n */\nexport default class FDC3 {\n\tcreds: {};\n\n\tconfig: FDC3ConfigProps;\n\n\tconstructor(config: FDC3ConfigProps = {}, creds = {}) {\n\t\tif (!config.url) {\n\t\t\tthrow new Error(\"Please specify the url of the app directory.\");\n\t\t}\n\t\tthis.creds = creds;\n\t\tthis.config = {\n\t\t\turl: config.url.replace(/\\/+$/, \"\"),\n\t\t};\n\t}\n\n\t/**\n\t * Http get wrapper\n\t * @param {string} path The restful method path\n\t * @param {function} done The callback function\n\t */\n\t_get(path: string, done: doneCallback) {\n\t\tfetch(this.config.url + path, {\n\t\t\tmethod: \"GET\",\n\t\t})\n\t\t\t.then((response) => handleFdc3Response(response, done))\n\t\t\t.catch((error) => handleFdc3Error(error, done));\n\t}\n\n\t/**\n\t *\n\t * @param {string} path The restful method path\n\t * @param {object} params The post data\n\t * @param {function} done The callback function\n\t */\n\t_post(path: string, params: {}, done: doneCallback) {\n\t\tfetch(this.config.url + path, {\n\t\t\tmethod: \"POST\",\n\t\t\tcredentials: \"include\",\n\t\t\tbody: JSON.stringify(params),\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t},\n\t\t})\n\t\t\t.then((response) => handleFdc3Response(response, done))\n\t\t\t.catch((error) => handleFdc3Error(error, done));\n\t}\n\n\t/**\n\t * Returns all applications\n\t * @param {function} callback The optional callback function\n\t */\n\tgetAll(callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(\"/apps/\", (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns a single application in results\n\t * @param {string} appId The app id\n\t */\n\tget(appId: string, callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(`/apps/${appId}`, (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications[0]);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications[0]);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns unique tags\n\t * @param {function} callback The optional callback function\n\t */\n\tgetTags(callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._get(\"/tags/\", (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.tags);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.tags);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Returns a list of applications based on text and filter\n\t * @param {object} params The search criteria\n\t * @param {function} callback The callback function\n\t * @example search({text: 'blah', filter: {tag: 'newrelease'}})\n\t */\n\tsearch(params: {}, callback: doneCallback) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tthis._post(\"/apps/search\", params, (error, data) => {\n\t\t\t\tif (error) {\n\t\t\t\t\treject(error);\n\t\t\t\t} else {\n\t\t\t\t\tresolve(data.applications);\n\t\t\t\t}\n\t\t\t\tif (callback) {\n\t\t\t\t\tcallback(error, !error && data.applications);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n"]}

package/react/components/toolbar/advancedAppLauncher/stores/StoreActions.d.ts

@@ -82,6 +82,9 @@ declare function renameFolder(oldName: string, newName: string): void;
 declare function addAppToFolder(folderName: string, app: FolderAppType): void;
 declare function removeAppFromFolder(folderName: string, app: FolderAppType): void;
 declare function getAllAppsFromFolder(folderName: string): FolderAppType[];
+/**
+ * Given a field, search through FDC3 apps and apps pulled in via config and return that app.
+ * */
 declare function findAppByField(field: keyof AppsType | keyof ConfigType, value: any): AppsType | ConfigType | undefined;
 declare function getActiveFolder(): import("../../../../types/advancedAppLauncherTypes").FolderType;
 declare function getActiveFolderName(): string;

package/react/components/toolbar/advancedAppLauncher/stores/StoreActions.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-use-before-define */
 import { findIndex } from "lodash";
 import { getStore } from "./LauncherStore";
 import AppDirectory from "../modules/AppDirectory";
@@ -41,17 +42,20 @@ export default {
 let data = {};
 const ADVANCED_APP_LAUNCHER = "Advanced App Launcher";
 const NEW_FOLDER_NAME = "New folder";
+// returns names of default folders.
 function getConstants() {
     const DASHBOARDS = "Dashboards";
     const FAVORITES = "Favorites";
     return { ADVANCED_APP_LAUNCHER, DASHBOARDS, FAVORITES };
 }
+// Add to here if you want to disable dragging on a folder.
 function getDragDisabled() {
     const { DASHBOARDS, FAVORITES } = getConstants();
     return [ADVANCED_APP_LAUNCHER, DASHBOARDS, FAVORITES];
 }
 function initialize(callback = Function.prototype) {
     FSBL.Clients.ConfigClient.getValue({ field: "finsemble.appDirectoryEndpoint" }, (_, appDirectoryEndpoint) => {
+        // cache value globally to be used in the event that we need to fetch data for a given component.
         appDEndpoint = appDirectoryEndpoint;
         const store = getStore();
         data.folders = store === null || store === void 0 ? void 0 : store.values.appFolders.folders;
@@ -64,6 +68,7 @@ function initialize(callback = Function.prototype) {
         data.sortBy = store === null || store === void 0 ? void 0 : store.values.sortBy;
         data.isFormVisible = store === null || store === void 0 ? void 0 : store.values.isFormVisible;
         data.configComponents = {};
+        // Add listeners to keep our copy up to date
         store === null || store === void 0 ? void 0 : store.addListener({ field: "appFolders.folders" }, (foldersErr, dt) => {
             data.folders = dt.value;
         });
@@ -83,11 +88,13 @@ function initialize(callback = Function.prototype) {
             }
             refreshAppDefinitions(response.data.componentList);
         });
+        // @deprecate in favor of SystemManagerClient.waitForStartup()
         FSBL.Clients.RouterClient.subscribe("Finsemble.Service.State.launcherService", (unsubscribeErr) => {
             if (unsubscribeErr) {
                 FSBL.Clients.Logger.error("App Launcher encountered an error unsubscribing from the launcher service", unsubscribeErr);
             }
             loadInstalledComponentsFromStore(() => {
+                // We load our stored components(config driven) here
                 loadInstalledConfigComponents(() => {
                     updateAppsInFolders(callback);
                 });
@@ -95,17 +102,23 @@ function initialize(callback = Function.prototype) {
         });
     });
 }
+// This gets a specific app in FDC3 and returns the results
 function getApp(appID, cb = Function.prototype) {
     appd
         .get(appID)
         .then((app) => cb(null, app))
         .catch((err) => cb(err));
 }
+/**
+ * Ensures all 'apps' properties on folders conform
+ * to the new structure (Array vs object)
+ */
 function validateFolderDataStructure() {
     Object.keys(data.folders).forEach((folderName) => {
         const folder = data.folders[folderName];
         if (!Array.isArray(folder.apps)) {
             const warning = "Application Launcher Persistent Store has data stored in deprecated format. Please check distributedStore configs";
+            // If the structure is wrong, notify the user in hopes that the foundation will be fixed
             FSBL.Clients.Logger.warn(warning);
             FSBL.UserNotification.alert("system", "ONCE-SINCE-STARTUP", "Distributed Store Type Mismatch", warning);
             let newApps = [];
@@ -117,7 +130,9 @@ function validateFolderDataStructure() {
     });
     _setFolders();
 }
+// Update apps in folders with updated config information
 function updateAppsInFolders(cb = Function.prototype) {
+    // Loop through folders and update apps with new info
     const { ADVANCED_APP_LAUNCHER: advancedAppLauncherFolderName } = getConstants();
     Object.keys(data.folders).forEach((folderName) => {
         if (folderName === advancedAppLauncherFolderName)
@@ -139,6 +154,12 @@ function updateAppsInFolders(cb = Function.prototype) {
     });
     _setFolders(cb);
 }
+/**
+ * Given a component config, will return tags, or an empty array.
+ *
+ * @param {*} componentConfig
+ * @returns
+ */
 function extractTagsFromFinsembleComponentConfig(componentConfig) {
     if (!componentConfig.foreign)
         return [];
@@ -155,24 +176,37 @@ function extractTagsFromFinsembleComponentConfig(componentConfig) {
     }
     return [];
 }
+/**
+ * Instantiates classes needed to interact with the appD server.
+ * Only done when needed. If there are no components with source 'FDC3', this code will not execute.
+ */
 function lazyLoadAppD() {
     if (!FDC3Client)
         FDC3Client = new FDC3({ url: appDEndpoint });
     if (!appd)
         appd = new AppDirectory(FDC3Client);
 }
+/**
+ * Here we load apps from FDC3
+ * @param {*} cb
+ */
 function loadInstalledComponentsFromStore(cb = Function.prototype) {
     async.map(Object.values(data.apps), (component, componentDone) => {
+        // Load FDC3 components here
         if (component.source && component.source === "FDC3") {
             lazyLoadAppD();
+            // get the app info so we can load it into the launcher
             return getApp(component.appID, (err) => {
                 if (err) {
+                    // don't want to kill this;
                     deleteApp(component.appID);
                     console.error("there was an error loading from FDC3", component, err);
                 }
                 return componentDone();
             });
         }
+        // Assumption - component is always a user defined component
+        // when testing I was never able to get any other component types in this method
         FSBL.Clients.LauncherClient.addUserDefinedComponent(component, (compAddErr) => {
             if (compAddErr) {
                 console.warn("Failed to add new app:", compAddErr);
@@ -183,8 +217,14 @@ function loadInstalledComponentsFromStore(cb = Function.prototype) {
         cb(err);
     });
 }
+// We load our apps that were loaded from the config.
 function loadInstalledConfigComponents(cb = Function.prototype) {
+    // Get the list of components from the launcher service
     FSBL.Clients.LauncherClient.getComponentList((err, componentList) => {
+        /*
+         * Update the folders under the "App" menu and delete any apps in the folder
+         * that are no longer in the config and are not user defined components.
+         */
         refreshAppDefinitions(componentList || {});
         cb();
     });
@@ -195,11 +235,14 @@ function getApps() {
 function refreshAppDefinitions(componentList) {
     const componentTypeList = Object.keys(componentList);
     const { folders } = data;
+    // Get the user defined apps
     const apps = Object.keys(data.apps);
     Object.keys(folders).forEach((folderName) => {
         folders[folderName].apps.forEach((configDefinedApp, i) => {
             const { name, appID } = configDefinedApp;
+            // If the component is not in the config component list and is not a user defined component
             if (!componentTypeList.includes(name) && !apps.includes(appID)) {
+                // Delete app from the folder
                 folders[folderName].apps.splice(i, 1);
             }
         });
@@ -211,6 +254,7 @@ function refreshAppDefinitions(componentList) {
             const launchableByUser = (_c = (_b = (_a = component === null || component === void 0 ? void 0 : component.foreign) === null || _a === void 0 ? void 0 : _a.components) === null || _b === void 0 ? void 0 : _b["App Launcher"]) === null || _c === void 0 ? void 0 : _c.launchableByUser;
             const displayName = (_d = component.component.displayName) !== null && _d !== void 0 ? _d : componentType;
             const iconObject = iconFromConfig((_f = (_e = component === null || component === void 0 ? void 0 : component.foreign) === null || _e === void 0 ? void 0 : _e.components) === null || _f === void 0 ? void 0 : _f.Toolbar, displayName, component === null || component === void 0 ? void 0 : component.appDConfig);
+            // Make sure the app is launchable by user
             if (launchableByUser && !component.component.isUserDefined) {
                 data.configComponents[componentType] = {
                     appID: componentType,
@@ -269,6 +313,7 @@ function getSingleFolder(folderName) {
     return data.folders[folderName];
 }
 function reorderFolders(destIndex, srcIndex) {
+    // There are two types of folders: Those that can be arranged, and those that cannot. We don't want to reorder the folders relative to the unorderable folders. Split them out, and then combine them after doing the filtering/swapping.
     const dragDisabled = getDragDisabled();
     const unorderableFolders = data.foldersList.filter((folderName) => dragDisabled.includes(folderName));
     const orderableFolders = data.foldersList.filter((folderName) => !dragDisabled.includes(folderName));
@@ -294,6 +339,20 @@ function addApp(app = {}, cb) {
         type: "component",
         canDelete: true,
     };
+    /**
+     * Note, the advanced app launcher can currently only keep track of apps that
+     * are added by itself. Apps added by the basic launcher, or any other means,
+     * will not be detected. A reconciliation process would need to be added that
+     * listens on the distributed store similar to how the basic app launcher works.
+     *
+     * FSBL.Clients.RouterClient.subscribe("Launcher.update", (err, response) => {
+            FSBL.Clients.Logger.debug("list updated", err, response);
+            if (err) {
+                return console.error(err);
+            }
+            self.filterComponents(response.data.componentList);
+        });
+     */
     FSBL.Clients.LauncherClient.addUserDefinedComponent(newAppData, (compAddErr) => {
         if (compAddErr) {
             cb({ code: "failed_to_add_app", message: compAddErr });
@@ -301,10 +360,13 @@ function addApp(app = {}, cb) {
             return;
         }
         data.apps[appID] = newAppData;
+        // Add to ADVANCED_APP_LAUNCHER folder
         data.folders[ADVANCED_APP_LAUNCHER].apps.push(newAppData);
+        // Check if we need to add to another folder as well
         if (folder !== ADVANCED_APP_LAUNCHER) {
             data.folders[folder].apps.push(newAppData);
         }
+        // Save appDefinitions and then folders
         _setValue("appDefinitions", data.apps, () => {
             _setFolders();
             cb && cb();
@@ -312,20 +374,27 @@ function addApp(app = {}, cb) {
     });
 }
 function deleteApp(appID) {
+    // Delete app from any folder that has it
     for (const key in data.folders) {
         const appIndex = _findAppIndexInFolders(appID, key);
         data.folders[key].apps.splice(appIndex, 1);
     }
+    // Delete app from the apps list
     FSBL.Clients.LauncherClient.removeUserDefinedComponent(data.apps[appID], () => {
         delete data.apps[appID];
+        // Save appDefinitions and then folders
         _setValue("appDefinitions", data.apps, () => {
             _setFolders();
         });
     });
 }
 function addNewFolder(name) {
+    // Each new folder is given a number, lets store them here
+    // to get the highest one and then increment
+    // result of this will be [0, 1, 2] etc
     const newFoldersNums = [
         0,
+        // Find folders that have a name of "New folder" or "New folder #"
         ...data.foldersList
             .filter((folder) => folder.startsWith(NEW_FOLDER_NAME))
             .map((folder) => {
@@ -344,17 +413,20 @@ function addNewFolder(name) {
     };
     data.folders[folderName] = newFolder;
     _setFolders(() => {
+        // Update folders order if adding was successful
         data.foldersList.push(folderName);
         _setValue("appFolders.list", data.foldersList, () => { });
     });
 }
 function deleteFolder(folderName) {
+    // Check if user is trying to delete the active folder
     if (folderName === data.activeFolder) {
         data.activeFolder = ADVANCED_APP_LAUNCHER;
         _setValue("activeFolder", data.activeFolder, () => { });
     }
     delete data.folders[folderName] &&
         _setFolders(() => {
+            // Update the order of folders
             const index = data.foldersList.indexOf(folderName);
             data.foldersList.splice(index, 1);
             _setValue("appFolders.list", data.foldersList, () => { });
@@ -394,6 +466,9 @@ function removeAppFromFolder(folderName, app) {
 function getAllAppsFromFolder(folderName) {
     return data.folders[folderName].apps;
 }
+/**
+ * Given a field, search through FDC3 apps and apps pulled in via config and return that app.
+ * */
 function findAppByField(field, value) {
     return (Object.values(data.apps).find((app) => (app ? app[field] === value : false)) ||
         Object.values(data.configComponents).find((app) => (app ? app[field] === value : false)));
@@ -416,6 +491,7 @@ function getActiveFolder() {
             app.tags = appData.tags;
         }
     });
+    // Need a name for the AppDefinition/AppActionsMenu rendering
     folder.name = data.activeFolder;
     return folder;
 }
@@ -433,18 +509,24 @@ function getTags() {
 }
 function getAllAppsTags() {
     let tags = [];
+    // Pull tags from applications installed via FDC3 and the component config.
     const apps = Object.values(data.apps).concat(Object.values(data.configComponents));
     apps.forEach((app) => {
         tags = tags.concat(app.tags);
     });
+    // return unique ones only
     return tags.filter((tag, index) => tags.indexOf(tag) === index);
 }
 function addTag(tag) {
+    // Push new tag to list
     data.tags.indexOf(tag) < 0 && data.tags.push(tag);
+    // Update tags in store
     _setValue("activeLauncherTags", data.tags, () => { });
 }
 function deleteTag(tag) {
+    // Push new tag to list
     data.tags.splice(data.tags.indexOf(tag), 1);
+    // Update tags in store
     _setValue("activeLauncherTags", data.tags, () => { });
 }
 //# sourceMappingURL=StoreActions.js.map