@genesislcap/pbc-notify-ui 15.0.0 → 15.1.0

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts

@@ -1,12 +1,13 @@
 import { Auth, Connect } from '@genesislcap/foundation-comms';
 import { Expression } from '@genesislcap/foundation-criteria';
 import type { Tabs } from '@genesislcap/foundation-ui';
-import { GenesisElement } from '@genesislcap/web-core';
+import { GenesisElement, ViewTemplate } from '@genesislcap/web-core';
 import { AlertService } from '../../../services/alert.service';
 import { FoundationInboxService } from '../../../services/inbox.service';
 import { NotifyChannel, NotifyRoute, NotifyRouteService } from '../../../services/notify-route.service';
 import { RuleService } from '../../../services/rule.service';
 import { TemplateService } from '../../../services/template.service';
+import type { FoundationInbox } from '../inbox';
 import { Alert, InboxTab, NotificationRuleTemplateReply, Rule, RuleTemplate } from '../inbox.types';
 export declare class FoundationInboxBase extends GenesisElement {
     auth: Auth;
@@ -17,6 +18,41 @@ export 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[];
     templateService: TemplateService;
@@ -39,7 +75,7 @@ export declare class FoundationInboxBase extends GenesisElement {
     toDatePickerValue: string;
     criteriaMatchAlertStatus: Expression;
     reverse: boolean;
-    sortDirection: string;
+    sortDirection: 'Asc' | 'Desc';
     showLoadingIndicator: boolean;
     severityType: any[];
     tabs: Tabs;

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"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"}

package/dist/dts/components/foundation-inbox/inbox.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmM/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAiJnC,CAAC"}
+{"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiO/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAiJnC,CAAC"}

package/dist/dts/index.d.ts

@@ -2,7 +2,8 @@ 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 type { ParameterEditedEventDetail, RuleParameterEntity, } from './components/foundation-inbox/inbox.types';
+export type { Alert, ParameterEditedEventDetail, RuleParameterEntity, } from './components/foundation-inbox/inbox.types';
+export { AlertStatus } from './components/foundation-inbox/inbox.types';
 export type { ConditionBuilderEntity } from './notify.types';
 export type { ParameterBuilderEntity } from './components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,0FAA0F,CAAC;AACzG,cAAc,4FAA4F,CAAC;AAC3G,cAAc,gDAAgD,CAAC;AAC/D,YAAY,EACV,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,2GAA2G,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,0FAA0F,CAAC;AACzG,cAAc,4FAA4F,CAAC;AAC3G,cAAc,gDAAgD,CAAC;AAC/D,YAAY,EACV,KAAK,EACL,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,2GAA2G,CAAC"}

package/dist/dts/react.d.ts

@@ -225,17 +225,6 @@ export declare const TemplateDialog: React.ForwardRefExoticComponent<
 >;
 export type TemplateDialogRef = TemplateDialogWC;
 
-export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<unknown>) => void;
-      onEdit?: (event: CustomEvent<unknown>) => void;
-    }
-  > & React.RefAttributes<RuleConditionGroupWC>
->;
-export type RuleConditionGroupRef = RuleConditionGroupWC;
-
 export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
@@ -247,6 +236,17 @@ export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
 >;
 export type RuleConditionBuilderRef = RuleConditionBuilderWC;
 
+export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onDelete?: (event: CustomEvent<unknown>) => void;
+      onEdit?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<RuleConditionGroupWC>
+>;
+export type RuleConditionGroupRef = RuleConditionGroupWC;
+
 export declare const ParameterBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
@@ -258,17 +258,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
 >;
 export type ParameterBuilderRef = ParameterBuilderWC;
 
-export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<unknown>) => void;
-      onEdit?: (event: CustomEvent<unknown>) => void;
-    }
-  > & React.RefAttributes<TemplateConditionGroupWC>
->;
-export type TemplateConditionGroupRef = TemplateConditionGroupWC;
-
 export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
@@ -280,4 +269,15 @@ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
 >;
 export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
 
+export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onDelete?: (event: CustomEvent<unknown>) => void;
+      onEdit?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<TemplateConditionGroupWC>
+>;
+export type TemplateConditionGroupRef = TemplateConditionGroupWC;
+
 export {};

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

@@ -2,7 +2,7 @@ import { __awaiter, __decorate, __rest } from "tslib";
 import { Auth, Connect } from '@genesislcap/foundation-comms';
 import { CriteriaBuilder, ExpressionBuilder, Join, Serialisers, } from '@genesislcap/foundation-criteria';
 import { showNotificationDialog } from '@genesislcap/foundation-notifications';
-import { GenesisElement, observable } from '@genesislcap/web-core';
+import { attr, GenesisElement, observable } from '@genesislcap/web-core';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import debounce from 'lodash.debounce';
@@ -32,6 +32,41 @@ export class FoundationInboxBase extends GenesisElement {
         this.alerts = [];
         this.alertsFilter = [];
         this.moreAlerts = false;
+        /**
+         * 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
+         */
+        this.renderAlert = undefined;
+        /**
+         * Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`
+         * attribute or property. @public
+         */
+        this.hideSeverityFilter = false;
+        /**
+         * Hide the Date Range filter block in the search bar. Set via the `hide-date-range`
+         * attribute or property. @public
+         */
+        this.hideDateRange = false;
+        /**
+         * Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`
+         * attribute or property. @public
+         */
+        this.hideTitleSearch = false;
+        /**
+         * Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`
+         * attribute or property. @public
+         */
+        this.hideBodySearch = false;
+        /**
+         * 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
+         */
+        this.onAlertClick = undefined;
         this.rules = [];
         this.templates = [];
         this.templatesFilter = [];
@@ -52,7 +87,7 @@ export class FoundationInboxBase extends GenesisElement {
         this.fromDatePickerValue = null;
         this.toDatePickerValue = null;
         this.reverse = false;
-        this.sortDirection = 'Asc';
+        this.sortDirection = 'Desc';
         this.showLoadingIndicator = false;
         this.severityType = [];
         this.alertSubscription = ({ store }) => {
@@ -464,6 +499,24 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "moreAlerts", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "renderAlert", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationInboxBase.prototype, "hideSeverityFilter", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationInboxBase.prototype, "hideDateRange", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationInboxBase.prototype, "hideTitleSearch", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationInboxBase.prototype, "hideBodySearch", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "onAlertClick", void 0);
 __decorate([
     RuleService
 ], FoundationInboxBase.prototype, "ruleService", void 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';