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

package/react/components/windowTitleBar/windowTitleBarContext.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const defaultConfigVals = {
+const defaultConfigValues = {
     useDOMBasedMovement: true,
     showLinkerButton: false,
     showShareButton: false,
@@ -9,16 +9,14 @@ const defaultConfigVals = {
     showMinimizeButton: false,
     showMaximizeButton: false,
     showCloseButton: false,
-    setTabRef: null,
     onTabDropped: null,
     thisWindowTitle: "",
     boundingBox: null,
     listenForDragOver: null,
     tabs: null,
     onTitleUpdated: null,
-    setToolbarRight: null,
     showTabs: false,
     alwaysOnTop: false,
 };
-export const WindowTitleBarContext = React.createContext(defaultConfigVals);
+export const WindowTitleBarContext = React.createContext(defaultConfigValues);
 //# sourceMappingURL=windowTitleBarContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"windowTitleBarContext.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/windowTitleBarContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,iBAAiB,GAAG;IACzB,mBAAmB,EAAE,IAAI;IACzB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,qBAAqB,EAAE,KAAK;IAC5B,kBAAkB,EAAE,KAAK;IACzB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,KAAK;IACtB,SAAS,EAAE,IAAW;IACtB,YAAY,EAAE,IAAW;IACzB,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,IAAW;IACxB,iBAAiB,EAAE,IAAW;IAC9B,IAAI,EAAE,IAAW;IACjB,cAAc,EAAE,IAAW;IAC3B,eAAe,EAAE,IAAW;IAC5B,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nconst defaultConfigVals = {\r\n\tuseDOMBasedMovement: true,\r\n\tshowLinkerButton: false,\r\n\tshowShareButton: false,\r\n\tshowTabRegion: false,\r\n\tshowDockingButton: false,\r\n\tshowAlwaysOnTopButton: false,\r\n\tshowMinimizeButton: false,\r\n\tshowMaximizeButton: false,\r\n\tshowCloseButton: false,\r\n\tsetTabRef: null as any,\r\n\tonTabDropped: null as any,\r\n\tthisWindowTitle: \"\",\r\n\tboundingBox: null as any,\r\n\tlistenForDragOver: null as any,\r\n\ttabs: null as any,\r\n\tonTitleUpdated: null as any,\r\n\tsetToolbarRight: null as any,\r\n\tshowTabs: false,\r\n\talwaysOnTop: false,\r\n};\r\n\r\nexport const WindowTitleBarContext = React.createContext(defaultConfigVals);\r\n"]}
+{"version":3,"file":"windowTitleBarContext.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/windowTitleBarContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,mBAAmB,GAA8B;IACtD,mBAAmB,EAAE,IAAI;IACzB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,qBAAqB,EAAE,KAAK;IAC5B,kBAAkB,EAAE,KAAK;IACzB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,IAAW;IACzB,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,IAAW;IACxB,iBAAiB,EAAE,IAAW;IAC9B,IAAI,EAAE,IAAW;IACjB,cAAc,EAAE,IAAW;IAC3B,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA4B,mBAAmB,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { TabProperties } from \"../../types/windowTitleBar\";\r\n\r\nexport interface WindowTitleBarContextType {\r\n\tshowDockingButton: string | false;\r\n\tuseDOMBasedMovement: boolean;\r\n\ttabs: TabProperties[];\r\n\tshowLinkerButton: boolean;\r\n\tshowShareButton: boolean;\r\n\tshowTabRegion: boolean;\r\n\tshowAlwaysOnTopButton: boolean;\r\n\tshowMinimizeButton: boolean;\r\n\tshowMaximizeButton: boolean;\r\n\tshowCloseButton: boolean;\r\n\tonTabDropped: Function;\r\n\tthisWindowTitle: string;\r\n\tboundingBox: any;\r\n\tlistenForDragOver: boolean;\r\n\tonTitleUpdated: Function;\r\n\tshowTabs: boolean;\r\n\talwaysOnTop: boolean;\r\n}\r\n\r\nconst defaultConfigValues: WindowTitleBarContextType = {\r\n\tuseDOMBasedMovement: true,\r\n\tshowLinkerButton: false,\r\n\tshowShareButton: false,\r\n\tshowTabRegion: false,\r\n\tshowDockingButton: false,\r\n\tshowAlwaysOnTopButton: false,\r\n\tshowMinimizeButton: false,\r\n\tshowMaximizeButton: false,\r\n\tshowCloseButton: false,\r\n\tonTabDropped: null as any,\r\n\tthisWindowTitle: \"\",\r\n\tboundingBox: null as any,\r\n\tlistenForDragOver: null as any,\r\n\ttabs: null as any,\r\n\tonTitleUpdated: null as any,\r\n\tshowTabs: false,\r\n\talwaysOnTop: false,\r\n};\r\n\r\nexport const WindowTitleBarContext = React.createContext<WindowTitleBarContextType>(defaultConfigValues);\r\n"]}

package/react/components/yesNoDialog/Timer.spec.js

@@ -6,11 +6,11 @@ import { Basic } from "./Timer.stories";
 import { accessibilityAssessor } from "../smartDesktopDesigner/tests/a11y_helper";
 describe("<Timer/>", () => {
     it("should pass accessibility scans (Page)", async () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should display the text 'Time remaining: '", async () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("div").text()).to.contain("Time remaining:");
         wrapper.unmount();
     });

package/react/components/yesNoDialog/Timer.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.spec.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/Timer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAElF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAAe,GAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAM,KAAK,CAAC,IAAe,GAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjE,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"./Timer.stories\";\r\nimport { IProps } from \"./timer\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<Timer/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as IProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should display the text 'Time remaining: '\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as IProps)} />);\r\n\r\n\t\texpect(wrapper.find(\"div\").text()).to.contain(\"Time remaining:\");\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Timer.spec.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/Timer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAElF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAe,EAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAe,EAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjE,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"./Timer.stories\";\r\nimport { IProps } from \"./timer\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<Timer/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as IProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should display the text 'Time remaining: '\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as IProps)} />);\r\n\r\n\t\texpect(wrapper.find(\"div\").text()).to.contain(\"Time remaining:\");\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}

package/react/components/yesNoDialog/Timer.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "YesNoDialog/Timer",
     component: Timer,
 };
-const Template = (args) => React.createElement(Timer, { ...args });
+const Template = (args) => React.createElement(Timer, Object.assign({}, args));
 export const Basic = Template.bind({});
 Basic.args = {
     timerDuration: 1000,

package/react/components/yesNoDialog/Timer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.stories.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/Timer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAiB,MAAM,SAAS,CAAC;AAExC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,QAAQ,GAAkB,CAAC,IAAY,EAAE,EAAE,CAAC,oBAAC,KAAK,OAAK,IAAI,GAAI,CAAC;AAEtE,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,aAAa,EAAE,IAAI;IACnB,yBAAyB,EAAE,MAAM,CAAC,SAAS,CAAC;CAC5C,CAAC","sourcesContent":["import React from \"react\";\r\nimport Timer, { IProps } from \"./timer\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"YesNoDialog/Timer\",\r\n\tcomponent: Timer,\r\n};\r\n\r\nconst Template: Story<IProps> = (args: IProps) => <Timer {...args} />;\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\ttimerDuration: 1000,\r\n\tontimerDurationExpiration: action(\"Expired\"),\r\n};\r\n"]}
+{"version":3,"file":"Timer.stories.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/Timer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAiB,MAAM,SAAS,CAAC;AAExC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,QAAQ,GAAkB,CAAC,IAAY,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAC;AAEtE,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,aAAa,EAAE,IAAI;IACnB,yBAAyB,EAAE,MAAM,CAAC,SAAS,CAAC;CAC5C,CAAC","sourcesContent":["import React from \"react\";\r\nimport Timer, { IProps } from \"./timer\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"YesNoDialog/Timer\",\r\n\tcomponent: Timer,\r\n};\r\n\r\nconst Template: Story<IProps> = (args: IProps) => <Timer {...args} />;\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\ttimerDuration: 1000,\r\n\tontimerDurationExpiration: action(\"Expired\"),\r\n};\r\n"]}

package/react/components/yesNoDialog/YesNoDialog.spec.js

