@genesislcap/foundation-ui 14.306.1 → 14.306.2-alpha-7a2d723.0

package/dist/custom-elements.json

@@ -892,37 +892,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/_common/base-file-component.ts",
@@ -1286,6 +1255,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -2239,188 +2239,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -4531,6 +4349,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/avatar/avatar.styles.ts",
@@ -28515,6 +28515,22 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "sessionExpiredSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "subscribeTimeout",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "datasource",
@@ -28523,6 +28539,22 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "subscribeToStream"
+            },
+            {
+              "kind": "method",
+              "name": "cleanUpResources"
+            },
             {
               "kind": "method",
               "name": "handleStreamUpdate",

package/dist/dts/notification-listener/notification-listener.d.ts

@@ -24,8 +24,13 @@ export declare class NotificationListener extends FoundationElement {
      */
     toastButtons: ToastButton[];
     protected dataSub: Subscription;
+    private sessionExpiredSub;
+    private subscribeTimeout?;
     private datasource;
+    private connect;
     connectedCallback(): Promise<void>;
+    subscribeToStream(): Promise<void>;
+    cleanUpResources(): void;
     disconnectedCallback(): void;
     private handleStreamUpdate;
     protected showNotificationToast(row: NotificationDataRow): void;

package/dist/dts/notification-listener/notification-listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-listener.d.ts","sourceRoot":"","sources":["../../../src/notification-listener/notification-listener.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,mBAAmB,EACnB,WAAW,EAEZ,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIpC,eAAO,MAAM,2CAA2C,EAAE,cAGzD,CAAC;AAEF;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IAC7C,oBAAoB,EAAG,WAAW,CAAC;IAE/C;;;;OAIG;IACmC,YAAY,MAAC;IACnD;;;OAGG;IACuE,YAAY,SAAK;IAC3F;;;OAGG;IACS,YAAY,EAAE,WAAW,EAAE,CAAM;IAE7C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,UAAU,CAAa;IACrC,iBAAiB;IA8BvB,oBAAoB;IAWpB,OAAO,CAAC,kBAAkB;IAU1B,SAAS,CAAC,qBAAqB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI;CA2BhE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}
+{"version":3,"file":"notification-listener.d.ts","sourceRoot":"","sources":["../../../src/notification-listener/notification-listener.ts"],"names":[],"mappings":"AAQA,OAAO,EAIL,mBAAmB,EACnB,WAAW,EAEZ,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIpC,eAAO,MAAM,2CAA2C,EAAE,cAGzD,CAAC;AAEF;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IAC7C,oBAAoB,EAAG,WAAW,CAAC;IAE/C;;;;OAIG;IACmC,YAAY,MAAC;IACnD;;;OAGG;IACuE,YAAY,SAAK;IAC3F;;;OAGG;IACS,YAAY,EAAE,WAAW,EAAE,CAAM;IAE7C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC;IAChC,OAAO,CAAC,iBAAiB,CAAe;IACxC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IACtB,OAAO,CAAC,UAAU,CAAa;IAClC,OAAO,CAAC,OAAO,CAAU;IAC5B,iBAAiB;IA2BjB,iBAAiB;IA0BvB,gBAAgB;IAWhB,oBAAoB;IAgBpB,OAAO,CAAC,kBAAkB;IAU1B,SAAS,CAAC,qBAAqB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI;CA2BhE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}

package/dist/esm/notification-listener/notification-listener.js

@@ -1,5 +1,5 @@
 import { __awaiter, __decorate } from "tslib";
-import { Datasource, dataServerResultFilter, } from '@genesislcap/foundation-comms';
+import { Datasource, dataServerResultFilter, Connect, } from '@genesislcap/foundation-comms';
 import { showNotificationToast } from '@genesislcap/foundation-notifications';
 import { NotificationEvent, showNotification, } from '@genesislcap/foundation-notifications';
 import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
@@ -39,31 +39,69 @@ export class NotificationListener extends FoundationElement {
                 showNotification(e.detail, this.tagName, this.notificationListener);
             });
             if (this.resourceName) {
-                const initOK = yield this.datasource.init({
-                    resourceName: this.resourceName,
-                }, true);
-                if (!initOK) {
-                    logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
-                    return;
+                // Delay the subscription to the stream by 5 seconds
+                const SUBSCRIPTION_DELAY_MS = 5000;
+                this.subscribeTimeout = window.setTimeout(() => {
+                    this.subscribeToStream();
+                }, SUBSCRIPTION_DELAY_MS);
+            }
+            // Subscribe to session expiration events
+            this.sessionExpiredSub = (_a = this.connect.sessionExpired$) === null || _a === void 0 ? void 0 : _a.subscribe((expired) => {
+                if (expired) {
+                    logger.debug('Session expired detected, cleaning up resources and resubscribing');
+                    this.cleanUpResources();
+                    this.subscribeToStream();
                 }
-                this.dataSub = (_a = this.datasource.stream) === null || _a === void 0 ? void 0 : _a.subscribe((result) => {
-                    if (result.ROW && result.SEQUENCE_ID > 1) {
-                        this.handleStreamUpdate(dataServerResultFilter(result));
-                    }
-                });
+            });
+        });
+    }
+    subscribeToStream() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const initOK = yield this.datasource.init({
+                resourceName: this.resourceName,
+            }, true);
+            if (!initOK) {
+                logger.debug(`Genesis Datasource init failed for ${this.resourceName}`);
+                return;
             }
