@genesislcap/pbc-notify-ui 1.0.55 → 1.0.57

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

@@ -31,6 +31,7 @@ export declare class FoundationInboxBase extends GenesisElement {
     toDatePickerValue: string;
     criteriaMatchAlertStatus: Expression;
     reverse: boolean;
+    showLoadingIndicator: boolean;
     tabs: Tabs;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;

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":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAEL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAGrE,OAAO,EACL,KAAK,EACL,QAAQ,EACR,6BAA6B,EAC7B,IAAI,EAEJ,YAAY,EACb,MAAM,gBAAgB,CAAC;AAgBxB,qBAAa,mBAAoB,SAAQ,cAAc;IAC/C,IAAI,EAAE,IAAI,CAAC;IAEH,YAAY,EAAE,YAAY,CAAC;IACjB,YAAY,EAAE,sBAAsB,CAAC;IAC7D,OAAO,CAAC,iBAAiB,CAAgB;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAE1B,WAAW,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAM;IACnB,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,eAAe,EAAE,eAAe,CAAC;IACtC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,cAAc,EAAE,MAAM,CAAQ;IAC9B,mBAAmB,EAAE,MAAM,CAAQ;IACnC,gBAAgB,EAAE,MAAM,CAAQ;IAChC,eAAe,EAAE,MAAM,CAAQ;IAE/B,eAAe,EAAE,MAAM,CAAQ;IAC/B,mBAAmB,EAAE,6BAA6B,CAAQ;IAC1D,WAAW,EAAE,QAAQ,CAAuB;IAE5C,mBAAmB,EAAE,MAAM,CAAQ;IACnC,iBAAiB,EAAE,MAAM,CAAQ;IAEjC,wBAAwB,EAAE,UAAU,CAAC;IACrC,OAAO,EAAE,OAAO,CAAS;IAE9B,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAiBvB,oBAAoB;IAMd,eAAe,CAAC,QAAQ,EAAE,QAAQ;IA+BxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAEjE,6BAA6B,MAAsD;IAEnF,oBAAoB;IA0DpB,YAAY,CAAC,OAAO,EAAE,OAAO;IAO7B,qBAAqB;IAWrB,WAAW;IAaX,YAAY,CAAC,OAAO,EAAE,MAAM;IAI5B,gBAAgB,CAAC,QAAQ,KAAA;IASzB,gBAAgB;IA4BhB,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;IAYhD,6BAA6B,CAAC,IAAI,CAAC,EAAE,MAAM;CAG5C"}
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAEL,UAAU,EAIX,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAGrE,OAAO,EACL,KAAK,EACL,QAAQ,EACR,6BAA6B,EAC7B,IAAI,EAEJ,YAAY,EACb,MAAM,gBAAgB,CAAC;AAgBxB,qBAAa,mBAAoB,SAAQ,cAAc;IAC/C,IAAI,EAAE,IAAI,CAAC;IAEH,YAAY,EAAE,YAAY,CAAC;IACjB,YAAY,EAAE,sBAAsB,CAAC;IAC7D,OAAO,CAAC,iBAAiB,CAAgB;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAE1B,WAAW,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAM;IACnB,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,eAAe,EAAE,eAAe,CAAC;IACtC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,cAAc,EAAE,MAAM,CAAQ;IAC9B,mBAAmB,EAAE,MAAM,CAAQ;IACnC,gBAAgB,EAAE,MAAM,CAAQ;IAChC,eAAe,EAAE,MAAM,CAAQ;IAE/B,eAAe,EAAE,MAAM,CAAQ;IAC/B,mBAAmB,EAAE,6BAA6B,CAAQ;IAC1D,WAAW,EAAE,QAAQ,CAAuB;IAE5C,mBAAmB,EAAE,MAAM,CAAQ;IACnC,iBAAiB,EAAE,MAAM,CAAQ;IAEjC,wBAAwB,EAAE,UAAU,CAAC;IACrC,OAAO,EAAE,OAAO,CAAS;IACzB,oBAAoB,EAAE,OAAO,CAAS;IAE3C,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAkBvB,oBAAoB;IAMd,eAAe,CAAC,QAAQ,EAAE,QAAQ;IA+BxC,aAAa,gBAA2C;IAExD,YAAY,eAAyC;IAErD,gBAAgB,uBAAiD;IAEjE,6BAA6B,MAAsD;IAEnF,oBAAoB;IA2DpB,YAAY,CAAC,OAAO,EAAE,OAAO;IAO7B,qBAAqB;IAWrB,WAAW;IAaX,YAAY,CAAC,OAAO,EAAE,MAAM;IAI5B,gBAAgB,CAAC,QAAQ,KAAA;IASzB,gBAAgB;IA4BhB,SAAS;IAEH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;IAYhD,6BAA6B,CAAC,IAAI,CAAC,EAAE,MAAM;CAG5C"}

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