@@ -18,7 +18,7 @@ describe("<YesNoDialog/>", () => {
         expect(dialog_text).to.contain("Cancel");
     });
     it("should display Yes and Cancel, but not No", async () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         const dialog_text = wrapper.find(".dialog").text();
         expect(dialog_text).to.contain("Yes");
         expect(dialog_text).to.not.contain("No");
@@ -26,7 +26,7 @@ describe("<YesNoDialog/>", () => {
     });
     it("should show 'Time remaining' until the clock ticks away", () => {
         const clock = sinon.useFakeTimers();
-        const wrapper = mount(React.createElement(WithTimer, { ...WithTimer.args }));
+        const wrapper = mount(React.createElement(WithTimer, Object.assign({}, WithTimer.args)));
         expect(wrapper.find(".dialog").text(), "Before countdown").to.contain("Time remaining:");
         clock.tick(1000);
         clock.tick(1000);
@@ -35,16 +35,16 @@ describe("<YesNoDialog/>", () => {
         clock.restore();
     });
     it("should display empty text if no title is provided", () => {
-        const wrapper = mount(React.createElement(NoText, { ...NoText.args }));
+        const wrapper = mount(React.createElement(NoText, Object.assign({}, NoText.args)));
         const titleText = wrapper.find(".dialog-title").text();
         expect(titleText).to.be.empty;
     });
     it("should not display any buttons if none are approved", () => {
-        const wrapper = mount(React.createElement(NoButtons, { ...NoButtons.args }));
+        const wrapper = mount(React.createElement(NoButtons, Object.assign({}, NoButtons.args)));
         expect(wrapper.find("button").length).to.equal(0);
     });
     it("should display custom button labels when provided", () => {
-        const wrapper = mount(React.createElement(CustomButtonLabels, { ...CustomButtonLabels.args }));
+        const wrapper = mount(React.createElement(CustomButtonLabels, Object.assign({}, CustomButtonLabels.args)));
         const dialog_text = wrapper.find(".dialog").text();
         expect(dialog_text).to.contain("Tak");
         expect(dialog_text).to.contain("Nie");

package/react/components/yesNoDialog/YesNoDialog.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"YesNoDialog.spec.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/YesNoDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic, Empty, WithTimer, NoText, NoButtons, CustomButtonLabels } from \"./YesNoDialog.stories\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<YesNoDialog/>\", () => {\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Basic />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should display Yes, No, and Cancel by default\", async () => {\r\n\t\tconst wrapper = mount(<Empty />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.contain(\"No\");\r\n\t\texpect(dialog_text).to.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should display Yes and Cancel, but not No\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.not.contain(\"No\");\r\n\t\texpect(dialog_text).to.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should show 'Time remaining' until the clock ticks away\", () => {\r\n\t\tconst clock = sinon.useFakeTimers();\r\n\t\tconst wrapper = mount(<WithTimer {...(WithTimer.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\".dialog\").text(), \"Before countdown\").to.contain(\"Time remaining:\");\r\n\t\tclock.tick(1000);\r\n\t\tclock.tick(1000);\r\n\t\tclock.tick(1000);\r\n\t\texpect(wrapper.find(\".dialog\").text(), \"After countdown\").to.not.contain(\"Time remaining:\");\r\n\t\tclock.restore();\r\n\t});\r\n\tit(\"should display empty text if no title is provided\", () => {\r\n\t\tconst wrapper = mount(<NoText {...(NoText.args as any)} />);\r\n\t\tconst titleText = wrapper.find(\".dialog-title\").text();\r\n\t\texpect(titleText).to.be.empty;\r\n\t});\r\n\tit(\"should not display any buttons if none are approved\", () => {\r\n\t\tconst wrapper = mount(<NoButtons {...(NoButtons.args as any)} />);\r\n\t\texpect(wrapper.find(\"button\").length).to.equal(0);\r\n\t});\r\n\tit(\"should display custom button labels when provided\", () => {\r\n\t\tconst wrapper = mount(<CustomButtonLabels {...(CustomButtonLabels.args as any)} />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Tak\");\r\n\t\texpect(dialog_text).to.contain(\"Nie\");\r\n\t\texpect(dialog_text).to.contain(\"Anuluj\");\r\n\t\texpect(dialog_text).to.not.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.not.contain(\"No\");\r\n\t\texpect(dialog_text).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit.skip(\"should handle keyboard interactions\", () => {\r\n\t\t// const wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\t\t// Keyboard interactions are wired up to document.body.addEventListener, and Enzyme doesn't let us mock that\r\n\t\t// This is a possibility, but it would require simulant and maybe also jsdom:\r\n\t\t// https://github.com/enzymejs/enzyme/issues/426\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"YesNoDialog.spec.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/YesNoDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic, Empty, WithTimer, NoText, NoButtons, CustomButtonLabels } from \"./YesNoDialog.stories\";\r\nimport { accessibilityAssessor } from \"../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\ndescribe(\"<YesNoDialog/>\", () => {\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Basic />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should display Yes, No, and Cancel by default\", async () => {\r\n\t\tconst wrapper = mount(<Empty />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.contain(\"No\");\r\n\t\texpect(dialog_text).to.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should display Yes and Cancel, but not No\", async () => {\r\n\t\tconst wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.not.contain(\"No\");\r\n\t\texpect(dialog_text).to.contain(\"Cancel\");\r\n\t});\r\n\tit(\"should show 'Time remaining' until the clock ticks away\", () => {\r\n\t\tconst clock = sinon.useFakeTimers();\r\n\t\tconst wrapper = mount(<WithTimer {...(WithTimer.args as any)} />);\r\n\r\n\t\texpect(wrapper.find(\".dialog\").text(), \"Before countdown\").to.contain(\"Time remaining:\");\r\n\t\tclock.tick(1000);\r\n\t\tclock.tick(1000);\r\n\t\tclock.tick(1000);\r\n\t\texpect(wrapper.find(\".dialog\").text(), \"After countdown\").to.not.contain(\"Time remaining:\");\r\n\t\tclock.restore();\r\n\t});\r\n\tit(\"should display empty text if no title is provided\", () => {\r\n\t\tconst wrapper = mount(<NoText {...(NoText.args as any)} />);\r\n\t\tconst titleText = wrapper.find(\".dialog-title\").text();\r\n\t\texpect(titleText).to.be.empty;\r\n\t});\r\n\tit(\"should not display any buttons if none are approved\", () => {\r\n\t\tconst wrapper = mount(<NoButtons {...(NoButtons.args as any)} />);\r\n\t\texpect(wrapper.find(\"button\").length).to.equal(0);\r\n\t});\r\n\tit(\"should display custom button labels when provided\", () => {\r\n\t\tconst wrapper = mount(<CustomButtonLabels {...(CustomButtonLabels.args as any)} />);\r\n\r\n\t\tconst dialog_text = wrapper.find(\".dialog\").text();\r\n\t\texpect(dialog_text).to.contain(\"Tak\");\r\n\t\texpect(dialog_text).to.contain(\"Nie\");\r\n\t\texpect(dialog_text).to.contain(\"Anuluj\");\r\n\t\texpect(dialog_text).to.not.contain(\"Yes\");\r\n\t\texpect(dialog_text).to.not.contain(\"No\");\r\n\t\texpect(dialog_text).to.not.contain(\"Cancel\");\r\n\t});\r\n\tit.skip(\"should handle keyboard interactions\", () => {\r\n\t\t// const wrapper = mount(<Basic {...(Basic.args as any)} />);\r\n\t\t// Keyboard interactions are wired up to document.body.addEventListener, and Enzyme doesn't let us mock that\r\n\t\t// This is a possibility, but it would require simulant and maybe also jsdom:\r\n\t\t// https://github.com/enzymejs/enzyme/issues/426\r\n\t});\r\n});\r\n"]}

package/react/components/yesNoDialog/YesNoDialog.stories.js

@@ -13,7 +13,7 @@ const Template = (args) => {
             cb("", { data: args._data });
         };
     }
-    return React.createElement(YesNoDialog, { ...args });
+    return React.createElement(YesNoDialog, Object.assign({}, args));
 };
 export const Empty = Template.bind({});
 export const Basic = Template.bind({});