+            this.dataSub = (_a = this.datasource.stream) === null || _a === void 0 ? void 0 : _a.subscribe((result) => {
+                // if (result.MESSAGE_TYPE === 'LOGOFF_ACK' && result.LOGGED_OUT === true) {
+                //   this.cleanUpResources();
+                //   this.subscribeToStream();
+                //   return;
+                // }
+                if (result.ROW && result.SEQUENCE_ID > 1) {
+                    this.handleStreamUpdate(dataServerResultFilter(result));
+                }
+            });
         });
     }
-    disconnectedCallback() {
+    cleanUpResources() {
         var _a, _b;
+        if (this.dataSub) {
+            (_a = this.dataSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            delete this.dataSub;
+        }
+        if (this.datasource) {
+            (_b = this.datasource) === null || _b === void 0 ? void 0 : _b.destroy();
+            delete this.datasource;
+        }
+    }
+    disconnectedCallback() {
         super.disconnectedCallback();
         /**
          * Attempt to clean up after ourselves.
          */
-        (_a = this.dataSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        delete this.dataSub;
-        (_b = this.datasource) === null || _b === void 0 ? void 0 : _b.destroy();
-        delete this.datasource;
+        if (this.subscribeTimeout !== undefined) {
+            window.clearTimeout(this.subscribeTimeout);
+            delete this.subscribeTimeout;
+        }
+        if (this.sessionExpiredSub) {
+            this.sessionExpiredSub.unsubscribe();
+            delete this.sessionExpiredSub;
+        }
+        this.cleanUpResources();
     }
     handleStreamUpdate(dataServerResult) {
         const rows = dataServerResult.inserts;
@@ -111,6 +149,9 @@ __decorate([
 __decorate([
     Datasource
 ], NotificationListener.prototype, "datasource", void 0);
+__decorate([
+    Connect
+], NotificationListener.prototype, "connect", void 0);
 /**
  * The Foundation Notification Listener
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.306.1",
+  "version": "14.306.2-alpha-7a2d723.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.306.1",
-    "@genesislcap/genx": "14.306.1",
-    "@genesislcap/rollup-builder": "14.306.1",
-    "@genesislcap/ts-builder": "14.306.1",
-    "@genesislcap/uvu-playwright-builder": "14.306.1",
-    "@genesislcap/vite-builder": "14.306.1",
-    "@genesislcap/webpack-builder": "14.306.1",
+    "@genesislcap/foundation-testing": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/genx": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/rollup-builder": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/ts-builder": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/uvu-playwright-builder": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/vite-builder": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/webpack-builder": "14.306.2-alpha-7a2d723.0",
     "copyfiles": "^2.4.1",
     "rxjs": "^7.5.4"
   },
@@ -99,15 +99,15 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.306.1",
-    "@genesislcap/foundation-comms": "14.306.1",
-    "@genesislcap/foundation-criteria": "14.306.1",
-    "@genesislcap/foundation-errors": "14.306.1",
-    "@genesislcap/foundation-events": "14.306.1",
-    "@genesislcap/foundation-logger": "14.306.1",
-    "@genesislcap/foundation-notifications": "14.306.1",
-    "@genesislcap/foundation-user": "14.306.1",
-    "@genesislcap/foundation-utils": "14.306.1",
+    "@genesislcap/expression-builder": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-comms": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-criteria": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-errors": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-events": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-logger": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-notifications": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-user": "14.306.2-alpha-7a2d723.0",
+    "@genesislcap/foundation-utils": "14.306.2-alpha-7a2d723.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "796b1d47ed23c0c4036b8b5af79268f4b0355ce3"
+  "gitHead": "61fbdc9a3b045a1dbd46decec5925e7d09dcd525"
 }