@genesislcap/pbc-notify-ui 1.0.55 → 1.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts +1 -0
  2. package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map +1 -1
  3. package/dist/dts/components/foundation-inbox/inbox.styles.d.ts.map +1 -1
  4. package/dist/dts/components/foundation-inbox/inbox.template.d.ts.map +1 -1
  5. package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js +6 -0
  6. package/dist/esm/components/foundation-inbox/inbox.styles.js +17 -0
  7. package/dist/esm/components/foundation-inbox/inbox.template.js +8 -0
  8. package/package.json +1 -1
package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts CHANGED
@@ -31,6 +31,7 @@ export declare class FoundationInboxBase extends GenesisElement {
31
31
  toDatePickerValue: string;
32
32
  criteriaMatchAlertStatus: Expression;
33
33
  reverse: boolean;
34
+ showLoadingIndicator: boolean;
34
35
  tabs: Tabs;
35
36
  connectedCallback(): Promise<void>;
36
37
  disconnectedCallback(): void;
package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1 +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"}
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;AAwK/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAoJnC,CAAC"}
package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js CHANGED
@@ -42,6 +42,7 @@ export class FoundationInboxBase extends GenesisElement {
42
42
  this.fromDatePickerValue = null;
43
43
  this.toDatePickerValue = null;
44
44
  this.reverse = false;
45
+ this.showLoadingIndicator = false;
45
46
  // #endregion
46
47
  // #region Changed Events
47
48
  this.alertsChanged = () => (this.alertsFilter = this.alerts);
@@ -58,6 +59,7 @@ export class FoundationInboxBase extends GenesisElement {
58
59
  this.criteriaMatchAlertStatus = expressionBuilder('ALERT_STATUS', 'NEW', Serialisers.equals);
59
60
  this.alertSubscription = ({ store }) => {
60
61
  this.alerts = (store === null || store === void 0 ? void 0 : store.items) || [];
62
+ this.showLoadingIndicator = false;
61
63
  };
62
64
  this.inboxService.subscribe(this.alertSubscription, false, criteriaBuilder().withExpression(this.criteriaMatchAlertStatus).build());
63
65
  this.rules = yield this.ruleService.getRules();
@@ -95,6 +97,7 @@ export class FoundationInboxBase extends GenesisElement {
95
97
  });
96
98
  }
97
99
  filterSearchAlertLog() {
100
+ this.showLoadingIndicator = true;
98
101
  const filterCriteria = criteriaBuilder();
99
102
  filterCriteria.withExpression(this.criteriaMatchAlertStatus);
100
103
  if (this.titleSearchValue) {
@@ -284,3 +287,6 @@ __decorate([
284
287
  __decorate([
285
288
  observable
286
289
  ], FoundationInboxBase.prototype, "reverse", void 0);
290
+ __decorate([
291
+ observable
292
+ ], FoundationInboxBase.prototype, "showLoadingIndicator", void 0);
package/dist/esm/components/foundation-inbox/inbox.styles.js CHANGED
@@ -167,6 +167,23 @@ export const alertsNewAndAlertsHistory = css `
167
167
  color: var(--neutral-foreground-hint);
168
168
  font-size: calc(var(--design-unit) * 3px);
169
169
  }
170
+
171
+ .no-row-container {
172
+ display: flex;
173
+ justify-content: center;
174
+ align-items: center;
175
+ height: 100%;
176
+ color: var(--neutral-stroke-rest);
177
+ }
178
+
179
+ .loading-indicator {
180
+ border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-input-rest);
181
+ background: var(--neutral-layer-3);
182
+ color: var(--neutral-foreground-rest);
183
+ padding: calc(var(--design-unit) * 2px);
184
+ border-radius: calc(var(--control-corner-radius) * 1px);
185
+ font-size: var(--type-ramp-minus-1-font-size);
186
+ }
170
187
  `;
171
188
  export const subscriptions = css `
172
189
  .my-alerts-tab-panel {
package/dist/esm/components/foundation-inbox/inbox.template.js CHANGED
@@ -137,6 +137,14 @@ const alertsTab = (tab) => html `
137
137
  </div>
138
138
  </div>
139
139
  `)}
140
+ ${when((x) => x.alertsFilter.length === 0 && !x.showLoadingIndicator, html `
141
+ <div class="no-row-container">No Rows To Show</div>
142
+ `)}
143
+ ${when((x) => x.showLoadingIndicator, html `
144
+ <div class="no-row-container">
145
+ <div class="loading-indicator">Loading...</div>
146
+ </div>
147
+ `)}
140
148
  </div>
141
149
  </rapid-tab-panel>
142
150
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "1.0.55",
4
+ "version": "1.0.56",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"