package/react/components/yesNoDialog/YesNoDialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"YesNoDialog.stories.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/YesNoDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,8BAA8B,CAAC;AAEtC,eAAe;IACd,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAAc,CAAC,IAAS,EAAE,EAAE;IACzC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,GAAG,CAAC,EAAY,EAAE,EAAE;YACpE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;KACF;IAED,OAAO,oBAAC,WAAW,OAAK,IAAI,GAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,KAAK;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACN,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;KACtB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,IAAI;KACnB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE;QACN,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,oCAAoC;QAC9C,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,KAAK;QAC5B,gBAAgB,EAAE,KAAK;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,IAAI;QACxB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,wBAAwB,EAAE,KAAK;QAC/B,qBAAqB,EAAE,KAAK;QAC5B,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,KAAK;KAChB;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { YesNoDialog } from \"./YesNoDialog\";\r\nimport { initFSBL } from \"../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"YesNoDialog/YesNoDialog\",\r\n\tcomponent: YesNoDialog,\r\n};\r\n\r\nconst Template: Story<{}> = (args: any) => {\r\n\tinitFSBL(window);\r\n\r\n\tif (args._data) {\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback = (cb: Function) => {\r\n\t\t\tcb(\"\", { data: args._data });\r\n\t\t};\r\n\t}\r\n\r\n\treturn <YesNoDialog {...args} />;\r\n};\r\n\r\nexport const Empty = Template.bind({});\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\tshowTimer: false,\r\n\t},\r\n};\r\n\r\nexport const NoText = Template.bind({});\r\nNoText.args = {\r\n\t_data: {\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t},\r\n};\r\n\r\nexport const WithTimer = Template.bind({});\r\nWithTimer.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\tshowTimer: true,\r\n\t\ttimerDuration: 3000,\r\n\t},\r\n};\r\n\r\nexport const NoButtons = Template.bind({});\r\nNoButtons.args = {\r\n\t_data: {\r\n\t\ttitle: \"No buttons\",\r\n\t\tquestion: \"What are you going to do about it?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: false,\r\n\t\tshowCancelButton: false,\r\n\t},\r\n};\r\n\r\nexport const CustomButtonLabels = Template.bind({});\r\nCustomButtonLabels.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: true,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\taffirmativeResponseLabel: \"Tak\",\r\n\t\tnegativeResponseLabel: \"Nie\",\r\n\t\tcancelResponseLabel: \"Anuluj\",\r\n\t\tshowTimer: false,\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"YesNoDialog.stories.js","sourceRoot":"","sources":["../../../src/components/yesNoDialog/YesNoDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,8BAA8B,CAAC;AAEtC,eAAe;IACd,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAAc,CAAC,IAAS,EAAE,EAAE;IACzC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,GAAG,CAAC,EAAY,EAAE,EAAE;YACpE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;KACF;IAED,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,KAAK;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACN,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;KACtB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,IAAI;KACnB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE;QACN,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,oCAAoC;QAC9C,kBAAkB,EAAE,KAAK;QACzB,qBAAqB,EAAE,KAAK;QAC5B,gBAAgB,EAAE,KAAK;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,IAAI;QACxB,qBAAqB,EAAE,IAAI;QAC3B,gBAAgB,EAAE,IAAI;QACtB,wBAAwB,EAAE,KAAK;QAC/B,qBAAqB,EAAE,KAAK;QAC5B,mBAAmB,EAAE,QAAQ;QAC7B,SAAS,EAAE,KAAK;KAChB;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { YesNoDialog } from \"./YesNoDialog\";\r\nimport { initFSBL } from \"../common/helpers\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport \"../../assets/css/dialogs.css\";\r\n\r\nexport default {\r\n\ttitle: \"YesNoDialog/YesNoDialog\",\r\n\tcomponent: YesNoDialog,\r\n};\r\n\r\nconst Template: Story<{}> = (args: any) => {\r\n\tinitFSBL(window);\r\n\r\n\tif (args._data) {\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback = (cb: Function) => {\r\n\t\t\tcb(\"\", { data: args._data });\r\n\t\t};\r\n\t}\r\n\r\n\treturn <YesNoDialog {...args} />;\r\n};\r\n\r\nexport const Empty = Template.bind({});\r\n\r\nexport const Basic = Template.bind({});\r\nBasic.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\tshowTimer: false,\r\n\t},\r\n};\r\n\r\nexport const NoText = Template.bind({});\r\nNoText.args = {\r\n\t_data: {\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t},\r\n};\r\n\r\nexport const WithTimer = Template.bind({});\r\nWithTimer.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\tshowTimer: true,\r\n\t\ttimerDuration: 3000,\r\n\t},\r\n};\r\n\r\nexport const NoButtons = Template.bind({});\r\nNoButtons.args = {\r\n\t_data: {\r\n\t\ttitle: \"No buttons\",\r\n\t\tquestion: \"What are you going to do about it?\",\r\n\t\tshowNegativeButton: false,\r\n\t\tshowAffirmativeButton: false,\r\n\t\tshowCancelButton: false,\r\n\t},\r\n};\r\n\r\nexport const CustomButtonLabels = Template.bind({});\r\nCustomButtonLabels.args = {\r\n\t_data: {\r\n\t\ttitle: \"Example titles\",\r\n\t\tquestion: \"Is this a question?\",\r\n\t\tshowNegativeButton: true,\r\n\t\tshowAffirmativeButton: true,\r\n\t\tshowCancelButton: true,\r\n\t\taffirmativeResponseLabel: \"Tak\",\r\n\t\tnegativeResponseLabel: \"Nie\",\r\n\t\tcancelResponseLabel: \"Anuluj\",\r\n\t\tshowTimer: false,\r\n\t},\r\n};\r\n"]}

