@genesislcap/pbc-notify-ui 15.0.0-FUI-2567.2 → 15.1.0

package/dist/esm/components/foundation-inbox/inbox.template.js

@@ -1,4 +1,4 @@
-import { html, ref, repeat, sync, when } from '@genesislcap/web-core';
+import { html, ref, repeat, sync, when, whenElse } from '@genesislcap/web-core';
 import { eventDetail } from '../../utils';
 import { NotifyPermission } from '../../utils/notifyPermissions';
 import { AlertStatus, InboxTab } from './inbox.types';
@@ -11,7 +11,9 @@ const alertsTab = (tab) => html `
     style=${(x) => (x.selectedTab === tab ? '' : 'display: none;')}
   >
     <div class="search">
-      <div style="display: flex; flex-direction: column;">
+      <div
+        style=${(x) => x.hideSeverityFilter ? 'display: none;' : 'display: flex; flex-direction: column;'}
+      >
         <label part="label" for="control" class="search-label">
           <slot>Severity</slot>
         </label>
@@ -63,7 +65,9 @@ const alertsTab = (tab) => html `
         </div>
       </div>
 
-      <div style="display: flex; flex-direction: column;">
+      <div
+        style=${(x) => x.hideDateRange ? 'display: none;' : 'display: flex; flex-direction: column;'}
+      >
         <label part="label" for="control" class="search-label">
           <slot>Date Range</slot>
         </label>
@@ -92,6 +96,7 @@ const alertsTab = (tab) => html `
 
       <rapid-text-field
         class="search-input"
+        style=${(x) => (x.hideTitleSearch ? 'display: none;' : '')}
         :value=${(x) => x.titleSearchValue}
         @input=${(x, c) => {
     x.titleSearchValue = c.event.target.value;
@@ -103,6 +108,7 @@ const alertsTab = (tab) => html `
 
       <rapid-text-field
         class="search-input"