@@ -1 +1 @@
-{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AA0FA,eAAO,MAAM,WAAW,iDA+BvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,iDAkDrC,CAAC;AAEF,eAAO,MAAM,aAAa,iDAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,iDAYrB,CAAC;AAEF,eAAO,MAAM,eAAe,iDA0D3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAyBjC,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AA0FA,eAAO,MAAM,WAAW,iDA+BvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,iDAmErC,CAAC;AAEF,eAAO,MAAM,aAAa,iDAYzB,CAAC;AAEF,eAAO,MAAM,SAAS,iDAYrB,CAAC;AAEF,eAAO,MAAM,eAAe,iDA0D3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAyBjC,CAAC"}

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;AA0J/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAoJnC,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;AAwK/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAoJnC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-condition-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE,eAAO,MAAM,4BAA4B,2EA2FxC,CAAC"}
+{"version":3,"file":"rule-condition-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE,eAAO,MAAM,4BAA4B,2EAyGxC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,kBAAkB,iEAqH9B,CAAC"}
+{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,kBAAkB,iEAyH9B,CAAC"}

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

@@ -42,6 +42,7 @@ export class FoundationInboxBase extends GenesisElement {
         this.fromDatePickerValue = null;
         this.toDatePickerValue = null;
         this.reverse = false;
+        this.showLoadingIndicator = false;
         // #endregion
         // #region Changed Events
         this.alertsChanged = () => (this.alertsFilter = this.alerts);
@@ -58,6 +59,7 @@ export class FoundationInboxBase extends GenesisElement {
             this.criteriaMatchAlertStatus = expressionBuilder('ALERT_STATUS', 'NEW', Serialisers.equals);
             this.alertSubscription = ({ store }) => {
                 this.alerts = (store === null || store === void 0 ? void 0 : store.items) || [];
+                this.showLoadingIndicator = false;
             };
             this.inboxService.subscribe(this.alertSubscription, false, criteriaBuilder().withExpression(this.criteriaMatchAlertStatus).build());
             this.rules = yield this.ruleService.getRules();
@@ -95,6 +97,7 @@ export class FoundationInboxBase extends GenesisElement {
         });
     }
     filterSearchAlertLog() {
+        this.showLoadingIndicator = true;
         const filterCriteria = criteriaBuilder();
         filterCriteria.withExpression(this.criteriaMatchAlertStatus);
         if (this.titleSearchValue) {
@@ -284,3 +287,6 @@ __decorate([
 __decorate([
     observable
 ], FoundationInboxBase.prototype, "reverse", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "showLoadingIndicator", void 0);

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

@@ -167,6 +167,23 @@ export const alertsNewAndAlertsHistory = css `
     color: var(--neutral-foreground-hint);
     font-size: calc(var(--design-unit) * 3px);
   }
+
+  .no-row-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    color: var(--neutral-stroke-rest);
+  }
+
+  .loading-indicator {
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-input-rest);
+    background: var(--neutral-layer-3);
+    color: var(--neutral-foreground-rest);
+    padding: calc(var(--design-unit) * 2px);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    font-size: var(--type-ramp-minus-1-font-size);
+  }
 `;
 export const subscriptions = css `
   .my-alerts-tab-panel {

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

@@ -137,6 +137,14 @@ const alertsTab = (tab) => html `
             </div>
           </div>
         `)}
+      ${when((x) => x.alertsFilter.length === 0 && !x.showLoadingIndicator, html `
+          <div class="no-row-container">No Rows To Show</div>
+        `)}
+      ${when((x) => x.showLoadingIndicator, html `
+          <div class="no-row-container">
+            <div class="loading-indicator">Loading...</div>
+          </div>
+        `)}
     </div>
   </rapid-tab-panel>
 `;

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.js

@@ -8,10 +8,13 @@ export const RuleConditionBuilderTemplate = html `
     <rapid-select
       :value=${sync((x) => x.leftValue)}
       :initialValue=${sync((x) => x.leftValue)}
+      title=${(x) => JSON.parse(x.leftValue).FIELD_NAME}
       class="left-value"
     >
       ${repeat((x) => x.fields, html `
-          <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>
+          <rapid-option value=${(x) => JSON.stringify(x)} title=${(x) => x.FIELD_NAME}>
+            ${(x) => x.FIELD_NAME}
+          </rapid-option>
         `)}
     </rapid-select>
 
@@ -21,16 +24,21 @@ export const RuleConditionBuilderTemplate = html `
     nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),
 ])}"
       :value=${sync((x) => x.logicalOperator)}
+      title=${(x) => x.logicalOperator}
     >
       ${repeat((_) => Object.values(LogicalOperator), html `
-          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
+          <rapid-option value=${(x) => x} title=${(x) => x}>${(x) => x}</rapid-option>
         `)}
     </rapid-select>
 
     ${when((x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]), html `
-        <rapid-select class="right-criteria" :value=${sync((x) => x.rightCriteria)}>
+        <rapid-select
+          class="right-criteria"
+          :value=${sync((x) => x.rightCriteria)}
+          title=${(x) => x.rightCriteria}
+        >
           ${repeat((_) => Object.values(RightCriteria), html `
-              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
+              <rapid-option value=${(x) => x} title=${(x) => x}>${(x) => x}</rapid-option>
             `)}
         </rapid-select>
 
@@ -50,9 +58,15 @@ export const RuleConditionBuilderTemplate = html `
               `)}
           `)}
         ${when((x) => x.rightCriteria === RightCriteria.FIELD, html `
-            <rapid-select class="right-criteria-select" :value=${sync((x) => x.rightValueSelect)}>
+            <rapid-select
+              class="right-criteria-select"
+              :value=${sync((x) => x.rightValueSelect)}
+              title=${(x) => x.rightValueSelect}
+            >
               ${repeat((x) => x.fields, html `
-                  <rapid-option value=${(x) => x.FIELD_NAME}>${(x) => x.FIELD_NAME}</rapid-option>
+                  <rapid-option value=${(x) => x.FIELD_NAME} title=${(x) => x.FIELD_NAME}>
+                    ${(x) => x.FIELD_NAME}
+                  </rapid-option>
                 `)}
             </rapid-select>
           `)}

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.js

@@ -24,18 +24,22 @@ export const RuleDialogTemplate = html `
       <div class="content-row">
         <div class="control">
           <label>Resource</label>
-          <rapid-select :value=${sync((x) => x.resource)} position="below">
+          <rapid-select
+            :value=${sync((x) => x.resource)}
+            title=${(x) => x.resource}
+            position="below"
+          >
             ${repeat((x) => x.resources, html `
-                <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
+                <rapid-option value=${(x) => x} title=${(x) => x}>${(x) => x}</rapid-option>
               `)}
           </rapid-select>
         </div>
 
         <div class="control">
           <label>Topic</label>
-          <rapid-select :value=${sync((x) => x.topic)}>
+          <rapid-select :value=${sync((x) => x.topic)} title=${(x) => x.topic}>
             ${repeat((x) => x.topics, html `
-                <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
+                <rapid-option value=${(x) => x} title=${(x) => x}>${(x) => x}</rapid-option>
               `)}
           </rapid-select>
         </div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"