package/react/hooks/useFavoritesShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFavoritesShell.js","sourceRoot":"","sources":["../../src/hooks/useFavoritesShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAI,oBAAoB,GAAY,KAAK,CAAC;AAM1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IASrD,MAAM,eAAe,GAAG,KAAK,EAAE,EAAkB,EAAE,QAA8B,EAAE,EAAE;QACpF,IAAI,QAAQ,KAAK,aAAa,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;gBACrC,cAAc,EAAE,IAAI;gBACpB,OAAO,EAAE,MAAM;aACf,CAAC,CAAC;SACH;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;YACpC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAC3C,EAAE,KAAK,EAAE,sCAAsC,EAAE,MAAM,EAAE,IAAI,EAAE,EAC/D,CAAC,GAAW,EAAE,KAAU,EAAE,EAAE;gBAC3B,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;oBACzB,UAAU,EAAE,mBAAmB;oBAC/B,IAAI,EAAE;wBACL,IAAI,EAAE,EAAE;qBACR;iBACD,CAAC,CAAC;YACJ,CAAC,CACD,CAAC;SACF;IACF,CAAC,CAAC;IAOF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAA0C,EAAE,EAAE;QAC5F,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAOF,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1B,IAAI,oBAAoB;YAAE,OAAO;QACjC,oBAAoB,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAChG,IAAI,GAAG,EAAE;gBACR,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,qEAAqE,GAAG,EAAE,CAAC,CAAC;aAC7G;YACD,QAAQ,CAAC,eAAe,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAGf,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/B,KAAK,EAAE,WAAW;YAClB,GAAG,EAAE,qBAAqB;YAC1B,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACN,SAAS;QACT,cAAc;QACd,eAAe;QACf,iBAAiB;KACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useDispatch } from \"../store\";\r\nimport { Favorite } from \"../types/favoriteTypes\";\r\nimport { FavoriteActions } from \"../actions/favoriteActions\";\r\nimport { useFavorites } from \"./useFavorites\";\r\nimport { useEffect } from \"react\";\r\n\r\nlet storageIsInitialized: boolean = false;\r\n\r\n/**\r\n * The useFavoritesShell() hook is used by FavoritesShell to interact with the redux store\r\n * and storage.\r\n */\r\nexport const useFavoritesShell = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { favorites, removeFavorite } = useFavorites();\r\n\r\n\t// Ideally in the future the following function will be decoupled from implementation, allowing Favorites to generically dispatch actions.\r\n\t/**\r\n\t * Given a favorite item, trigger the associated action on that item.\r\n\t * I.e. If it's a finsemble component, a new window of that component is launched. If it's a workspace, the workspace would be switched to.\r\n\t * @param id The favorite item's id\r\n\t * @param category The to be triggered favorite item's category\r\n\t */\r\n\tconst triggerFavorite = async (id: Favorite[\"id\"], category: Favorite[\"category\"]) => {\r\n\t\tif (category === \"Application\") {\r\n\t\t\tFSBL.Clients.LauncherClient.spawn(id, {\r\n\t\t\t\taddToWorkspace: true,\r\n\t\t\t\tmonitor: \"mine\",\r\n\t\t\t});\r\n\t\t} else if (category === \"Workspace\") {\r\n\t\t\tFSBL.Clients.DistributedStoreClient.getStore(\r\n\t\t\t\t{ store: \"Finsemble-WorkspaceMenu-Global-Store\", global: true },\r\n\t\t\t\t(err: string, store: any) => {\r\n\t\t\t\t\tstore.Dispatcher.dispatch({\r\n\t\t\t\t\t\tactionType: \"switchToWorkspace\",\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\tname: id,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * We need to persist the right order in whent he user reorders favorites in the toolbar. This ensures\r\n\t * that favorites will appear in the right order on future Toolbar launches.\r\n\t * @param favElements The ordered collection of favorite elements\r\n\t */\r\n\tconst setFavoritesOrder = ({ oldIndex, newIndex }: { oldIndex: number; newIndex: number }) => {\r\n\t\tdispatch(FavoriteActions.REORDER_FAVORITES({ oldIndex, newIndex }));\r\n\t};\r\n\r\n\t/**\r\n\t * This effect initializes the favorites redux store. The store must only be initialized once, even though useFavorites may be\r\n\t * referenced by many different React components. We use the module level variable `storageIsInitialized` as a simple flag to\r\n\t * prevent initialization from occuring more than once.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconsole.log(\"get maybe?\");\r\n\t\tif (storageIsInitialized) return;\r\n\t\tstorageIsInitialized = true;\r\n\t\tconsole.log(\"getting\");\r\n\t\t// Copy the persisted favorites from Storage to the redux store\r\n\t\tFSBL.Clients.StorageClient.get({ topic: \"favorites\", key: \"allCurrentFavorites\" }, (err, data) => {\r\n\t\t\tif (err) {\r\n\t\t\t\treturn FSBL.Clients.Logger.error(`Favorite Hook -> Failed to retrieve favorites from StorageClient: ${err}`);\r\n\t\t\t}\r\n\t\t\tdispatch(FavoriteActions.INITIALIZE_FAVORITES(data));\r\n\t\t});\r\n\t}, [dispatch]);\r\n\r\n\t// When the list of favorite items change, we want to persist that data to the store.\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.StorageClient.save({\r\n\t\t\ttopic: \"favorites\",\r\n\t\t\tkey: \"allCurrentFavorites\",\r\n\t\t\tvalue: favorites,\r\n\t\t});\r\n\t}, [favorites]);\r\n\r\n\treturn {\r\n\t\tfavorites,\r\n\t\tremoveFavorite,\r\n\t\ttriggerFavorite,\r\n\t\tsetFavoritesOrder,\r\n\t};\r\n};\r\n"]}
+{"version":3,"file":"useFavoritesShell.js","sourceRoot":"","sources":["../../src/hooks/useFavoritesShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,IAAI,oBAAoB,GAAY,KAAK,CAAC;AAM1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IASrD,MAAM,eAAe,GAAG,KAAK,EAAE,EAAkB,EAAE,QAA8B,EAAE,EAAE;QACpF,IAAI,QAAQ,KAAK,aAAa,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;gBACrC,cAAc,EAAE,IAAI;gBACpB,OAAO,EAAE,MAAM;aACf,CAAC,CAAC;SACH;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;YACpC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAC3C,EAAE,KAAK,EAAE,sCAAsC,EAAE,MAAM,EAAE,IAAI,EAAE,EAC/D,CAAC,GAAkB,EAAE,KAAW,EAAE,EAAE;gBACnC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;oBACzB,UAAU,EAAE,mBAAmB;oBAC/B,IAAI,EAAE;wBACL,IAAI,EAAE,EAAE;qBACR;iBACD,CAAC,CAAC;YACJ,CAAC,CACD,CAAC;SACF;IACF,CAAC,CAAC;IAOF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAA0C,EAAE,EAAE;QAC5F,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAOF,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1B,IAAI,oBAAoB;YAAE,OAAO;QACjC,oBAAoB,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAChG,IAAI,GAAG,EAAE;gBACR,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,qEAAqE,GAAG,EAAE,CAAC,CAAC;aAC7G;YACD,QAAQ,CAAC,eAAe,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAGf,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/B,KAAK,EAAE,WAAW;YAClB,GAAG,EAAE,qBAAqB;YAC1B,KAAK,EAAE,SAAS;SAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACN,SAAS;QACT,cAAc;QACd,eAAe;QACf,iBAAiB;KACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useDispatch } from \"../store\";\r\nimport { Favorite } from \"../types/favoriteTypes\";\r\nimport { FavoriteActions } from \"../actions/favoriteActions\";\r\nimport { useFavorites } from \"./useFavorites\";\r\nimport { useEffect } from \"react\";\r\nimport { types } from \"@finsemble/finsemble-core\";\r\n\r\ntype StandardError = types.StandardError;\r\n\r\nlet storageIsInitialized: boolean = false;\r\n\r\n/**\r\n * The useFavoritesShell() hook is used by FavoritesShell to interact with the redux store\r\n * and storage.\r\n */\r\nexport const useFavoritesShell = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { favorites, removeFavorite } = useFavorites();\r\n\r\n\t// Ideally in the future the following function will be decoupled from implementation, allowing Favorites to generically dispatch actions.\r\n\t/**\r\n\t * Given a favorite item, trigger the associated action on that item.\r\n\t * I.e. If it's a finsemble component, a new window of that component is launched. If it's a workspace, the workspace would be switched to.\r\n\t * @param id The favorite item's id\r\n\t * @param category The to be triggered favorite item's category\r\n\t */\r\n\tconst triggerFavorite = async (id: Favorite[\"id\"], category: Favorite[\"category\"]) => {\r\n\t\tif (category === \"Application\") {\r\n\t\t\tFSBL.Clients.LauncherClient.spawn(id, {\r\n\t\t\t\taddToWorkspace: true,\r\n\t\t\t\tmonitor: \"mine\",\r\n\t\t\t});\r\n\t\t} else if (category === \"Workspace\") {\r\n\t\t\tFSBL.Clients.DistributedStoreClient.getStore(\r\n\t\t\t\t{ store: \"Finsemble-WorkspaceMenu-Global-Store\", global: true },\r\n\t\t\t\t(err: StandardError, store?: any) => {\r\n\t\t\t\t\tstore.Dispatcher.dispatch({\r\n\t\t\t\t\t\tactionType: \"switchToWorkspace\",\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\tname: id,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * We need to persist the right order in whent he user reorders favorites in the toolbar. This ensures\r\n\t * that favorites will appear in the right order on future Toolbar launches.\r\n\t * @param favElements The ordered collection of favorite elements\r\n\t */\r\n\tconst setFavoritesOrder = ({ oldIndex, newIndex }: { oldIndex: number; newIndex: number }) => {\r\n\t\tdispatch(FavoriteActions.REORDER_FAVORITES({ oldIndex, newIndex }));\r\n\t};\r\n\r\n\t/**\r\n\t * This effect initializes the favorites redux store. The store must only be initialized once, even though useFavorites may be\r\n\t * referenced by many different React components. We use the module level variable `storageIsInitialized` as a simple flag to\r\n\t * prevent initialization from occuring more than once.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconsole.log(\"get maybe?\");\r\n\t\tif (storageIsInitialized) return;\r\n\t\tstorageIsInitialized = true;\r\n\t\tconsole.log(\"getting\");\r\n\t\t// Copy the persisted favorites from Storage to the redux store\r\n\t\tFSBL.Clients.StorageClient.get({ topic: \"favorites\", key: \"allCurrentFavorites\" }, (err, data) => {\r\n\t\t\tif (err) {\r\n\t\t\t\treturn FSBL.Clients.Logger.error(`Favorite Hook -> Failed to retrieve favorites from StorageClient: ${err}`);\r\n\t\t\t}\r\n\t\t\tdispatch(FavoriteActions.INITIALIZE_FAVORITES(data));\r\n\t\t});\r\n\t}, [dispatch]);\r\n\r\n\t// When the list of favorite items change, we want to persist that data to the store.\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.StorageClient.save({\r\n\t\t\ttopic: \"favorites\",\r\n\t\t\tkey: \"allCurrentFavorites\",\r\n\t\t\tvalue: favorites,\r\n\t\t});\r\n\t}, [favorites]);\r\n\r\n\treturn {\r\n\t\tfavorites,\r\n\t\tremoveFavorite,\r\n\t\ttriggerFavorite,\r\n\t\tsetFavoritesOrder,\r\n\t};\r\n};\r\n"]}