+        style=${(x) => (x.hideBodySearch ? 'display: none;' : '')}
         :value=${(x) => x.bodySearchValue}
         @input=${(x, c) => {
     x.bodySearchValue = c.event.target.value;
@@ -118,8 +124,8 @@ const alertsTab = (tab) => html `
             <slot>Sort By</slot>
           </label>
           <rapid-segmented-control :value=${sync((x) => x.sortDirection)}>
-            <rapid-segmented-item checked value="Asc">Asc</rapid-segmented-item>
-            <rapid-segmented-item value="Desc">Desc</rapid-segmented-item>
+            <rapid-segmented-item value="Asc">Asc</rapid-segmented-item>
+            <rapid-segmented-item checked value="Desc">Desc</rapid-segmented-item>
           </rapid-segmented-control>
         </div>
         ${when(() => tab === InboxTab.ALERTS_NEW, html `
@@ -137,24 +143,42 @@ const alertsTab = (tab) => html `
 
     <div class="alert-log-tab-content" part="alert-log">
       ${repeat((x) => x.alertsFilter, html `
-          <div class="toast" id=${(x) => x.ALERT_ID}>
-            <div
-              class="toast-severity"
-              style="background-color: ${(x) => getSeverityColor(x.NOTIFY_SEVERITY)}"
-            ></div>
+          <div
+            class="alert-row"
+            style=${(x, c) => (c.parent.onAlertClick ? 'cursor: pointer;' : '')}
+            @click=${(x, c) => { var _a, _b; return (_b = (_a = c.parent).onAlertClick) === null || _b === void 0 ? void 0 : _b.call(_a, x); }}
+          >
+            ${whenElse((x, c) => !!c.parent.renderAlert, html `
+                ${(x, c) => c.parent.renderAlert}
+              `, html `
+                <div class="toast" id=${(x) => x.ALERT_ID}>
+                  <div
+                    class="toast-severity"
+                    style="background-color: ${(x) => getSeverityColor(x.NOTIFY_SEVERITY)}"
+                  ></div>
 
-            <div class="toast-content">
-              ${when((x) => x.ALERT_STATUS === AlertStatus.NEW, html `
-                  <div class="close-icon" @click=${(x, c) => c.parent.dismissAlert(x.ALERT_ID)}>
-                    <rapid-icon name="times"></rapid-icon>
+                  <div class="toast-content">
+                    ${when((x) => x.ALERT_STATUS === AlertStatus.NEW, html `
+                        <div
+                          class="close-icon"
+                          @click=${(x, c) => {
+    c.event.stopPropagation();
+    c.parent.dismissAlert(x.ALERT_ID);
+}}
+                        >
+                          <rapid-icon name="times"></rapid-icon>
+                        </div>
+                      `)}
+                    <span class="toast-header">${(x) => x.HEADER}</span>
+                    <span class="toast-message">${(x) => x.MESSAGE}</span>
+                    <div class="toast-bottom" slot="bottom">
+                      <span class="toast-date" slot="date">
+                        ${(x) => getFormattedDate(x.CREATED_AT)}
+                      </span>
+                    </div>
                   </div>
-                `)}
-              <span class="toast-header">${(x) => x.HEADER}</span>
-              <span class="toast-message">${(x) => x.MESSAGE}</span>
-              <div class="toast-bottom" slot="bottom">
-                <span class="toast-date" slot="date">${(x) => getFormattedDate(x.CREATED_AT)}</span>
-              </div>
-            </div>
+                </div>
+              `)}
           </div>
         `)}
       ${when((x) => x.alertsFilter.length === 0 && !x.showLoadingIndicator, html `

package/dist/esm/index.js

@@ -2,3 +2,4 @@ export * from './components/foundation-inbox/inbox';
 export * from './components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout';
 export * from './components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
 export * from './components/foundation-notification-dashboard';
+export { AlertStatus } from './components/foundation-inbox/inbox.types';

package/dist/pbc-notify-ui.api.json

@@ -178,6 +178,354 @@
       "name": "",
       "preserveMemberOrder": false,
       "members": [
+        {
+          "kind": "Interface",
+          "canonicalReference": "@genesislcap/pbc-notify-ui!Alert:interface",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface Alert "
+            }
+          ],
+          "fileUrlPath": "src/components/foundation-inbox/inbox.types.ts",
+          "releaseTag": "Public",
+          "name": "Alert",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#ALERT_ID:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "ALERT_ID: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "ALERT_ID",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#ALERT_STATUS:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "ALERT_STATUS: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "AlertStatus",
+                  "canonicalReference": "@genesislcap/pbc-notify-ui!AlertStatus:enum"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "ALERT_STATUS",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#CREATED_AT:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "CREATED_AT: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "CREATED_AT",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#EXPIRY:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "EXPIRY: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "EXPIRY",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#HEADER:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "HEADER: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "HEADER",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#MESSAGE:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "MESSAGE: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "MESSAGE",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#NOTIFY_SEVERITY:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "NOTIFY_SEVERITY: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "NOTIFY_SEVERITY",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#TABLE_ENTITY_ID:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "TABLE_ENTITY_ID: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "TABLE_ENTITY_ID",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#TOPIC:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "TOPIC: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "TOPIC",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!Alert#USER_NAME:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "USER_NAME: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "USER_NAME",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            }
+          ],
+          "extendsTokenRanges": []
+        },
+        {
+          "kind": "Enum",
+          "canonicalReference": "@genesislcap/pbc-notify-ui!AlertStatus:enum",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare enum AlertStatus "
+            }
+          ],
+          "fileUrlPath": "src/components/foundation-inbox/inbox.types.ts",
+          "releaseTag": "Public",
+          "name": "AlertStatus",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "EnumMember",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!AlertStatus.DISMISSED:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "DISMISSED = "
+                },
+                {
+                  "kind": "Content",
+                  "text": "\"DISMISSED\""
+                }
+              ],
+              "initializerTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "name": "DISMISSED"
+            },
+            {
+              "kind": "EnumMember",
+              "canonicalReference": "@genesislcap/pbc-notify-ui!AlertStatus.NEW:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "NEW = "
+                },
+                {
+                  "kind": "Content",
+                  "text": "\"NEW\""
+                }
+              ],
+              "initializerTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "name": "NEW"
+            }
+          ]
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@genesislcap/pbc-notify-ui!ConditionBuilderEntity:type",

package/dist/pbc-notify-ui.d.ts

@@ -7,8 +7,9 @@ import { InterfaceSymbol } from '@microsoft/fast-foundation';
 import { Message } from '@genesislcap/foundation-comms';
 import { SocketObservable } from '@genesislcap/foundation-comms';
 import type { Tabs } from '@genesislcap/foundation-ui';
+import { ViewTemplate } from '@genesislcap/web-core';
 
