@finsemble/finsemble-ui 6.4.0-beta.1 → 6.5.0

package/react/components/windowTitleBar/components/right/AlwaysOnTopButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlwaysOnTopButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/AlwaysOnTopButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEvF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;IAEpF,MAAM,OAAO,GAAG,gCAAgC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE7F,OAAO,CACN,0CACE,qBAAqB,IAAI,CACzB,6BAAK,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc;QAC7F,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACN,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\n\r\nexport const AlwaysOnTopButton = () => {\r\n\tconst { alwaysOnTop, showAlwaysOnTopButton } = React.useContext(WindowTitleBarContext);\r\n\r\n\tconst setAlwaysOnTop = () => FSBL.Clients.WindowClient.setAlwaysOnTop(!alwaysOnTop);\r\n\r\n\tconst classes = `fsbl-icon fsbl-always-on-top ${alwaysOnTop ? \"fsbl-icon-highlighted\" : \"\"}`;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{showAlwaysOnTopButton && (\r\n\t\t\t\t<div className={classes} id=\"fsbl-always-on-top\" title=\"Always On Top\" onClick={setAlwaysOnTop}>\r\n\t\t\t\t\t<i className={\"ff-always-on-top\"} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"AlwaysOnTopButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/AlwaysOnTopButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEvF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;IAEpF,MAAM,OAAO,GAAG,gCAAgC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE7F,OAAO,CACN,0CACE,qBAAqB,IAAI,CACzB,6BAAK,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc;QAC7F,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACN,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\nexport const AlwaysOnTopButton = () => {\n\tconst { alwaysOnTop, showAlwaysOnTopButton } = React.useContext(WindowTitleBarContext);\n\n\tconst setAlwaysOnTop = () => FSBL.Clients.WindowClient.setAlwaysOnTop(!alwaysOnTop);\n\n\tconst classes = `fsbl-icon fsbl-always-on-top ${alwaysOnTop ? \"fsbl-icon-highlighted\" : \"\"}`;\n\n\treturn (\n\t\t<>\n\t\t\t{showAlwaysOnTopButton && (\n\t\t\t\t<div className={classes} id=\"fsbl-always-on-top\" title=\"Always On Top\" onClick={setAlwaysOnTop}>\n\t\t\t\t\t<i className={\"ff-always-on-top\"} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}

package/react/components/windowTitleBar/components/right/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/CloseButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AASpE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAG/D,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAMD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,6BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,sBAAsB,gBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,mBAAmB;YAEtB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YAC1E,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAzDM,uBAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\thoverState: string;\r\n}\r\n/**\r\n * Close button, located on the far right of the window Manager.\r\n */\r\nexport class CloseButton extends React.Component<IProps, IState> {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.state = { hoverState: \"false\" };\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof CloseButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Listener invoked when the user clicks the close button.\r\n\t *\r\n\t * @memberof CloseButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickClose();\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {any} newHoverState\r\n\t * @memberof LinkerButton\r\n\t */\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method\r\n\t * @memberof CloseButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showCloseButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Close\"\r\n\t\t\t\t\t\tid=\"fsbl-window-close\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-close\"></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/CloseButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AASpE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAG/D,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAMD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,6BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,sBAAsB,gBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,mBAAmB;YAEtB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YAC1E,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAzDM,uBAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\ninterface IProps {}\ninterface IState {\n\thoverState: string;\n}\n/**\n * Close button, located on the far right of the window Manager.\n */\nexport class CloseButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = { hoverState: \"false\" };\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof CloseButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Listener invoked when the user clicks the close button.\n\t *\n\t * @memberof CloseButton\n\t */\n\tonClick() {\n\t\tHeaderActions.clickClose();\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Render method\n\t * @memberof CloseButton\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showCloseButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\ttitle=\"Close\"\n\t\t\t\t\t\tid=\"fsbl-window-close\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className=\"ff-close\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/components/right/GroupingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/GroupingButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtF,IAAI,mBAA+B,CAAC;AASpC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAIzB,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG;YACZ,kBAAkB,EAAE,KAAK;YACzB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;YACxE,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAMD,iBAAiB;QAChB,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,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAMD,yBAAyB;QACxB,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACrF,CAAC;IAMD,oBAAoB;QACnB,mBAAmB,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxF,CAAC;IAQD,cAAc,CAAC,GAAQ,EAAE,QAAa;QACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAOD,MAAM;QACL,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,WAAW,GAAG,8CAA8C,CAAC;QAEjE,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACzF,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAExF,IAAI,SAAS,KAAK,aAAa,EAAE;YAChC,WAAW,GAAG,GAAG,WAAW,wBAAwB,CAAC;SACrD;QAED,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAClC,6BACC,SAAS,EAAE,WAAW,EACtB,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,OAAO,gBACF,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAE,SAAS,GAAM,CACxB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAvGM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\nimport StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\nlet windowTitleBarStore: StoreModel;\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\tshowDockingTooltip: boolean;\r\n\tdockingIcon: string | false;\r\n\thoverState: string;\r\n}\r\n\r\nexport class GroupingButton extends React.Component<IProps, IState> {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindEventHandlers();\r\n\t\t/**\r\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\r\n\t\t */\r\n\t\twindowTitleBarStore = getStore();\r\n\t\tthis.state = {\r\n\t\t\tshowDockingTooltip: false,\r\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\r\n\t\t\thoverState: \"false\",\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t */\r\n\tbindEventHandlers() {\r\n\t\tthis.onClick = this.onClick.bind(this);\r\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\twindowTitleBarStore.addListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\twindowTitleBarStore.removeListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the store emits a change event. The icon will change. If we're grouped, we show the button that denotes group membership. If we're just snapped, we show the button that will group attached windows.\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t */\r\n\tonStoreChanged(err: any, response: any) {\r\n\t\tthis.setState({ dockingIcon: response.value });\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {any} newHoverState\r\n\t * @memberof LinkerButton\r\n\t */\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the docking button.\r\n\t *\r\n\t */\r\n\r\n\tonClick() {\r\n\t\tHeaderActions.toggleGroup();\r\n\t}\r\n\r\n\t/**\r\n\t * Render method\r\n\t *\r\n\t * @returns\r\n\t */\r\n\trender() {\r\n\t\tlet iconClass = \"ff-\";\r\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\r\n\r\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\r\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\r\n\r\n\t\tif (iconClass === \"ff-attached\") {\r\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showDockingButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={wrapClasses}\r\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\r\n\t\t\t\t\t\ttitle={toolTip}\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className={iconClass}></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"GroupingButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/GroupingButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtF,IAAI,mBAA+B,CAAC;AASpC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAIzB,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG;YACZ,kBAAkB,EAAE,KAAK;YACzB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;YACxE,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAMD,iBAAiB;QAChB,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,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAMD,yBAAyB;QACxB,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACrF,CAAC;IAMD,oBAAoB;QACnB,mBAAmB,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxF,CAAC;IAQD,cAAc,CAAC,GAAQ,EAAE,QAAa;QACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAOD,MAAM;QACL,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,WAAW,GAAG,8CAA8C,CAAC;QAEjE,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACzF,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAExF,IAAI,SAAS,KAAK,aAAa,EAAE;YAChC,WAAW,GAAG,GAAG,WAAW,wBAAwB,CAAC;SACrD;QAED,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAClC,6BACC,SAAS,EAAE,WAAW,EACtB,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,OAAO,gBACF,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAE,SAAS,GAAM,CACxB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAvGM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nlet windowTitleBarStore: StoreModel;\n\ninterface IProps {}\ninterface IState {\n\tshowDockingTooltip: boolean;\n\tdockingIcon: string | false;\n\thoverState: string;\n}\n\nexport class GroupingButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindEventHandlers();\n\t\t/**\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\t\tthis.state = {\n\t\t\tshowDockingTooltip: false,\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t */\n\tbindEventHandlers() {\n\t\tthis.onClick = this.onClick.bind(this);\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t */\n\tUNSAFE_componentWillMount() {\n\t\twindowTitleBarStore.addListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\n\t * Invoked when the store emits a change event. The icon will change. If we're grouped, we show the button that denotes group membership. If we're just snapped, we show the button that will group attached windows.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t */\n\tonStoreChanged(err: any, response: any) {\n\t\tthis.setState({ dockingIcon: response.value });\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Invoked when the user clicks the docking button.\n\t *\n\t */\n\n\tonClick() {\n\t\tHeaderActions.toggleGroup();\n\t}\n\n\t/**\n\t * Render method\n\t *\n\t * @returns\n\t */\n\trender() {\n\t\tlet iconClass = \"ff-\";\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\n\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\n\n\t\tif (iconClass === \"ff-attached\") {\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showDockingButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={wrapClasses}\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\n\t\t\t\t\t\ttitle={toolTip}\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className={iconClass}></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/components/right/MaximizeButton.d.ts

@@ -1,4 +1,11 @@
 import * as React from "react";
+export declare enum WINDOWSTATE {
+    NORMAL = 0,
+    MINIMIZED_WAS_NORMAL = 1,
+    MAXIMIZED = 2,
+    MINIMIZED_WAS_MAXIMIZED = 3,
+    TRANSITIONING = 4
+}
 interface IProps {
 }
 interface IState {

package/react/components/windowTitleBar/components/right/MaximizeButton.js

@@ -2,9 +2,15 @@ import * as React from "react";
 import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
 import { WindowTitleBarContext } from "../../windowTitleBarContext";
 import { getStore, Actions as HeaderActions } from "../../stores/windowTitleBarStore";
-import { constants } from "@finsemble/finsemble-core/";
+export var WINDOWSTATE;
+(function (WINDOWSTATE) {
+    WINDOWSTATE[WINDOWSTATE["NORMAL"] = 0] = "NORMAL";
+    WINDOWSTATE[WINDOWSTATE["MINIMIZED_WAS_NORMAL"] = 1] = "MINIMIZED_WAS_NORMAL";
+    WINDOWSTATE[WINDOWSTATE["MAXIMIZED"] = 2] = "MAXIMIZED";
+    WINDOWSTATE[WINDOWSTATE["MINIMIZED_WAS_MAXIMIZED"] = 3] = "MINIMIZED_WAS_MAXIMIZED";
+    WINDOWSTATE[WINDOWSTATE["TRANSITIONING"] = 4] = "TRANSITIONING";
+})(WINDOWSTATE || (WINDOWSTATE = {}));
 let windowTitleBarStore;
-const { WINDOWSTATE } = constants;
 export class MaximizeButton extends React.Component {
     constructor(props) {
         super(props);

package/react/components/windowTitleBar/components/right/MaximizeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaximizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MaximizeButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\nimport { constants } from \"@finsemble/finsemble-core/\";\r\n\r\nimport StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\nlet windowTitleBarStore: StoreModel;\r\n\r\n//import { WINDOWSTATE } from \"@finsemble/finsemble-core/src/common/constants\";\r\n\r\nconst { WINDOWSTATE } = constants;\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\tmaximized: boolean;\r\n\thoverState: string;\r\n}\r\n\r\n/**\r\n * Maximize button. This button is hidden when the window is maximized. In its place is the restore button.\r\n */\r\nexport class MaximizeButton extends React.Component<IProps, IState> {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\t/**\r\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\r\n\t\t */\r\n\t\twindowTitleBarStore = getStore();\r\n\r\n\t\tconst isMaximized = finsembleWindow.windowOptions.windowState === WINDOWSTATE.MAXIMIZED;\r\n\t\twindowTitleBarStore.setValue({ field: \"Maximize.maximized\", value: isMaximized });\r\n\t\tthis.state = {\r\n\t\t\tmaximized: isMaximized,\r\n\t\t\thoverState: \"false\",\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onMaximized = this.onMaximized.bind(this);\r\n\t\tthis.onRestored = this.onRestored.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * When the state changes, this listener is invoked. There are two states: Not maximized, and maximized. When the window is maximized, the button changes to an icon that denotes \"Restore to previous size.\"\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonRestored() {\r\n\t\tthis.setState({ maximized: false });\r\n\t}\r\n\r\n\tonMaximized() {\r\n\t\tthis.setState({ maximized: true });\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the button.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMaximize();\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\tfinsembleWindow?.addListener(\"maximized\", this.onMaximized);\r\n\t\tfinsembleWindow?.addListener(\"restored\", this.onRestored);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\tfinsembleWindow?.removeListener(\"maximized\", this.onMaximized);\r\n\t\tfinsembleWindow?.removeListener(\"restored\", this.onRestored);\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {any} newHoverState\r\n\t * @memberof LinkerButton\r\n\t */\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\trender() {\r\n\t\tconst tooltip = this.state.maximized ? \"Restore\" : \"Maximize\";\r\n\r\n\t\t// Classes for the maximize button.\r\n\t\tconst iconClasses = this.state.maximized ? \"ff-restore\" : \"ff-maximize\";\r\n\t\t// Classes for the wrap\r\n\t\tconst wrapClasses = `fsbl-icon fsbl-maximize ${this.state.maximized ? \"window-restore\" : \"window-max\"}`;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMaximizeButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={wrapClasses}\r\n\t\t\t\t\t\tid=\"fsbl-window-restore\"\r\n\t\t\t\t\t\ttitle={tooltip}\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className={iconClasses}></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"MaximizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MaximizeButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\n// Re-enable this import once load time for finsemble-core has been eliminated (e.g. tree shaking)\n//import { constants } from \"@finsemble/finsemble-api/\";\n//const { WINDOWSTATE } = constants;\nexport enum WINDOWSTATE {\n\tNORMAL = 0,\n\tMINIMIZED_WAS_NORMAL = 1,\n\tMAXIMIZED = 2,\n\tMINIMIZED_WAS_MAXIMIZED = 3,\n\tTRANSITIONING = 4,\n}\nlet windowTitleBarStore: StoreModel;\n\ninterface IProps {}\ninterface IState {\n\tmaximized: boolean;\n\thoverState: string;\n}\n\n/**\n * Maximize button. This button is hidden when the window is maximized. In its place is the restore button.\n */\nexport class MaximizeButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\t/**\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\n\t\tconst isMaximized = finsembleWindow.windowOptions.windowState === WINDOWSTATE.MAXIMIZED;\n\t\twindowTitleBarStore.setValue({ field: \"Maximize.maximized\", value: isMaximized });\n\t\tthis.state = {\n\t\t\tmaximized: isMaximized,\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof MaximizeButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.onMaximized = this.onMaximized.bind(this);\n\t\tthis.onRestored = this.onRestored.bind(this);\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * When the state changes, this listener is invoked. There are two states: Not maximized, and maximized. When the window is maximized, the button changes to an icon that denotes \"Restore to previous size.\"\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t * @memberof MaximizeButton\n\t */\n\tonRestored() {\n\t\tthis.setState({ maximized: false });\n\t}\n\n\tonMaximized() {\n\t\tthis.setState({ maximized: true });\n\t}\n\n\t/**\n\t * Invoked when the user clicks the button.\n\t *\n\t * @memberof MaximizeButton\n\t */\n\tonClick() {\n\t\tHeaderActions.clickMaximize();\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t * @memberof MaximizeButton\n\t */\n\tUNSAFE_componentWillMount() {\n\t\tfinsembleWindow?.addListener(\"maximized\", this.onMaximized);\n\t\tfinsembleWindow?.addListener(\"restored\", this.onRestored);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t * @memberof MaximizeButton\n\t */\n\tcomponentWillUnmount() {\n\t\tfinsembleWindow?.removeListener(\"maximized\", this.onMaximized);\n\t\tfinsembleWindow?.removeListener(\"restored\", this.onRestored);\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Render method.\n\t *\n\t * @returns\n\t * @memberof MaximizeButton\n\t */\n\trender() {\n\t\tconst tooltip = this.state.maximized ? \"Restore\" : \"Maximize\";\n\n\t\t// Classes for the maximize button.\n\t\tconst iconClasses = this.state.maximized ? \"ff-restore\" : \"ff-maximize\";\n\t\t// Classes for the wrap\n\t\tconst wrapClasses = `fsbl-icon fsbl-maximize ${this.state.maximized ? \"window-restore\" : \"window-max\"}`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showMaximizeButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={wrapClasses}\n\t\t\t\t\t\tid=\"fsbl-window-restore\"\n\t\t\t\t\t\ttitle={tooltip}\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className={iconClasses}></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/components/right/MinimizeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MinimizeButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAO5E,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAQD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,kBAAkB,IAAI,CACnC,6BACC,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,sBAAsB,gBACb,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAC,aAAa,GAAK,CAC1B,CACN,CACC,CACH,CAAC;IACH,CAAC;;AA3DM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\thoverState: string;\r\n}\r\n\r\nexport class MinimizeButton extends React.Component<IProps, IState> {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.state = { hoverState: \"false\" };\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the minimize button.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMinimize();\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {string} newHoverState\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMinimizeButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-minimize\"\r\n\t\t\t\t\t\tid=\"fsbl-window-minimize\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Minimize\"\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-minimize\"></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"MinimizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MinimizeButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAO5E,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAQD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,kBAAkB,IAAI,CACnC,6BACC,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,sBAAsB,gBACb,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAC,aAAa,GAAK,CAC1B,CACN,CACC,CACH,CAAC;IACH,CAAC;;AA3DM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\n\ninterface IProps {}\ninterface IState {\n\thoverState: string;\n}\n\nexport class MinimizeButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = { hoverState: \"false\" };\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof MinimizeButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Invoked when the user clicks the minimize button.\n\t *\n\t * @memberof MinimizeButton\n\t */\n\tonClick() {\n\t\tHeaderActions.clickMinimize();\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {string} newHoverState\n\t * @memberof MinimizeButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Render method.\n\t *\n\t * @returns\n\t * @memberof MinimizeButton\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showMinimizeButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-minimize\"\n\t\t\t\t\t\tid=\"fsbl-window-minimize\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\ttitle=\"Minimize\"\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className=\"ff-minimize\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/components/windowTitle.d.ts

@@ -1,23 +1,26 @@
-import { WindowIdentifier } from "@finsemble/finsemble-core";
+import { WindowIdentifier } from "@finsemble/finsemble-api";
+import { ListenerFunction } from "@finsemble/finsemble-api/types/clients/StoreModel";
 import { Component } from "react";
 declare type TitleProps = {
-    windowIdentifier: any;
+    windowIdentifier: WindowIdentifier;
     onUpdate?: Function;
     titleWidth?: number;
-    updateTitle?: EventTarget;
+    onClick?: () => void;
 };
 declare type TitleState = {
     title: string | undefined;
     icon: any;
+    windowName?: string;
 };
 export declare class Title extends Component<TitleProps, TitleState> {
+    #private;
+    tabTitleChangedStoreListener: ListenerFunction;
+    _mounted: boolean;
     constructor(props: TitleProps);
-    setTitle(identifier: WindowIdentifier): Promise<void>;
-    getTitle(): Promise<void>;
+    updateTitle(): Promise<void>;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
     render(): JSX.Element;
 }
 export {};

package/react/components/windowTitleBar/components/windowTitle.js

@@ -1,47 +1,110 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Title_instances, _Title_setWindowTitle, _Title_setTabTitle, _Title_addListeners, _Title_removeListeners;
 import React, { Component } from "react";
 import { Icon } from "../../icon/Icon";
 import { iconFromConfig } from "../../icon/Icon";
+import { Store } from "../stores/windowTitleBarStore";
+const WINDOW_TAB_TITLE_STORE = "window-tab-title";
+const FIELD_NAME_PERSISTED_TITLE = "persistedTitle";
+const getWindowTabNameStore = async () => {
+    let { data: store } = await FSBL.Clients.DistributedStoreClient.createGlobalStore({ store: WINDOW_TAB_TITLE_STORE });
+    return store;
+};
+const getCorrespondingFinsembleWindow = async (windowIdentifier) => (await FSBL.FinsembleWindow.getInstance(windowIdentifier)).wrap;
+function EditTab(props) {
+    const [editingTitle, setEditingTitle] = React.useState(false);
+    const [clickTimeout, setClickTimeout] = React.useState(undefined);
+    const inputEl = React.useRef(null);
+    const updateTabTitle = async (e) => {
+        const title = e.target.value;
+        let store = await getWindowTabNameStore();
+        if (!store) {
+            FSBL.Clients.Logger.warn("Error persisting tab title via EditTab: the store was not found");
+            return;
+        }
+        store.setValue({ field: props.windowIdentifier.windowName, value: title });
+        let win = await getCorrespondingFinsembleWindow(props.windowIdentifier);
+        FSBL.Clients.Logger.debug(`Setting component state "${FIELD_NAME_PERSISTED_TITLE}" with value "${title}"`);
+        await win.setComponentState({ field: FIELD_NAME_PERSISTED_TITLE, value: title });
+        setEditingTitle(false);
+    };
+    const beginEditing = async () => {
+        var _a, _b;
+        await setEditingTitle(true);
+        await ((_a = inputEl === null || inputEl === void 0 ? void 0 : inputEl.current) === null || _a === void 0 ? void 0 : _a.focus());
+        if (inputEl === null || inputEl === void 0 ? void 0 : inputEl.current) {
+            inputEl.current.value = (_b = props.title) !== null && _b !== void 0 ? _b : "";
+        }
+    };
+    const clickHandler = () => {
+        const allowTabEditing = Store.getValue("allowTabEditing");
+        if (clickTimeout) {
+            if (allowTabEditing) {
+                beginEditing();
+            }
+        }
+        else if (!editingTitle) {
+            let timeout = setTimeout(() => {
+                clearTimeout(clickTimeout);
+                setClickTimeout(undefined);
+            }, 500);
+            setClickTimeout(timeout);
+            if (props.setActiveTab)
+                props.setActiveTab();
+        }
+    };
+    const blurHandler = (e) => {
+        updateTabTitle(e);
+    };
+    const keyDownHandler = (e) => {
+        e.key === "Enter" && updateTabTitle(e);
+    };
+    return (React.createElement("div", { className: "fsbl-tab-editor", onClick: clickHandler }, editingTitle ? (React.createElement("div", { className: "fsbl-tab fsbl-active-tab", style: { width: props.tabWidth || "auto" } },
+        React.createElement("div", { draggable: true, onDragStart: (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+            } },
+            React.createElement("input", { ref: inputEl, onBlur: blurHandler, onKeyDown: keyDownHandler, type: "text", className: "tab__input", maxLength: 32 })))) : (props.children)));
+}
 export class Title extends Component {
     constructor(props) {
-        var _a;
+        var _a, _b;
         super(props);
+        _Title_instances.add(this);
+        this.tabTitleChangedStoreListener = (err, response) => {
+            if (!!err) {
+                FSBL.Clients.Logger.warn(`Listener error for store "${WINDOW_TAB_TITLE_STORE}" for field "${this.props.windowIdentifier.windowName}"`, err);
+                return;
+            }
+            FSBL.Clients.Logger.debug(`Store "${WINDOW_TAB_TITLE_STORE}" notified of new title "${response.value}" for window "${response.field}"`);
+            this.updateTitle();
+        };
+        this._mounted = false;
         this.state = {
-            title: document.title,
+            title: ((_a = props.windowIdentifier) === null || _a === void 0 ? void 0 : _a.windowName) || document.title,
             icon: null,
+            windowName: (_b = props.windowIdentifier) === null || _b === void 0 ? void 0 : _b.windowName,
         };
-        this.getTitle = this.getTitle.bind(this);
-        (_a = props.updateTitle) === null || _a === void 0 ? void 0 : _a.addEventListener("title-changed", () => {
-            this.getTitle();
-        });
-    }
-    async setTitle(identifier) {
-        var _a;
-        const { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);
-        const windowManagerConfig = (_a = win.windowOptions.customData) === null || _a === void 0 ? void 0 : _a.foreign.components["Window Manager"];
-        win.getOptions((err, data) => {
-            var _a, _b, _c;
-            let title = (windowManagerConfig === null || windowManagerConfig === void 0 ? void 0 : windowManagerConfig.title) || (data === null || data === void 0 ? void 0 : data.title) || win.name || "";
-            const icon = iconFromConfig((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.customData) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.Toolbar, title);
-            win.getComponentState({ field: "persistedTitle" }, (error, persistedTitle) => {
-                if (persistedTitle) {
-                    title = persistedTitle;
-                }
-                this.setState({
-                    title,
-                    icon,
-                });
-            });
-        });
+        this.updateTitle = this.updateTitle.bind(this);
     }
-    async getTitle() {
-        this.setTitle(this.props.windowIdentifier);
+    async updateTitle() {
+        const store = await getWindowTabNameStore();
+        if (!store) {
+            FSBL.Clients.Logger.warn("Error setting the tab title: the store was not found");
+            return;
+        }
+        const { data: windowTitle } = await store.getGlobalValue(finsembleWindow.thisWindowName);
+        const { data: tabTitle } = await store.getGlobalValue(this.props.windowIdentifier.windowName);
+        __classPrivateFieldGet(this, _Title_instances, "m", _Title_setTabTitle).call(this, tabTitle);
+        __classPrivateFieldGet(this, _Title_instances, "m", _Title_setWindowTitle).call(this, windowTitle);
     }
     componentDidMount() {
-        var _a;
-        this.getTitle();
-        FSBL.FinsembleWindow.getInstance((_a = this.props) === null || _a === void 0 ? void 0 : _a.windowIdentifier, (e, win) => {
-            win.addEventListener("title-changed", this.getTitle);
-        });
+        this._mounted = true;
+        __classPrivateFieldGet(this, _Title_instances, "m", _Title_addListeners).call(this);
     }
     componentDidUpdate() {
         if (typeof this.props.onUpdate === "function") {
@@ -49,22 +112,68 @@ export class Title extends Component {
         }
     }
     componentWillUnmount() {
+        this._mounted = false;
+        __classPrivateFieldGet(this, _Title_instances, "m", _Title_removeListeners).call(this);
+    }
+    render() {
         var _a;
-        FSBL.FinsembleWindow.getInstance((_a = this.props) === null || _a === void 0 ? void 0 : _a.windowIdentifier, (e, win) => {
-            win.removeEventListener("title-changed", this.getTitle, false);
-        });
+        const { titleWidth } = this.props;
+        const style = titleWidth ? { width: titleWidth } : {};
+        return (React.createElement(EditTab, { tabWidth: titleWidth, setActiveTab: (_a = this === null || this === void 0 ? void 0 : this.props) === null || _a === void 0 ? void 0 : _a.onClick, title: this.state.title, windowIdentifier: this.props.windowIdentifier },
+            React.createElement("div", { className: "fsbl-tab-title", style: style },
+                this.state.icon && React.createElement(Icon, Object.assign({}, this.state.icon)),
+                React.createElement("div", { className: "title-text" }, this.state.title))));
+    }
+}
+_Title_instances = new WeakSet(), _Title_setWindowTitle = function _Title_setWindowTitle(title) {
+    document.title = title;
+}, _Title_setTabTitle = async function _Title_setTabTitle(title) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const tabWindow = await getCorrespondingFinsembleWindow(this.props.windowIdentifier);
+    const { data: tabWindowOptions } = await tabWindow.getOptions();
+    if (!title) {
+        FSBL.Clients.Logger.debug(`No stored tab tile for "${this.props.windowIdentifier.windowName}"; falling back to code-based derivation`);
+        const { options: windowClientOptions } = FSBL.Clients.WindowClient;
+        const windowTitleBarConfig = (_b = (_a = windowClientOptions === null || windowClientOptions === void 0 ? void 0 : windowClientOptions.customData) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.components["Window Manager"];
+        const displayName = ((_f = (_e = (_d = (_c = tabWindowOptions === null || tabWindowOptions === void 0 ? void 0 : tabWindowOptions.customData) === null || _c === void 0 ? void 0 : _c.appDConfig) === null || _d === void 0 ? void 0 : _d.manifest) === null || _e === void 0 ? void 0 : _e.component) === null || _f === void 0 ? void 0 : _f.displayName) ||
+            ((_h = (_g = tabWindowOptions === null || tabWindowOptions === void 0 ? void 0 : tabWindowOptions.customData) === null || _g === void 0 ? void 0 : _g.component) === null || _h === void 0 ? void 0 : _h.displayName);
+        title = displayName || FSBL.Clients.WindowClient.title || (windowTitleBarConfig === null || windowTitleBarConfig === void 0 ? void 0 : windowTitleBarConfig.title) || tabWindow.name || "";
     }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        if (nextProps.windowIdentifier.windowName !== this.props.windowIdentifier.windowName) {
-            this.setTitle(nextProps.windowIdentifier);
+    const icon = iconFromConfig((_l = (_k = (_j = tabWindowOptions === null || tabWindowOptions === void 0 ? void 0 : tabWindowOptions.customData) === null || _j === void 0 ? void 0 : _j.foreign) === null || _k === void 0 ? void 0 : _k.components) === null || _l === void 0 ? void 0 : _l.Toolbar, title);
+    tabWindow.getComponentState({ field: FIELD_NAME_PERSISTED_TITLE }, (error, persistedTitle) => {
+        if (!this._mounted) {
+            return;
+        }
+        if (persistedTitle) {
+            title = persistedTitle;
         }
+        FSBL.Clients.Logger.debug(`Setting tab title ${title} for window ${this.props.windowIdentifier.windowName}`);
+        this.setState({
+            title: title,
+            icon: icon,
+        });
+    });
+}, _Title_addListeners = async function _Title_addListeners() {
+    const store = await getWindowTabNameStore();
+    if (!store) {
+        FSBL.Clients.Logger.warn("Error adding a tab title listener: the store was not found");
+        return;
     }
-    render() {
-        let { titleWidth } = this.props;
-        let style = titleWidth ? { width: titleWidth } : {};
-        return (React.createElement("div", { className: "fsbl-tab-title", style: style },
-            this.state.icon && React.createElement(Icon, Object.assign({}, this.state.icon)),
-            React.createElement("div", { className: "title-text" }, this.state.title)));
+    store.addListener({ field: this.props.windowIdentifier.windowName }, this.tabTitleChangedStoreListener, () => {
+        FSBL.Clients.Logger.debug(`Added listener to store "${WINDOW_TAB_TITLE_STORE}" for field "${this.props.windowIdentifier.windowName}"`);
+    });
+}, _Title_removeListeners = async function _Title_removeListeners() {
+    const store = await getWindowTabNameStore();
+    if (!store) {
+        FSBL.Clients.Logger.warn("Error removing a tab title listener: the store was not found");
+        return;
     }
-}
+    store.removeListener({ field: this.props.windowIdentifier.windowName }, this.tabTitleChangedStoreListener, (err, response) => {
+        if (!!err) {
+            FSBL.Clients.Logger.warn(`Could not remove listener from store "${WINDOW_TAB_TITLE_STORE}" for field "${this.props.windowIdentifier.windowName}"`, err);
+            return;
+        }
+        FSBL.Clients.Logger.debug(`Removed listener to store "${WINDOW_TAB_TITLE_STORE}" for field "${this.props.windowIdentifier.windowName}"`);
+    });
+};
 //# sourceMappingURL=windowTitle.js.map

package/react/components/windowTitleBar/components/windowTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { WindowIdentifier } from \"@finsemble/finsemble-core\";\r\nimport React, { Component } from \"react\";\r\nimport { Icon } from \"../../icon/Icon\";\r\nimport { iconFromConfig } from \"../../icon/Icon\";\r\n\r\ntype TitleProps = {\r\n\twindowIdentifier: any;\r\n\tonUpdate?: Function;\r\n\ttitleWidth?: number;\r\n\tupdateTitle?: EventTarget;\r\n};\r\n\r\ntype TitleState = {\r\n\ttitle: string | undefined;\r\n\ticon: any;\r\n};\r\n\r\nexport class Title extends Component<TitleProps, TitleState> {\r\n\tconstructor(props: TitleProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\ttitle: document.title,\r\n\t\t\ticon: null,\r\n\t\t};\r\n\t\tthis.getTitle = this.getTitle.bind(this);\r\n\t\tprops.updateTitle?.addEventListener(\"title-changed\", () => {\r\n\t\t\tthis.getTitle();\r\n\t\t});\r\n\t}\r\n\r\n\tasync setTitle(identifier: WindowIdentifier) {\r\n\t\tconst { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);\r\n\t\tconst windowManagerConfig = win.windowOptions.customData?.foreign.components[\"Window Manager\"];\r\n\t\twin.getOptions((err: any, data: any) => {\r\n\t\t\tlet title = windowManagerConfig?.title || data?.title || win.name || \"\";\r\n\t\t\tconst icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);\r\n\t\t\twin.getComponentState({ field: \"persistedTitle\" }, (error: any, persistedTitle: any) => {\r\n\t\t\t\tif (persistedTitle) {\r\n\t\t\t\t\ttitle = persistedTitle;\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\ttitle,\r\n\t\t\t\t\ticon,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tasync getTitle() {\r\n\t\tthis.setTitle(this.props.windowIdentifier);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getTitle();\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props?.windowIdentifier, (e: any, win: any) => {\r\n\t\t\twin.addEventListener(\"title-changed\", this.getTitle);\r\n\t\t});\r\n\t}\r\n\r\n\t// Triggers a re-rendering of the drag handle in the title bar.\r\n\tcomponentDidUpdate() {\r\n\t\tif (typeof this.props.onUpdate === \"function\") {\r\n\t\t\tthis.props.onUpdate();\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props?.windowIdentifier, (e: any, win: any) => {\r\n\t\t\t// We pass logError = false because react components might be unmounting during a window\r\n\t\t\t// close operation, which causes `this.getTitle` to become invalid mid-operation. This is\r\n\t\t\t// due to the current tabbing architecture can probably be eliminated with refactoring.\r\n\t\t\twin.removeEventListener(\"title-changed\", this.getTitle, false);\r\n\t\t});\r\n\t}\r\n\r\n\tUNSAFE_componentWillReceiveProps(nextProps: any) {\r\n\t\t// We only need to re-render the logo if the name of the component changes. Otherwise excessive calls to getOptions\r\n\t\tif (nextProps.windowIdentifier.windowName !== this.props.windowIdentifier.windowName) {\r\n\t\t\tthis.setTitle(nextProps.windowIdentifier);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { titleWidth } = this.props;\r\n\t\tlet style = titleWidth ? { width: titleWidth } : {};\r\n\t\treturn (\r\n\t\t\t<div className=\"fsbl-tab-title\" style={style}>\r\n\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\r\n\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FinsembleWindow, WindowIdentifier } from \"@finsemble/finsemble-api\";\nimport { ListenerFunction } from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nimport { StandardError } from \"@finsemble/finsemble-api/types/types\";\nimport React, { Component } from \"react\";\nimport { EditTabProps } from \"../../../types/windowTitleBar\";\nimport { Icon } from \"../../icon/Icon\";\nimport { iconFromConfig } from \"../../icon/Icon\";\nimport { Store } from \"../stores/windowTitleBarStore\";\n\n/**\n * TAB TITLES: HOW DO THEY WORK?\n *\n * Each component, when stacked, will have several tab titles. For each component, there is a window. For each window, there are 2 tab titles per component.\n *\n * Whichever component is \"active\" will render all tabs - exactly one \"active\" tab and n-1 \"inactive\" tabs (where n is the number of components in the stack). When\n * the active component is changed (via a click, for example), then the visible window becomes the window associated with the active component.\n *\n * Tab titles may change at any time, and for a number of reasons. For example, the component may execute \"document.title='...some title'\". Or perhaps the tab title has\n * been edited by the user. In order to account for all title changes, the following flow is used:\n *   *something* updates document.title\n *   The WindowClient for the component will notice the title change and send a router message (via FinsembleWindow.setTitle) with a topic representitive of the windowName\n *   BaseWindow listens to router changes on the same topic and updates a DistributedStore dedicated to tab names\n *   The tab components all subscribe to the DistributedStore dedicated to tab names and will update the title accordingly\n *\n * This is a \"one-way\" operation; that is to say that some code will ultimately alter the DistributedStore and the tab title components will read the changes. While this generally\n * happens with a write to document.title, it can also happen when a user edits the tab title manually. In this case, the component state is altered with a field \"persistedTitle\"\n * whose value is the edited title. At render time, the tab title component will use any value in \"persistedTitle\" as the title, irregardless of any other value.\n *\n * NOTE: A tab may be edited only when it is the active component; ergo the call to \"setComponentState\" is safe.\n */\n\n/**\n * WINDOW TITLES: HOW DO THEY WORK?\n *\n * Each application window has a title which is displayed in the operating system taskbar and task switcher. This title comes from the\n * value of \"document.title\" in the window title bar component. It is important to understand that when tabs are stacked, the actual window\n * which holds the window title is the title of the window of the active component. It is therefore important to keep the window title and the\n * tab titles up to date and synchronized.\n */\n\ntype TitleProps = {\n\twindowIdentifier: WindowIdentifier;\n\tonUpdate?: Function;\n\ttitleWidth?: number;\n\tonClick?: () => void;\n};\n\ntype TitleState = {\n\ttitle: string | undefined;\n\ticon: any;\n\twindowName?: string;\n};\n\n// The store name for the distributed store which tracks tab titles\nconst WINDOW_TAB_TITLE_STORE = \"window-tab-title\";\n// The field name to watch for tab title edits\nconst FIELD_NAME_PERSISTED_TITLE = \"persistedTitle\";\n\n/**\n * Gets the store which tracks the tab title for a windowName. This is a distributed store shared by all components.\n *\n * @returns a Promise which resolves the StoreModel associated with window and tab names\n */\nconst getWindowTabNameStore = async () => {\n\tlet { data: store } = await FSBL.Clients.DistributedStoreClient.createGlobalStore({ store: WINDOW_TAB_TITLE_STORE });\n\treturn store;\n};\n\n/**\n * Gets the FinsembleWindow instance associated with the specified <i>windowIdentifier</i>.\n *\n * Any instance of this component (a tab title) will actually be in the window of the \"active\"\n * tab; this function will return the FinsembleWindow instance for which this tab title instance\n * represents.\n *\n * @param windowIdentifier the windowIdentifier for the FinsembleWindow to obtain a reference for\n * @returns a Promise which resolves to the FinsembleWindow associated with the <i>windowIdentifier</i>\n */\nconst getCorrespondingFinsembleWindow = async (windowIdentifier: WindowIdentifier): Promise<FinsembleWindow> =>\n\t(await FSBL.FinsembleWindow.getInstance(windowIdentifier)).wrap;\n\n/**\n * The wrapper component for tab renaming\n * @param {*} props\n */\nfunction EditTab(props: EditTabProps) {\n\tconst [editingTitle, setEditingTitle] = React.useState(false);\n\tconst [clickTimeout, setClickTimeout] = React.useState<NodeJS.Timeout | undefined>(undefined);\n\tconst inputEl = React.useRef<HTMLInputElement>(null);\n\n\tconst updateTabTitle = async (e: React.KeyboardEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>) => {\n\t\t// When the tab title has changed via a user edit, simply update the DistributedStore\n\n\t\t// Get the title\n\t\tconst title = (e.target as HTMLInputElement).value;\n\n\t\t// Get the tab name store\n\t\tlet store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be persisted\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error persisting tab title via EditTab: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Persist the tab title\n\t\tstore.setValue({ field: props.windowIdentifier.windowName, value: title });\n\n\t\t// Get the window which coresponds to the tab being edited\n\t\tlet win = await getCorrespondingFinsembleWindow(props.windowIdentifier);\n\n\t\t// Set the component state \"persistedTitle\" (which is the edited title)\n\t\tFSBL.Clients.Logger.debug(`Setting component state \"${FIELD_NAME_PERSISTED_TITLE}\" with value \"${title}\"`);\n\t\tawait win.setComponentState({ field: FIELD_NAME_PERSISTED_TITLE, value: title });\n\n\t\t// Stop editing in all cases\n\t\tsetEditingTitle(false);\n\t};\n\n\tconst beginEditing = async () => {\n\t\tawait setEditingTitle(true);\n\t\tawait inputEl?.current?.focus();\n\t\tif (inputEl?.current) {\n\t\t\tinputEl.current.value = props.title ?? \"\";\n\t\t}\n\t};\n\n\tconst clickHandler = () => {\n\t\tconst allowTabEditing = Store.getValue(\"allowTabEditing\");\n\n\t\tif (clickTimeout) {\n\t\t\t// double click\n\t\t\tif (allowTabEditing) {\n\t\t\t\tbeginEditing();\n\t\t\t}\n\t\t} else if (!editingTitle) {\n\t\t\t// single click\n\t\t\tlet timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(clickTimeout);\n\t\t\t\tsetClickTimeout(undefined);\n\t\t\t}, 500);\n\t\t\tsetClickTimeout(timeout);\n\t\t\tif (props.setActiveTab) props.setActiveTab();\n\t\t}\n\t};\n\n\tconst blurHandler = (e: React.FocusEvent<HTMLInputElement>) => {\n\t\tupdateTabTitle(e);\n\t};\n\n\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\te.key === \"Enter\" && updateTabTitle(e);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"fsbl-tab-editor\"\n\t\t\t// We can't use Click and Dblclick events together cause for one dblclick fires two click events which close title editor.\n\t\t\t// Workaround with setTimeout should resolve this behavior.\n\t\t\tonClick={clickHandler}\n\t\t>\n\t\t\t{editingTitle ? (\n\t\t\t\t<div className=\"fsbl-tab fsbl-active-tab\" style={{ width: props.tabWidth || \"auto\" }}>\n\t\t\t\t\t{/* workaround to disable tab dragging in the edit mode */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tdraggable={true}\n\t\t\t\t\t\tonDragStart={(e) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={inputEl}\n\t\t\t\t\t\t\tonBlur={blurHandler}\n\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tclassName=\"tab__input\"\n\t\t\t\t\t\t\tmaxLength={32}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tprops.children\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/*\n * Description how stacked window tabs work.\n *\n * The simplest case - when you have only 2 tabs. In that case you will actually have 2 windows and 4 tabs.\n * Lets call them as: window 1 - w1, window 2 - w2, tab 1 from window 1 - w1_t1, tab 2 from window 1 - w1_t2, for tabs from window 2 - w2_t1 and w2_t2.\n * When you switch tabs you activate w1 or w2 with active tab w1_t1 or w2_t2 correspondingly.\n * Tabs w1_t2 and w2_t1 are inactive. They needed only for rendering. I call them as remote tabs, cause their titles must be synchronized with active tabs titles.\n * Thus when you rename active tab (w1_t1), the corresponding remote tab (w2_t1) should be updated automatically.\n */\n\nexport class Title extends Component<TitleProps, TitleState> {\n\t// The listener for tab title change events via the DistributedStoreClient, kept as a reference so\n\t// that the listener can be deregistered when the component is unmounted\n\ttabTitleChangedStoreListener: ListenerFunction = (err: StandardError, response: { field: string; value: string }) => {\n\t\tif (!!err) {\n\t\t\t// This is not critical; in the worst case this tab title will be stale\n\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t`Listener error for store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\terr\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Log a message\n\t\tFSBL.Clients.Logger.debug(\n\t\t\t`Store \"${WINDOW_TAB_TITLE_STORE}\" notified of new title \"${response.value}\" for window \"${response.field}\"`\n\t\t);\n\n\t\t// Invoke updateTitle\n\t\tthis.updateTitle();\n\t};\n\n\t// Flag to determine if this instance is currently mounted; this is necessary because:\n\t//  1.) Title components are mounted and unmounted as an artifact of how the tab or tab list is rendered\n\t//  2.) Keeping tab titles synchronized is an asynchronous process\n\t//  3.) During the asynchronous process of tab title synchronization, a call to setState is made and\n\t//      that raises a React warning since the component state cannot be changed while the component\n\t//      is unmounted\n\t_mounted = false;\n\n\tconstructor(props: TitleProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\ttitle: props.windowIdentifier?.windowName || document.title,\n\t\t\ticon: null,\n\t\t\t// The \"windowName\" is the name of the window which corresponds to the this instance of the\n\t\t\t// Title component, though the actual current window may belong to some other\n\t\t\t// component(ie this tab represents an inactive window)\n\t\t\twindowName: props.windowIdentifier?.windowName,\n\t\t};\n\n\t\t// Bind the \"updateTitle\" function (in order to use React component functions)\n\t\tthis.updateTitle = this.updateTitle.bind(this);\n\t}\n\n\t/**\n\t * Sets the title of the window.\n\t *\n\t * @param title the window title\n\t */\n\t#setWindowTitle(title: string) {\n\t\tdocument.title = title;\n\t}\n\n\t/**\n\t * Sets the title of the tab.\n\t *\n\t * @param title the title of the tab\n\t */\n\tasync #setTabTitle(title: string) {\n\t\t// The window represented by this tab title instance\n\t\tconst tabWindow = await getCorrespondingFinsembleWindow(this.props.windowIdentifier);\n\t\t// \"tabWindowOptions\" refers to the options from the window which hosts the component represented by this tab\n\t\tconst { data: tabWindowOptions } = await tabWindow.getOptions();\n\n\t\t// If there is no title then use some logic to derive a title\n\t\tif (!title) {\n\t\t\t// This code runs when there is no tab name in the store. This happens when a workspace is loaded and\n\t\t\t// the workspace has stacked windows. In this case, fallback to:\n\t\t\t//  1.) the displayName from the manifest (there are TWO places to look in the manifest!)\n\t\t\t//  2.) the title from the WindowClient (this is only correct for the hosting tab!)\n\t\t\t//  3.) the title from the window title bar (this is only correct for the hosting tab!)\n\t\t\t//  4.) the name of the window which is hosting the window associated with the tab\n\t\t\t//  5.) the empty string\n\t\t\t//\n\t\t\t// Note that in most cases this name is temporarty since most components will update their title with\n\t\t\t// a call to \"document.title='...some title!'\"\n\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t`No stored tab tile for \"${this.props.windowIdentifier.windowName}\"; falling back to code-based derivation`\n\t\t\t);\n\n\t\t\t// \"windowClientOptions\" refers to the options from the window which hosts\n\t\t\t// all the tabs (this will always be the currently active component / window)\n\t\t\tconst { options: windowClientOptions } = FSBL.Clients.WindowClient;\n\t\t\tconst windowTitleBarConfig = windowClientOptions?.customData?.foreign?.components[\"Window Manager\"];\n\n\t\t\t// Display name is the first candidate for the title\n\t\t\tconst displayName =\n\t\t\t\t// From the appd manifest\n\t\t\t\ttabWindowOptions?.customData?.appDConfig?.manifest?.component?.displayName ||\n\t\t\t\t// This seems like a default\n\t\t\t\ttabWindowOptions?.customData?.component?.displayName;\n\n\t\t\t// The title assignment\n\t\t\ttitle = displayName || FSBL.Clients.WindowClient.title || windowTitleBarConfig?.title || tabWindow.name || \"\";\n\t\t}\n\n\t\t// Get the icon from the config for the TAB window (not the CURRENT window)\n\t\tconst icon = iconFromConfig(tabWindowOptions?.customData?.foreign?.components?.Toolbar, title);\n\n\t\t// Get the component state for THIS component (the tab title)\n\t\t// The field \"persistedTitle\" is set when a tab has been edited via EditTab\n\t\ttabWindow.getComponentState({ field: FIELD_NAME_PERSISTED_TITLE }, (error: any, persistedTitle: any) => {\n\t\t\t// When the component is being mounted/unmounted quickly, this code may be run during a time when\n\t\t\t// the component is not mounted. This check prevents React warnings in the dev console.\n\t\t\tif (!this._mounted) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If there is a \"persistedTitle\" then the title has been edited by a user\n\t\t\tif (persistedTitle) {\n\t\t\t\t// Set the title to the edited title\n\t\t\t\ttitle = persistedTitle;\n\t\t\t}\n\t\t\tFSBL.Clients.Logger.debug(`Setting tab title ${title} for window ${this.props.windowIdentifier.windowName}`);\n\n\t\t\t// Finally, set the state\n\t\t\tthis.setState({\n\t\t\t\ttitle: title,\n\t\t\t\ticon: icon,\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Updates the title for both the tab and the window.\n\t *\n\t * @returns a Promise which resolves nothing\n\t */\n\tasync updateTitle() {\n\t\t// Get the store (which holds the values for the tab titles)\n\t\tconst store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error setting the tab title: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// The FinsembleWindow which represents the current window\n\t\tconst { data: windowTitle } = await store.getGlobalValue(finsembleWindow.thisWindowName);\n\t\t// The FinsembleWindow instance which this Title component represents\n\t\tconst { data: tabTitle } = await store.getGlobalValue(this.props.windowIdentifier.windowName);\n\n\t\t// There is a subtle difference bewtween windowTitle and tabTitle. Since this code executes\n\t\t// when *any* tab has a name change, this code can execute when the active window represents\n\t\t// a tab other than the currently rendering tab (ie an inactive tab).\n\n\t\tthis.#setTabTitle(tabTitle);\n\t\tthis.#setWindowTitle(windowTitle);\n\t}\n\n\t/**\n\t * Adds the listener(s) required to set window and tab titles.\n\t */\n\tasync #addListeners() {\n\t\t// Subscribe to the DistributedStoreClient (these messages originate from BaseWindow, when the\n\t\t// DistributedStore has been updated).\n\t\t//\n\t\t// Each window will have n listeners, where n is the number of tabs held in the window.\n\n\t\t// Get the store and add a listener\n\t\tconst store = await getWindowTabNameStore();\n\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error adding a tab title listener: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Add a listener\n\t\tstore.addListener({ field: this.props.windowIdentifier.windowName }, this.tabTitleChangedStoreListener, () => {\n\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t`Added listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t);\n\t\t});\n\t}\n\n\t/**\n\t * Removes listener(s) required to set window and tab titles.\n\t */\n\tasync #removeListeners() {\n\t\t// Unsubscribe from the window/tab store\n\t\tconst store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error removing a tab title listener: the store was not found\");\n\t\t\treturn;\n\t\t}\n\t\tstore.removeListener(\n\t\t\t{ field: this.props.windowIdentifier.windowName },\n\t\t\tthis.tabTitleChangedStoreListener,\n\t\t\t(err: StandardError, response: boolean | undefined) => {\n\t\t\t\tif (!!err) {\n\t\t\t\t\t// This is not critical; the listener could not be removed from the store - this may be a memory leak\n\t\t\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t\t\t`Could not remove listener from store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\t\terr\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t`Removed listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * React component lifecycle event, triggered once the component has been added to the DOM.\n\t */\n\tcomponentDidMount() {\n\t\t// Set the mounted flag to true (this component is currently mounted)\n\t\tthis._mounted = true;\n\n\t\t// Add listeners\n\t\tthis.#addListeners();\n\t}\n\n\t// Triggers a re-rendering of the drag handle in the title bar.\n\tcomponentDidUpdate() {\n\t\tif (typeof this.props.onUpdate === \"function\") {\n\t\t\tthis.props.onUpdate();\n\t\t}\n\t}\n\n\t/**\n\t * React component lifecycle event, triggered before the component is removed from the DOM.\n\t */\n\tcomponentWillUnmount() {\n\t\t// Set the mounted flag to false (this component is not currently mounted)\n\t\tthis._mounted = false;\n\n\t\t// Remove listeners\n\t\tthis.#removeListeners();\n\t}\n\n\trender() {\n\t\tconst { titleWidth } = this.props;\n\t\tconst style = titleWidth ? { width: titleWidth } : {};\n\t\treturn (\n\t\t\t<EditTab\n\t\t\t\ttabWidth={titleWidth}\n\t\t\t\tsetActiveTab={this?.props?.onClick}\n\t\t\t\ttitle={this.state.title}\n\t\t\t\t// The windowIdentifier indicates which app/component this tab instance should represent\n\t\t\t\twindowIdentifier={this.props.windowIdentifier}\n\t\t\t>\n\t\t\t\t<div className=\"fsbl-tab-title\" style={style}>\n\t\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\n\t\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\n\t\t\t\t</div>\n\t\t\t</EditTab>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export { WindowTitleBarShell } from \"./WindowTitleBarShell\";\r\nexport { LinkerButton } from \"./components/left/LinkerButton\";\r\nexport { ShareButton } from \"./components/left/ShareButton\";\r\nexport { TabRegion } from \"./components/center/TabRegion\";\r\nexport { AlwaysOnTopButton } from \"./components/right/AlwaysOnTopButton\";\r\nexport { MinimizeButton } from \"./components/right/MinimizeButton\";\r\nexport { MaximizeButton } from \"./components/right/MaximizeButton\";\r\nexport { CloseButton } from \"./components/right/CloseButton\";\r\nexport { GroupingButton } from \"./components/right/GroupingButton\";\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export { WindowTitleBarShell } from \"./WindowTitleBarShell\";\nexport { LinkerButton } from \"./components/left/LinkerButton\";\nexport { ShareButton } from \"./components/left/ShareButton\";\nexport { TabRegion } from \"./components/center/TabRegion\";\nexport { AlwaysOnTopButton } from \"./components/right/AlwaysOnTopButton\";\nexport { MinimizeButton } from \"./components/right/MinimizeButton\";\nexport { MaximizeButton } from \"./components/right/MaximizeButton\";\nexport { CloseButton } from \"./components/right/CloseButton\";\nexport { GroupingButton } from \"./components/right/GroupingButton\";\n"]}

package/react/components/windowTitleBar/stores/windowTitleBarStore.d.ts

@@ -1,6 +1,6 @@
-import { StandardCallback } from "@finsemble/finsemble-core/types/types";
-import { FinsembleWindow, WindowIdentifier } from "@finsemble/finsemble-core";
-import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+import { StandardCallback } from "@finsemble/finsemble-api/types/types";
+import { FinsembleWindow, WindowIdentifier } from "@finsemble/finsemble-api";
+import StoreModel from "@finsemble/finsemble-api/types/clients/StoreModel";
 declare type ParentParams = {
     windowIdentifiers: WindowIdentifier[];
     visibleWindowIdentifier: WindowIdentifier;