package/react/hooks/useLinker.js

@@ -76,7 +76,7 @@ export const useLinker = () => {
                 active: isActive,
             }));
         };
-        const numberOfActiveChannels = Object.values(linkerState.channels).filter((c) => c?.active).length;
+        const numberOfActiveChannels = Object.values(linkerState.channels).filter((c) => c === null || c === void 0 ? void 0 : c.active).length;
         const activating = !channelActive;
         const deactivating = channelActive;
         const allowedToActivateAnotherChannel = numberOfActiveChannels < MAXIMUM_ALLOWED_ACTIVE_CHANNELS;

package/react/hooks/useLinker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinker.js","sourceRoot":"","sources":["../../src/hooks/useLinker.ts"],"names":[],"mappings":"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","sourcesContent":["import { useDispatch, useSelector } from \"../store\";\r\nimport { useEffect } from \"react\";\r\nimport { LinkerActions } from \"../actions/linkerActions\";\r\nimport { Channel, MAXIMUM_ALLOWED_ACTIVE_CHANNELS } from \"../types/linkerTypes\";\r\n\r\ndeclare const finsembleWindow: any;\r\n\r\n// Encapsulate the linker initialization and Redux dispatch functions inside the hook\r\nexport const useLinker = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst linkerState = useSelector((state) => state.linker);\r\n\r\n\tconst hideWindow = () => {\r\n\t\t// Must blur or you end up having to click twice to show the window.\r\n\t\t// If you just hide, the first time the user clicks\r\n\t\t// on the linker button, the blur will trigger, which will hide the window.\r\n\t\tfinsembleWindow.blur();\r\n\t\tfinsembleWindow.hide();\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tconst setInitialChannels = () => {\r\n\t\t\tconst channels: Channel[] = FSBL.Clients.LinkerClient.getAllChannels();\r\n\t\t\tdispatch(LinkerActions.SET_CHANNELS({ channels }));\r\n\t\t};\r\n\r\n\t\tconst focusWindow = () => {\r\n\t\t\tfinsembleWindow.focus();\r\n\t\t};\r\n\r\n\t\tconst initAccessibleLinkerMode = () => {\r\n\t\t\tconst accessibilityCallback = (err: any, value: any) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\tFSBL.Clients.Logger.system.error(`Failed to get accessibleLinker value: ${err}`);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tLinkerActions.SET_ACCESSIBILITY({\r\n\t\t\t\t\t\tisAccessibleLinker: Boolean(value),\r\n\t\t\t\t\t})\r\n\t\t\t\t);\r\n\t\t\t};\r\n\t\t\tFSBL.Clients.ConfigClient.getValue(\"finsemble.accessibleLinker\", accessibilityCallback);\r\n\t\t};\r\n\r\n\t\t/** If user switches the linker channel for different components, this function would be invoked. It will dispatch another\r\n\t\t *  action to update the linker's state according to the linker setup on the switched component.\r\n\t\t *\r\n\t\t * @param err  error from FSBL\r\n\t\t * @param msg  msg from FSBL\r\n\t\t */\r\n\t\tconst onActiveChannelsChanged = (err: any, msg: any) => {\r\n\t\t\tconst componentLinkerState = FSBL.Clients.LinkerClient.getState(msg.data.windowIdentifier);\r\n\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\"Failed to update the linker state.\");\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tdispatch(\r\n\t\t\t\tLinkerActions.UPDATE_ACTIVE_CHANNELS({\r\n\t\t\t\t\tchannelNames: componentLinkerState.channels,\r\n\t\t\t\t\twindowIdentifier: msg.data.windowIdentifier,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tmsg.sendQueryResponse(null, null);\r\n\t\t};\r\n\r\n\t\tFSBL.Clients.Logger.system.log(\"Linker component is mounted. Initializing.\");\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hideWindow);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", focusWindow);\r\n\t\tsetInitialChannels();\r\n\t\tinitAccessibleLinkerMode();\r\n\t\tFSBL.Clients.RouterClient.addResponder(\"Finsemble.LinkerWindow.SetActiveChannels\", onActiveChannelsChanged);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.Logger.system.log(\"Linker component is unmounted. Cleaning up the event listeners.\");\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hideWindow);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusWindow);\r\n\t\t\tFSBL.Clients.RouterClient.removeResponder(\"Finsemble.LinkerWindow.SetActiveChannels\");\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.WindowClient.fitToDOM();\r\n\t}, [linkerState]);\r\n\r\n\tconst toggleChannel = (channelId: number) => {\r\n\t\tconst channel = linkerState.channels[channelId];\r\n\t\tif (!channel) {\r\n\t\t\tFSBL.Clients.Logger.error(\"Targeted channel to toggle is not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst channelName = channel.name;\r\n\t\tconst channelActive = channel.active;\r\n\t\tconst { windowIdentifier } = linkerState;\r\n\r\n\t\tconst updateActivationTo = (isActive: boolean) => (err: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"Error in linkerHook, linkCallback\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tdispatch(\r\n\t\t\t\tLinkerActions.UPDATE_CHANNEL_STATUS({\r\n\t\t\t\t\tchannelId,\r\n\t\t\t\t\tactive: isActive,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst numberOfActiveChannels = Object.values(linkerState.channels).filter((c) => c?.active).length;\r\n\r\n\t\t// We're activating if the channel is currently inactive\r\n\t\tconst activating = !channelActive;\r\n\t\tconst deactivating = channelActive;\r\n\t\tconst allowedToActivateAnotherChannel = numberOfActiveChannels < MAXIMUM_ALLOWED_ACTIVE_CHANNELS;\r\n\t\t// if we're toggling a channel to be inactive OR\r\n\t\t// we're trying to toggle one to be active AND we have not hit our maximum,\r\n\t\t// let the call go through. Otherwise log an error.\r\n\t\tif (deactivating) {\r\n\t\t\tFSBL.Clients.LinkerClient.unlinkFromChannel(channelName, windowIdentifier, updateActivationTo(false));\r\n\t\t} else if (activating && allowedToActivateAnotherChannel) {\r\n\t\t\tFSBL.Clients.LinkerClient.linkToChannel(channelName, windowIdentifier, updateActivationTo(true));\r\n\t\t} else {\r\n\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t`Attempted to toggle more than ${MAXIMUM_ALLOWED_ACTIVE_CHANNELS} channels. This could result in an unacceptable UX. Please contact finsemble support if you would like to render more than ${MAXIMUM_ALLOWED_ACTIVE_CHANNELS} linker channels in the window title bar.`\r\n\t\t\t);\r\n\t\t}\r\n\t\thideWindow();\r\n\t};\r\n\r\n\treturn { state: linkerState, toggleChannel };\r\n};\r\n"]}
+{"version":3,"file":"useLinker.js","sourceRoot":"","sources":["../../src/hooks/useLinker.ts"],"names":[],"mappings":"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","sourcesContent":["import { useDispatch, useSelector } from \"../store\";\r\nimport { useEffect } from \"react\";\r\nimport { LinkerActions } from \"../actions/linkerActions\";\r\nimport { Channel, MAXIMUM_ALLOWED_ACTIVE_CHANNELS } from \"../types/linkerTypes\";\r\n\r\ndeclare const finsembleWindow: any;\r\n\r\n// Encapsulate the linker initialization and Redux dispatch functions inside the hook\r\nexport const useLinker = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst linkerState = useSelector((state) => state.linker);\r\n\r\n\tconst hideWindow = () => {\r\n\t\t// Must blur or you end up having to click twice to show the window.\r\n\t\t// If you just hide, the first time the user clicks\r\n\t\t// on the linker button, the blur will trigger, which will hide the window.\r\n\t\tfinsembleWindow.blur();\r\n\t\tfinsembleWindow.hide();\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tconst setInitialChannels = () => {\r\n\t\t\tconst channels: Channel[] = FSBL.Clients.LinkerClient.getAllChannels();\r\n\t\t\tdispatch(LinkerActions.SET_CHANNELS({ channels }));\r\n\t\t};\r\n\r\n\t\tconst focusWindow = () => {\r\n\t\t\tfinsembleWindow.focus();\r\n\t\t};\r\n\r\n\t\tconst initAccessibleLinkerMode = () => {\r\n\t\t\tconst accessibilityCallback = (err: any, value: any) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\tFSBL.Clients.Logger.system.error(`Failed to get accessibleLinker value: ${err}`);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tLinkerActions.SET_ACCESSIBILITY({\r\n\t\t\t\t\t\tisAccessibleLinker: Boolean(value),\r\n\t\t\t\t\t})\r\n\t\t\t\t);\r\n\t\t\t};\r\n\t\t\tFSBL.Clients.ConfigClient.getValue(\"finsemble.accessibleLinker\", accessibilityCallback);\r\n\t\t};\r\n\r\n\t\t/** If user switches the linker channel for different components, this function would be invoked. It will dispatch another\r\n\t\t *  action to update the linker's state according to the linker setup on the switched component.\r\n\t\t *\r\n\t\t * @param err  error from FSBL\r\n\t\t * @param msg  msg from FSBL\r\n\t\t */\r\n\t\tconst onActiveChannelsChanged = (err: any, msg: any) => {\r\n\t\t\tconst componentLinkerState = FSBL.Clients.LinkerClient.getState(msg.data.windowIdentifier);\r\n\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\"Failed to update the linker state.\");\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tdispatch(\r\n\t\t\t\tLinkerActions.UPDATE_ACTIVE_CHANNELS({\r\n\t\t\t\t\tchannelNames: componentLinkerState.channels,\r\n\t\t\t\t\twindowIdentifier: msg.data.windowIdentifier,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tmsg.sendQueryResponse(null, null);\r\n\t\t};\r\n\r\n\t\tFSBL.Clients.Logger.system.log(\"Linker component is mounted. Initializing.\");\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hideWindow);\r\n\t\tfinsembleWindow.addEventListener(\"shown\", focusWindow);\r\n\t\tsetInitialChannels();\r\n\t\tinitAccessibleLinkerMode();\r\n\t\tFSBL.Clients.RouterClient.addResponder(\"Finsemble.LinkerWindow.SetActiveChannels\", onActiveChannelsChanged);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.Logger.system.log(\"Linker component is unmounted. Cleaning up the event listeners.\");\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hideWindow);\r\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusWindow);\r\n\t\t\tFSBL.Clients.RouterClient.removeResponder(\"Finsemble.LinkerWindow.SetActiveChannels\");\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.WindowClient.fitToDOM();\r\n\t}, [linkerState]);\r\n\r\n\tconst toggleChannel = (channelId: number) => {\r\n\t\tconst channel = linkerState.channels[channelId];\r\n\t\tif (!channel) {\r\n\t\t\tFSBL.Clients.Logger.error(\"Targeted channel to toggle is not found.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst channelName = channel.name;\r\n\t\tconst channelActive = channel.active;\r\n\t\tconst { windowIdentifier } = linkerState;\r\n\r\n\t\tconst updateActivationTo = (isActive: boolean) => (err: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"Error in linkerHook, linkCallback\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tdispatch(\r\n\t\t\t\tLinkerActions.UPDATE_CHANNEL_STATUS({\r\n\t\t\t\t\tchannelId,\r\n\t\t\t\t\tactive: isActive,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst numberOfActiveChannels = Object.values(linkerState.channels).filter((c) => c?.active).length;\r\n\r\n\t\t// We're activating if the channel is currently inactive\r\n\t\tconst activating = !channelActive;\r\n\t\tconst deactivating = channelActive;\r\n\t\tconst allowedToActivateAnotherChannel = numberOfActiveChannels < MAXIMUM_ALLOWED_ACTIVE_CHANNELS;\r\n\t\t// if we're toggling a channel to be inactive OR\r\n\t\t// we're trying to toggle one to be active AND we have not hit our maximum,\r\n\t\t// let the call go through. Otherwise log an error.\r\n\t\tif (deactivating) {\r\n\t\t\tFSBL.Clients.LinkerClient.unlinkFromChannel(channelName, windowIdentifier, updateActivationTo(false));\r\n\t\t} else if (activating && allowedToActivateAnotherChannel) {\r\n\t\t\tFSBL.Clients.LinkerClient.linkToChannel(channelName, windowIdentifier, updateActivationTo(true));\r\n\t\t} else {\r\n\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t`Attempted to toggle more than ${MAXIMUM_ALLOWED_ACTIVE_CHANNELS} channels. This could result in an unacceptable UX. Please contact finsemble support if you would like to render more than ${MAXIMUM_ALLOWED_ACTIVE_CHANNELS} linker channels in the window title bar.`\r\n\t\t\t);\r\n\t\t}\r\n\t\thideWindow();\r\n\t};\r\n\r\n\treturn { state: linkerState, toggleChannel };\r\n};\r\n"]}

package/react/hooks/useMenu.js

@@ -18,7 +18,7 @@ export const useMenu = () => {
         dispatch(MenuActions.CLOSE_MENU(thisMenuId));
     }, [dispatch, thisMenuId]);
     const blurMenu = useCallback(() => {
-        if (FSBL?.debug)
+        if (FSBL === null || FSBL === void 0 ? void 0 : FSBL.debug)
             return;
         const closeIfPending = () => {
             dispatch(MenuActions.CLOSE_MENU_IF_PENDING(thisMenuId));

package/react/hooks/useMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenu.js","sourceRoot":"","sources":["../../src/hooks/useMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAwC7D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAa,EAAE;IACrC,MAAM,QAAQ,GAAW,GAAG,CAAC;IAC7B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAEjC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;QAC/C,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,IAAI,EAAE,KAAK;YAAE,OAAO;QAGxB,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,QAAQ,CAAC,WAAW,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAG5C,UAAU,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,GAAY,EAAE,CAAC,UAAU,KAAK,UAAU,CAAC;IAE9D,OAAO;QACN,UAAU;QACV,UAAU;QACV,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,YAAY;KACZ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useDispatch, useSelector } from \"../store\";\r\nimport { MenuActions } from \"../actions/menuActions\";\r\nimport { useCallback, useContext } from \"react\";\r\nimport { MenuContext } from \"../components/menu/menuContext\"; // TODO move this to a place that makes sense\r\n\r\ntype MenuHook = {\r\n\t/**\r\n\t * The Id of the menu that is currently open\r\n\t *\r\n\t * @type {string | null}\r\n\t */\r\n\topenMenuId: string | null;\r\n\t/**\r\n\t * Dispatches a TOGGLE_MENU action, which should cause the menu to close if it is open, or to open if it is closed.\r\n\t */\r\n\ttoggleMenu: () => void;\r\n\t/**\r\n\t * Dispatches a CLOSE_MENU action, which should cause the menu to close if it is open.\r\n\t */\r\n\tcloseMenu: () => void;\r\n\t/**\r\n\t * Dispatches a CLOSE_MENU action after a timeout (DURATION in ms). See description in useMenu comments.\r\n\t */\r\n\tblurMenu: () => void;\r\n\t/**\r\n\t * Dispatches a OPEN_MENU action, which should cause the menu to open if it is closed.\r\n\t */\r\n\topenMenu: () => void;\r\n\t/**\r\n\t * Returns true if the id of the menu matches the currently active menu\r\n\t * @return boolean - Returns true if the menu is active\r\n\t */\r\n\tisMenuActive: () => boolean;\r\n};\r\n\r\n/**\r\n * A hook for working with menus. It gets its implicit menu \"id\" from React context.\r\n * It dispatches actions to the reducer to modify menu state across MenuShell instances.\r\n *\r\n * See menuReducer.ts for \"toggle/blur\" race condition algorithm\r\n *\r\n * Setting window.FSBL.debug=true will override menu close on blur, to make it easier to debug windows\r\n */\r\nexport const useMenu = (): MenuHook => {\r\n\tconst DURATION: number = 120;\r\n\tconst dispatch = useDispatch();\r\n\tconst { openMenuId } = useSelector((state) => state.menu);\r\n\tconst { thisMenuId } = useContext(MenuContext);\r\n\r\n\tconst toggleMenu = useCallback(() => {\r\n\t\tdispatch(MenuActions.TOGGLE_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst openMenu = useCallback(() => {\r\n\t\t// without this call, the toolbar will stay hidden behind other content, and the menus will not be visible\r\n\t\tFSBL.Clients.WindowClient.bringWindowToFront();\r\n\t\tdispatch(MenuActions.OPEN_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst closeMenu = useCallback(() => {\r\n\t\tdispatch(MenuActions.CLOSE_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst blurMenu = useCallback(() => {\r\n\t\tif (FSBL?.debug) return; // If we're debugging then don't blur menus\r\n\r\n\t\t// This is a purposeful closure. There is no need to update it with new state.\r\n\t\tconst closeIfPending = () => {\r\n\t\t\tdispatch(MenuActions.CLOSE_MENU_IF_PENDING(thisMenuId));\r\n\t\t};\r\n\r\n\t\tdispatch(MenuActions.BLUR_MENU(thisMenuId));\r\n\r\n\t\t// See menuReducer.ts for how this timeout is used. Removing the timeout will cause a race condition.\r\n\t\tsetTimeout(closeIfPending, DURATION);\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst isMenuActive = (): boolean => openMenuId === thisMenuId;\r\n\r\n\treturn {\r\n\t\topenMenuId,\r\n\t\ttoggleMenu,\r\n\t\tcloseMenu,\r\n\t\topenMenu,\r\n\t\tblurMenu,\r\n\t\tisMenuActive,\r\n\t};\r\n};\r\n"]}
+{"version":3,"file":"useMenu.js","sourceRoot":"","sources":["../../src/hooks/useMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAwC7D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAa,EAAE;IACrC,MAAM,QAAQ,GAAW,GAAG,CAAC;IAC7B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAEjC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;QAC/C,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;YAAE,OAAO;QAGxB,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,QAAQ,CAAC,WAAW,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAG5C,UAAU,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,GAAY,EAAE,CAAC,UAAU,KAAK,UAAU,CAAC;IAE9D,OAAO;QACN,UAAU;QACV,UAAU;QACV,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,YAAY;KACZ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { useDispatch, useSelector } from \"../store\";\r\nimport { MenuActions } from \"../actions/menuActions\";\r\nimport { useCallback, useContext } from \"react\";\r\nimport { MenuContext } from \"../components/menu/menuContext\"; // TODO move this to a place that makes sense\r\n\r\ntype MenuHook = {\r\n\t/**\r\n\t * The Id of the menu that is currently open\r\n\t *\r\n\t * @type {string | null}\r\n\t */\r\n\topenMenuId: string | null;\r\n\t/**\r\n\t * Dispatches a TOGGLE_MENU action, which should cause the menu to close if it is open, or to open if it is closed.\r\n\t */\r\n\ttoggleMenu: () => void;\r\n\t/**\r\n\t * Dispatches a CLOSE_MENU action, which should cause the menu to close if it is open.\r\n\t */\r\n\tcloseMenu: () => void;\r\n\t/**\r\n\t * Dispatches a CLOSE_MENU action after a timeout (DURATION in ms). See description in useMenu comments.\r\n\t */\r\n\tblurMenu: () => void;\r\n\t/**\r\n\t * Dispatches a OPEN_MENU action, which should cause the menu to open if it is closed.\r\n\t */\r\n\topenMenu: () => void;\r\n\t/**\r\n\t * Returns true if the id of the menu matches the currently active menu\r\n\t * @return boolean - Returns true if the menu is active\r\n\t */\r\n\tisMenuActive: () => boolean;\r\n};\r\n\r\n/**\r\n * A hook for working with menus. It gets its implicit menu \"id\" from React context.\r\n * It dispatches actions to the reducer to modify menu state across MenuShell instances.\r\n *\r\n * See menuReducer.ts for \"toggle/blur\" race condition algorithm\r\n *\r\n * Setting window.FSBL.debug=true will override menu close on blur, to make it easier to debug windows\r\n */\r\nexport const useMenu = (): MenuHook => {\r\n\tconst DURATION: number = 120;\r\n\tconst dispatch = useDispatch();\r\n\tconst { openMenuId } = useSelector((state) => state.menu);\r\n\tconst { thisMenuId } = useContext(MenuContext);\r\n\r\n\tconst toggleMenu = useCallback(() => {\r\n\t\tdispatch(MenuActions.TOGGLE_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst openMenu = useCallback(() => {\r\n\t\t// without this call, the toolbar will stay hidden behind other content, and the menus will not be visible\r\n\t\tFSBL.Clients.WindowClient.bringWindowToFront();\r\n\t\tdispatch(MenuActions.OPEN_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst closeMenu = useCallback(() => {\r\n\t\tdispatch(MenuActions.CLOSE_MENU(thisMenuId));\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst blurMenu = useCallback(() => {\r\n\t\tif (FSBL?.debug) return; // If we're debugging then don't blur menus\r\n\r\n\t\t// This is a purposeful closure. There is no need to update it with new state.\r\n\t\tconst closeIfPending = () => {\r\n\t\t\tdispatch(MenuActions.CLOSE_MENU_IF_PENDING(thisMenuId));\r\n\t\t};\r\n\r\n\t\tdispatch(MenuActions.BLUR_MENU(thisMenuId));\r\n\r\n\t\t// See menuReducer.ts for how this timeout is used. Removing the timeout will cause a race condition.\r\n\t\tsetTimeout(closeIfPending, DURATION);\r\n\t}, [dispatch, thisMenuId]);\r\n\r\n\tconst isMenuActive = (): boolean => openMenuId === thisMenuId;\r\n\r\n\treturn {\r\n\t\topenMenuId,\r\n\t\ttoggleMenu,\r\n\t\tcloseMenu,\r\n\t\topenMenu,\r\n\t\tblurMenu,\r\n\t\tisMenuActive,\r\n\t};\r\n};\r\n"]}

package/react/hooks/useNotifications.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="finsemble-core" />
-import { INotification } from "common/notifications/definitions/INotification";
-import IFilter from "common/notifications/definitions/IFilter";
-import IMuteFilter from "common/notifications/definitions/IMuteFilter";
 import { NotificationsConfig } from "../components/notifications/types";
-import { INotificationHistoryOptions } from "@finsemble/finsemble-core/src/common/notifications/definitions/INotificationHistoryOptions";
+import { NotificationServiceState } from "../components/notifications/constants";
+import { services } from "@finsemble/finsemble-core";
+declare type IFilter = services.notification.types.IFilter;
+declare type IMuteFilter = services.notification.types.IMuteFilter;
+declare type INotification = services.notification.types.INotification;
+declare type INotificationHistoryOptions = services.notification.types.INotificationHistoryOptions;
+declare type NotificationUIStatePublish = (state: NotificationServiceState) => void;
+export declare const useNotificationUI: () => [state: NotificationServiceState, setState: NotificationUIStatePublish];
 export declare const moveToToolbarMonitor: () => Promise<void>;
 export declare const getOS: () => "Windows" | "Linux" | "Mac" | undefined;
 export declare const doAction: (notification: INotification, action: any) => void;
@@ -19,7 +22,7 @@ export declare const initializeCenterToggle: () => {
 export declare const getNotificationConfig: () => NotificationsConfig;
 export declare const getFetchHistoryParams: (config: any, params: any) => any[];
 export default function useNotifications(params?: any): {
-    activeNotifications: (notifications: INotification[], applyMuteFilterOverride?: boolean | undefined) => INotification[];
+    activeNotifications: (notifications: INotification[], applyMuteFilterOverride?: boolean | undefined) => services.notification.types.INotification[];
     addNotification: (notification: INotification) => void;
     notificationIsActive: (notification: INotification, applyMuteFilterOverride?: boolean | undefined) => boolean;
     getNotificationHistory: (since?: INotificationHistoryOptions, filter?: null | IFilter) => Promise<INotification[]>;
@@ -30,3 +33,4 @@ export default function useNotifications(params?: any): {
     removeNotification: (notification: INotification) => void;
     setOpaqueClassName: (isOpaque: boolean) => void;
 };
+export {};

package/react/hooks/useNotifications.js

@@ -12,12 +12,13 @@ function reducer(state, action) {
             return {
                 notifications: [...state.notifications, ...action.payload],
             };
-        case UPDATE:
+        case UPDATE: {
             const notificationExistsInArray = state.notifications.find((notification) => notification.id === action.payload.id);
             const notifications = notificationExistsInArray
                 ? state.notifications.map((notification) => notification.id === action.payload.id ? action.payload : notification)
                 : [action.payload, ...state.notifications];
             return { notifications };
+        }
         case REMOVE:
             return {
                 notifications: state.notifications.filter((notification) => notification.id !== action.payload.id),
@@ -26,43 +27,48 @@ function reducer(state, action) {
             throw new Error();
     }
 }
-const getActiveDescriptorsByType = (componentType) => {
-    return new Promise(async (resolve, reject) => {
-        FSBL.Clients.LauncherClient.getActiveDescriptors((err, data) => {
-            const activeDescriptors = [];
-            if (err) {
-                reject(err);
-            }
-            else {
-                for (const key in data) {
-                    if (data.hasOwnProperty(key) && data[key]?.componentType === componentType) {
-                        activeDescriptors.push(data[key]);
-                    }
+export const useNotificationUI = () => {
+    const [state, setState] = usePubSub(NOTIFICATIONS_PUBSUB_TOPIC);
+    const setStateAndAddWindowName = (newState) => {
+        setState(Object.assign(Object.assign({}, newState), { mostRecentWindowName: finsembleWindow.name }));
+    };
+    return [state, setStateAndAddWindowName];
+};
+const getActiveDescriptorsByType = (componentType) => new Promise(async (resolve, reject) => {
+    FSBL.Clients.LauncherClient.getActiveDescriptors((err, data) => {
+        var _a;
+        const activeDescriptors = [];
+        if (err) {
+            reject(err);
+        }
+        else {
+            for (const key in data) {
+                if (data.hasOwnProperty(key) && ((_a = data[key]) === null || _a === void 0 ? void 0 : _a.componentType) === componentType) {
+                    activeDescriptors.push(data[key]);
                 }
             }
-            resolve(activeDescriptors);
-        });
+        }
+        resolve(activeDescriptors);
     });
-};
+});
 let toolbarWindowName;
 export const moveToToolbarMonitor = async () => {
-    const getToolbarMonitorData = async () => {
-        return new Promise(async (resolve, reject) => {
-            if (!toolbarWindowName) {
-                const activeDescriptors = await getActiveDescriptorsByType("Toolbar");
-                toolbarWindowName = activeDescriptors[0]?.name;
-            }
-            const { err, data } = (await FSBL.Clients.LauncherClient.getMonitorInfo({
-                windowIdentifier: { windowName: toolbarWindowName },
-            }));
-            if (err) {
-                FSBL.Clients.Logger.error("Could not get Monitor info", err);
-                reject(err);
-                return;
-            }
-            resolve(data);
-        });
-    };
+    const getToolbarMonitorData = async () => new Promise(async (resolve, reject) => {
+        var _a;
+        if (!toolbarWindowName) {
+            const activeDescriptors = await getActiveDescriptorsByType("Toolbar");
+            toolbarWindowName = (_a = activeDescriptors[0]) === null || _a === void 0 ? void 0 : _a.name;
+        }
+        const { err, data } = (await FSBL.Clients.LauncherClient.getMonitorInfo({
+            windowIdentifier: { windowName: toolbarWindowName },
+        }));
+        if (err) {
+            FSBL.Clients.Logger.error("Could not get Monitor info", err);
+            reject(err);
+            return;
+        }
+        resolve(data);
+    });
     const data = (await getToolbarMonitorData());
     const bounds = (await finsembleWindow.getBounds({}));
     const width = bounds.data.right - bounds.data.left;
@@ -161,31 +167,30 @@ export const dismissNotification = (notifications) => {
     }
 };
 export const initializeCenterToggle = () => {
-    const [notificationSubscribeMessage, notificationsPublish] = usePubSub(NOTIFICATIONS_PUBSUB_TOPIC);
+    const [uiState, setUIState] = useNotificationUI();
     const toggleCenter = () => {
-        const { showCenter } = notificationSubscribeMessage;
-        const publishValue = { ...notificationSubscribeMessage };
-        publishValue.showCenter = !showCenter;
-        notificationsPublish(publishValue);
+        setUIState(Object.assign(Object.assign({}, uiState), { showCenter: !uiState.showCenter }));
     };
     return {
         toggleCenter,
     };
 };
 export const getNotificationConfig = () => {
+    var _a, _b, _c, _d;
     const config = WindowClient.options.customData;
-    return Object.assign(config?.window?.data?.notifications || {}, {
-        isTransparent: config?.window?.options?.transparent || false,
+    return Object.assign(((_b = (_a = config === null || config === void 0 ? void 0 : config.window) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.notifications) || {}, {
+        isTransparent: ((_d = (_c = config === null || config === void 0 ? void 0 : config.window) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.transparent) || false,
     });
 };
 export const getFetchHistoryParams = (config, params) => {
-    const notificationsHistory = config?.notificationsHistory || params?.config?.notificationsHistory;
+    var _a, _b;
+    const notificationsHistory = (config === null || config === void 0 ? void 0 : config.notificationsHistory) || ((_a = params === null || params === void 0 ? void 0 : params.config) === null || _a === void 0 ? void 0 : _a.notificationsHistory);
     let options = notificationsHistory.since ? notificationsHistory.since : null;
     if (!options) {
-        options = notificationsHistory?.options;
+        options = notificationsHistory === null || notificationsHistory === void 0 ? void 0 : notificationsHistory.options;
     }
     if (!options && typeof notificationsHistory === "boolean" && notificationsHistory) {
-        options = params?.config?.notificationsHistory.options;
+        options = (_b = params === null || params === void 0 ? void 0 : params.config) === null || _b === void 0 ? void 0 : _b.notificationsHistory.options;
     }
     const filter = notificationsHistory.filter ? notificationsHistory.filter : null;
     return [options, filter];
@@ -215,7 +220,7 @@ export default function useNotifications(params = {}) {
         let applyMuteFilters = applyMuteFilterOverride;
         if (typeof applyMuteFilterOverride === "undefined") {
             const config = getNotificationConfig();
-            applyMuteFilters = config?.applyMuteFilters ? config.applyMuteFilters : false;
+            applyMuteFilters = (config === null || config === void 0 ? void 0 : config.applyMuteFilters) ? config.applyMuteFilters : false;
         }
         return (!notification.isSnoozed &&
             !notification.isRead &&
@@ -224,6 +229,7 @@ export default function useNotifications(params = {}) {
     };
     const activeNotifications = (notifications, applyMuteFilterOverride) => notifications.filter((notification) => notificationIsActive(notification, applyMuteFilterOverride));
     async function init() {
+        var _a;
         try {
             const subscription = new NotificationClient.Subscription();
             const notificationConfig = getNotificationConfig();
@@ -237,10 +243,10 @@ export default function useNotifications(params = {}) {
                     filter.exclude.push(...notificationConfig.filter.exclude);
             }
             subscription.filter = filter;
-            const notificationsHistory = notificationConfig?.notificationsHistory || params?.config?.notificationsHistory;
+            const notificationsHistory = (notificationConfig === null || notificationConfig === void 0 ? void 0 : notificationConfig.notificationsHistory) || ((_a = params === null || params === void 0 ? void 0 : params.config) === null || _a === void 0 ? void 0 : _a.notificationsHistory);
             if (notificationsHistory) {
-                const [options, filter] = getFetchHistoryParams(notificationConfig, params);
-                const pastNotifications = await getNotificationHistory(options, filter);
+                const [options, historyFilter] = getFetchHistoryParams(notificationConfig, params);
+                const pastNotifications = await getNotificationHistory(options, historyFilter);
                 addMultipleNotifications(pastNotifications);
             }
             const onNotification = function (notification) {