-declare interface Alert {
+export declare interface Alert {
     ALERT_ID: string;
     ALERT_STATUS: AlertStatus;
     CREATED_AT: number;
@@ -29,7 +30,7 @@ declare interface AlertService {
 
 declare const AlertService: InterfaceSymbol<AlertService>;
 
-declare enum AlertStatus {
+export declare enum AlertStatus {
     NEW = "NEW",
     DISMISSED = "DISMISSED"
 }
@@ -62,6 +63,41 @@ declare class FoundationInboxBase extends GenesisElement {
     private alerts;
     alertsFilter: Alert[];
     moreAlerts: boolean;
+    /**
+     * Optional per-row template for the Alerts / Alert History lists. When set, it replaces the
+     * default alert row (the `.toast` element) and is rendered with the alert as its source (`x`)
+     * and the inbox host as `c.parent`, mirroring the internal `html<Alert, FoundationInbox>` row.
+     * When unset, the built-in row is used, so existing consumers are unaffected.
+     *
+     * @public
+     */
+    renderAlert: ViewTemplate<Alert, FoundationInbox> | undefined;
+    /**
+     * Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`
+     * attribute or property. @public
+     */
+    hideSeverityFilter: boolean;
+    /**
+     * Hide the Date Range filter block in the search bar. Set via the `hide-date-range`
+     * attribute or property. @public
+     */
+    hideDateRange: boolean;
+    /**
+     * Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`
+     * attribute or property. @public
+     */
+    hideTitleSearch: boolean;
+    /**
+     * Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`
+     * attribute or property. @public
+     */
+    hideBodySearch: boolean;
+    /**
+     * Optional click handler for an alert row, fired with the clicked alert so consumers can open
+     * the related record. Interactive elements inside a custom {@link renderAlert} template should
+     * call `event.stopPropagation()` to avoid triggering this. @public
+     */
+    onAlertClick: ((alert: Alert) => void) | undefined;
     ruleService: RuleService;
     rules: Rule_2[];
     templateService: TemplateService;
@@ -84,7 +120,7 @@ declare class FoundationInboxBase extends GenesisElement {
     toDatePickerValue: string;
     criteriaMatchAlertStatus: Expression;
     reverse: boolean;
-    sortDirection: string;
+    sortDirection: 'Asc' | 'Desc';
     showLoadingIndicator: boolean;
     severityType: any[];
     tabs: Tabs;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "15.0.0-FUI-2567.2",
+  "version": "15.1.0",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -83,30 +83,30 @@
     "@commitlint/format": "^19.0.3",
     "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
     "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3",
-    "@genesislcap/design-system-configurator": "15.0.0-FUI-2567.2",
-    "@genesislcap/eslint-config": "15.0.0-FUI-2567.2",
-    "@genesislcap/eslint-stylelint-builder": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-testing": "15.0.0-FUI-2567.2",
-    "@genesislcap/genx": "15.0.0-FUI-2567.2",
-    "@genesislcap/prettier-config": "15.0.0-FUI-2567.2",
-    "@genesislcap/stylelint-config": "15.0.0-FUI-2567.2",
-    "@genesislcap/vite-builder": "15.0.0-FUI-2567.2",
-    "@genesislcap/webpack-builder": "15.0.0-FUI-2567.2",
+    "@genesislcap/design-system-configurator": "15.1.0",
+    "@genesislcap/eslint-config": "15.1.0",
+    "@genesislcap/eslint-stylelint-builder": "15.1.0",
+    "@genesislcap/foundation-testing": "15.1.0",
+    "@genesislcap/genx": "15.1.0",
+    "@genesislcap/prettier-config": "15.1.0",
+    "@genesislcap/stylelint-config": "15.1.0",
+    "@genesislcap/vite-builder": "15.1.0",
+    "@genesislcap/webpack-builder": "15.1.0",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-criteria": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-entity-management": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-forms": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-layout": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-logger": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-notifications": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-ui": "15.0.0-FUI-2567.2",
-    "@genesislcap/foundation-utils": "15.0.0-FUI-2567.2",
-    "@genesislcap/rapid-design-system": "15.0.0-FUI-2567.2",
-    "@genesislcap/rapid-grid-pro": "15.0.0-FUI-2567.2",
-    "@genesislcap/web-core": "15.0.0-FUI-2567.2",
+    "@genesislcap/foundation-comms": "15.1.0",
+    "@genesislcap/foundation-criteria": "15.1.0",
+    "@genesislcap/foundation-entity-management": "15.1.0",
+    "@genesislcap/foundation-forms": "15.1.0",
+    "@genesislcap/foundation-layout": "15.1.0",
+    "@genesislcap/foundation-logger": "15.1.0",
+    "@genesislcap/foundation-notifications": "15.1.0",
+    "@genesislcap/foundation-ui": "15.1.0",
+    "@genesislcap/foundation-utils": "15.1.0",
+    "@genesislcap/rapid-design-system": "15.1.0",
+    "@genesislcap/rapid-grid-pro": "15.1.0",
+    "@genesislcap/web-core": "15.1.0",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },
@@ -114,5 +114,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "2f496cecd7d9286db8969194da4e1aed73877ca1"
+  "gitHead": "f841e54c9b682f3cf01448a9db79d67a66b88c84"
 }