@one-paragon/angular-utilities 0.0.32 → 0.1.0

package/fesm2020/one-paragon-angular-utilities.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { Directive, Input, NgModule, Injectable, InjectionToken, Pipe, Inject, Component, ChangeDetectionStrategy, ViewChild, HostListener, Injector, ElementRef, Output, Optional, EventEmitter, ContentChildren } from '@angular/core';
-import { shareReplay, switchAll, map, filter, tap, catchError, startWith, switchMap, mergeMap, pluck, first, pairwise, last, takeUntil, distinctUntilKeyChanged, delay, distinct, distinctUntilChanged, withLatestFrom, mergeAll, scan } from 'rxjs/operators';
+import { shareReplay, switchAll, map, filter, tap, catchError, startWith, switchMap, mergeMap, pluck, last, takeUntil, distinctUntilKeyChanged, delay as delay$1, distinct, first as first$1, distinctUntilChanged, withLatestFrom, mergeAll, scan } from 'rxjs/operators';
 import * as i2$2 from 'rxjs';
-import { Subject, isObservable, of, ReplaySubject, Observable, combineLatest, Subscription, fromEvent, merge as merge$1, asyncScheduler, tap as tap$1, BehaviorSubject, takeUntil as takeUntil$1, from, switchMap as switchMap$1, scan as scan$1, startWith as startWith$1 } from 'rxjs';
+import { Subject, isObservable, of, ReplaySubject, filter as filter$1, first, map as map$1, Observable, combineLatest, Subscription, startWith as startWith$1, pairwise, concatMap, merge, delay, fromEvent, asyncScheduler, tap as tap$1, BehaviorSubject, takeUntil as takeUntil$1, from, switchMap as switchMap$1, scan as scan$1 } from 'rxjs';
 import { ComponentStore } from '@ngrx/component-store';
 import * as i3$2 from '@angular/material/table';
 import { MatColumnDef, MatTableDataSource, MatTable, MatTableModule, MatRowDef } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as _ from 'lodash';
-import { flatten, merge, sumBy, orderBy, cloneDeep } from 'lodash';
+import { flatten, merge as merge$1, sumBy, orderBy, cloneDeep } from 'lodash';
 import * as i10 from '@angular/cdk/drag-drop';
 import { moveItemInArray, CDK_DROP_LIST, CdkDropList, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i1 from '@angular/common';
@@ -56,6 +56,7 @@ import { MatDialogModule } from '@angular/material/dialog';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatGridListModule } from '@angular/material/grid-list';
 import { MatListModule } from '@angular/material/list';
+import * as i1$5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i4$4 from '@angular/material/slide-toggle';
@@ -68,9 +69,10 @@ import * as i6$3 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i7$2 from '@angular/material/button-toggle';
 import * as i3$3 from '@ngrx/store';
-import { createSelector, createAction, props, select, createReducer, on, StoreModule } from '@ngrx/store';
+import { createSelector, createAction, props, select, createReducer, on, StoreModule, createFeatureSelector } from '@ngrx/store';
 import * as i1$4 from '@ngrx/effects';
 import { createEffect, ofType, concatLatestFrom, EffectsModule } from '@ngrx/effects';
+import { createEntityAdapter } from '@ngrx/entity';
 
 var HttpRequestStatus;
 (function (HttpRequestStatus) {
@@ -517,10 +519,10 @@ var ArrayStyle;
 })(ArrayStyle || (ArrayStyle = {}));
 
 const onceWhen = (predicate) => (src) => {
-    return src.pipe(filter(predicate), first());
+    return src.pipe(filter$1(predicate), first());
 };
-const mapArray = (mapFunc) => (source) => source.pipe(map(src => src.map(mapFunc)));
-const filterArray = (filterFunc) => (source) => source.pipe(map(src => src.filter(filterFunc)));
+const mapArray = (mapFunc) => (source) => source.pipe(map$1(src => src.map(mapFunc)));
+const filterArray = (filterFunc) => (source) => source.pipe(map$1(src => src.filter(filterFunc)));
 function onWait(val) {
     return (source) => {
         return new Observable(subscriber => {
@@ -539,7 +541,7 @@ function onWait(val) {
     };
 }
 const combineArrays = (sources) => {
-    return combineLatest(sources.map(src => src.pipe(onWait([])))).pipe(map(res => flatten(res)));
+    return combineLatest(sources.map(src => src.pipe(onWait([])))).pipe(map$1(res => flatten(res)));
 };
 function switchOff(switchSource, defaultState = true) {
     return (source) => {
@@ -584,12 +586,24 @@ function skipOneWhen(skipper) {
 }
 function previousAndCurrent(startingValue) {
     return (source) => {
-        return source.pipe(startWith(startingValue), pairwise());
+        return source.pipe(startWith$1(startingValue), pairwise());
     };
 }
 function notNull() {
     return (source) => {
-        return source.pipe(filter((o) => !!o));
+        return source.pipe(filter$1((o) => !!o));
+    };
+}
+function delayOn(predicate, delayTime) {
+    return (src) => {
+        return src.pipe(concatMap(r => {
+            if (predicate(r)) {
+                return merge(of({ r }), of(null).pipe(delay(delayTime))).pipe(notNull(), map$1(d => d.r));
+            }
+            else {
+                return of(r);
+            }
+        }));
     };
 }
 
@@ -663,9 +677,9 @@ class GeneralTableSettings {
         this.footerSettings = new TableWrapperFooterSettings();
         this.columnHeaderSettings = new TableColumnHeaderSettings();
         if (settings) {
-            merge(this.headerSettings, settings.headerSettings);
-            merge(this.footerSettings, settings.footerSettings);
-            merge(this.columnHeaderSettings, settings.columnHeaderSettings);
+            merge$1(this.headerSettings, settings.headerSettings);
+            merge$1(this.footerSettings, settings.footerSettings);
+            merge$1(this.columnHeaderSettings, settings.columnHeaderSettings);
         }
     }
 }
@@ -1850,7 +1864,7 @@ class PaginatorComponent {
         this.collapseFooter$ = this.state.state$.pipe(map(state => state.persistedTableSettings.collapseFooter));
     }
     ngAfterViewInit() {
-        this.currentPageData$ = merge$1(this.paginator.page.pipe(map(mapPaginationEventToCurrentPageDetails)), this.data$.pipe(distinctUntilKeyChanged("length"), delayToAllowForProperUpdate, map(updateCurrentPageDetailsOnDataLengthChange(this.paginator))));
+        this.currentPageData$ = merge(this.paginator.page.pipe(map(mapPaginationEventToCurrentPageDetails)), this.data$.pipe(distinctUntilKeyChanged("length"), delayToAllowForProperUpdate, map(updateCurrentPageDetailsOnDataLengthChange(this.paginator))));
     }
     paginatorChange() {
         if (!this.ourPageEvent) {
@@ -1898,7 +1912,7 @@ const mapPaginationEventToCurrentPageDetails = (pageData) => ({
 const updateCurrentPageDetailsOnDataLengthChange = (paginator) => () => ({ currentStart: (paginator.pageIndex * paginator.pageSize) + 1,
     currentEnd: Math.min(paginator.length, ((paginator.pageIndex + 1) * paginator.pageSize)),
     total: paginator.length });
-const delayToAllowForProperUpdate = delay(0, asyncScheduler);
+const delayToAllowForProperUpdate = delay$1(0, asyncScheduler);
 const metaDataPageSizeChange = (state) => state.state$.pipe(map(state => state.pageSize), distinct());
 const setPaginatorPageSize = (paginator) => (pageSize) => paginator._changePageSize(pageSize);
 const onPagiantorPageSizeChange = (paginator) => paginator.page.pipe(map(e => e.pageSize), distinct());
@@ -2970,7 +2984,11 @@ class DataFilter {
     appendFilters(filters$) {
         return new DataFilter(combineArrays([
             this.filters$ ?? of([]),
-            filters$.pipe(map(fltrs => fltrs.filter(f => f.active).map(filter => createFilterFunc(filter))))
+            filters$.pipe(map(fltrs => fltrs
+                // we only want to remove it if it was specifically set to false
+                // as apposed to falsy
+                .filter(f => f.active !== false)
+                .map(filter => createFilterFunc(filter))))
         ]));
     }
 }
@@ -2994,7 +3012,7 @@ class ExportToCsvService {
         this.datePipe = datePipe;
         this.exportToCsv = (data) => {
             const exportableFields$ = this.state.state$.pipe(map(mapExportableFields));
-            combineLatest([data, exportableFields$]).pipe(first(), map(([data, fields]) => this.csvData(data, fields))).subscribe(csv => downloadData(csv, 'export.csv', 'text/csv'));
+            combineLatest([data, exportableFields$]).pipe(first$1(), map(([data, fields]) => this.csvData(data, fields))).subscribe(csv => downloadData(csv, 'export.csv', 'text/csv'));
         };
         this.csvData = (data, metaData) => {
             const res = data.map(row => metaData.map(meta => this.metaToField(meta, row)).join(','));
@@ -3228,7 +3246,7 @@ class SortMenuComponent {
         this.dirty$ = new BehaviorSubject(false);
         this.apply = this.store.effect((obs) => obs.pipe(tap(() => {
             this.dirty$.next(false);
-            this.tableState.setAllSort(this.store.sorted$.pipe(first()));
+            this.tableState.setAllSort(this.store.sorted$.pipe(first$1()));
         })));
         this.sorted$ = this.store.sorted$.pipe(map(data => [...data]));
         this.notSorted$ = this.store.notSorted$.pipe(map(data => [...data]));
@@ -3488,7 +3506,7 @@ class TableContainerComponent {
         this.state.setTableSettings(this.tableBuilder.settings);
         this.state.runOnceWhen(stateIs(InitializationState.MetaDataLoaded), state => {
             if (this.tableId) {
-                const persistedState$ = this.store.pipe(select(selectLocalProfileState(this.tableId)), first(), tap(persistedState => {
+                const persistedState$ = this.store.pipe(select(selectLocalProfileState(this.tableId)), first$1(), tap(persistedState => {
                     if (!persistedState) {
                         this.state.setIntializationState(InitializationState.LoadedFromStore);
                     }
@@ -3524,7 +3542,7 @@ class TableContainerComponent {
         this.exportToCsvService.exportToCsv(sorted);
     }
     saveState() {
-        this.state.getSavableState().pipe(first()).subscribe(tableState => {
+        this.state.getSavableState().pipe(first$1()).subscribe(tableState => {
             this.OnSaveState.next(null);
             this.store.dispatch(setLocalProfile({ key: this.tableId, value: tableState, persist: true }));
         });
@@ -3819,7 +3837,7 @@ class MatSlideToggleGroupDirective {
         return startValue;
     }
     getObs() {
-        var toggleChanges = merge$1(...this._toggles.map(toggle => toggle.change));
+        var toggleChanges = merge(...this._toggles.map(toggle => toggle.change));
         const startValue = this.getInitValue();
         return toggleChanges.pipe(scan$1((prev, cur) => {
             const toggleName = cur.source.name;
@@ -4080,7 +4098,7 @@ class TableBuilder {
         this.data$ = this.data$.pipe(defaultShareReplay());
         this.metaData$ = metaData$ ?
             metaData$.pipe(defaultShareReplay()) :
-            data$.pipe(first(), map(data => this.createMetaData(data[0])), defaultShareReplay());
+            data$.pipe(first$1(), map(data => this.createMetaData(data[0])), defaultShareReplay());
         const s = isObservable(settings) ? settings : of(settings);
         this.settings = s.pipe(map(sett => new GeneralTableSettings(sett)), defaultShareReplay());
     }
@@ -4125,6 +4143,110 @@ const CreateTableBuilder = (reportDef$) => {
     return new TableBuilder(reportDef$.pipe(map(r => r.data)), reportDef$.pipe(map(r => r.metaData)));
 };
 
+// State
+class AppStatusState {
+}
+class ActionStatus {
+}
+const intitalState = {
+    ids: [],
+    entities: {}
+};
+var serverStatusTypes;
+(function (serverStatusTypes) {
+    serverStatusTypes[serverStatusTypes["notStarted"] = 0] = "notStarted";
+    serverStatusTypes[serverStatusTypes["inProgress"] = 1] = "inProgress";
+    serverStatusTypes[serverStatusTypes["success"] = 2] = "success";
+    serverStatusTypes[serverStatusTypes["error"] = 3] = "error";
+})(serverStatusTypes || (serverStatusTypes = {}));
+// Entity and Selectors
+const statusAdapter = createEntityAdapter(); // { selectId: a => a.id }
+const initialState = statusAdapter.getInitialState(intitalState);
+const getStatusState = createFeatureSelector('ActionStatus');
+const { selectIds, selectEntities, selectAll, selectTotal } = statusAdapter.getSelectors(getStatusState);
+const selectEntity = (id) => createSelector(selectEntities, (entities) => entities[id]);
+// Reducers
+function actionStatusReducer(state = initialState, action) {
+    const actionStatus = _.get(action, 'payload.actionStatus');
+    if (actionStatus) {
+        if (state.ids.find(id => id === actionStatus.id)) {
+            const modifiedObj = { ...state.entities[actionStatus.id] };
+            modifiedObj.status = actionStatus.status;
+            modifiedObj.responsePayload = actionStatus.responsePayload;
+            return statusAdapter.upsertOne(modifiedObj, state);
+        }
+        else {
+            return statusAdapter.addOne(actionStatus, state);
+        }
+    }
+    return state;
+}
+
+class NgrxExtModule {
+}
+NgrxExtModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: NgrxExtModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgrxExtModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: NgrxExtModule, imports: [CommonModule, i3$3.StoreFeatureModule] });
+NgrxExtModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: NgrxExtModule, imports: [[
+            CommonModule,
+            StoreModule.forFeature('ActionStatus', actionStatusReducer),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: NgrxExtModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        StoreModule.forFeature('ActionStatus', actionStatusReducer),
+                    ]
+                }]
+        }] });
+
+class ActionStateSpinnerComponent {
+    constructor() {
+        this.serverStatusTypes = serverStatusTypes;
+    }
+    ngOnInit() {
+        this.serverActionStatus$ = this.status$.pipe(delayOn(a => a.status === serverStatusTypes.inProgress, 500));
+    }
+}
+ActionStateSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionStateSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: ActionStateSpinnerComponent, selector: "lib-action-state-spinner", inputs: { status$: "status$" }, ngImport: i0, template: "<div id=\"blocker\" *ngIf=\"(serverActionStatus$ | async)?.status === serverStatusTypes.inProgress\">\n  <mat-spinner class=\"spinner\" [diameter]=\"200\"></mat-spinner>\n</div>\n", styles: ["#blocker{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"], components: [{ type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-action-state-spinner', template: "<div id=\"blocker\" *ngIf=\"(serverActionStatus$ | async)?.status === serverStatusTypes.inProgress\">\n  <mat-spinner class=\"spinner\" [diameter]=\"200\"></mat-spinner>\n</div>\n", styles: ["#blocker{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"] }]
+        }], propDecorators: { status$: [{
+                type: Input
+            }] } });
+
+class ActionStateUiModule {
+}
+ActionStateUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionStateUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateUiModule, declarations: [ActionStateSpinnerComponent], imports: [CommonModule,
+        MatProgressSpinnerModule], exports: [ActionStateSpinnerComponent] });
+ActionStateUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateUiModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: ActionStateUiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionStateSpinnerComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    exports: [
+                        ActionStateSpinnerComponent,
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of action-state
+ */
+
 /*
  * Public API Surface of http-request-state
  */
@@ -4133,5 +4255,5 @@ const CreateTableBuilder = (reportDef$) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayStyle, AutoFocusDirective, ClickEmitterDirective, ClickSubjectDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, UtilitiesModule, chainRequest, combineArrays, createFailure, createSuccess, defaultShareReplay, filterArray, getRequestorBody, getRequestorStatus, httpRequest, httpRequestor, inProgress, isErrorState, isSuccessState, mapArray, mapError, notNull, notStarted, onWait, onceWhen, previousAndCurrent, skipOneWhen, spaceCase, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
+export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, ClickEmitterDirective, ClickSubjectDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, UtilitiesModule, actionStatusReducer, chainRequest, combineArrays, createFailure, createSuccess, defaultShareReplay, delayOn, filterArray, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isErrorState, isSuccessState, mapArray, mapError, notNull, notStarted, onWait, onceWhen, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, skipOneWhen, spaceCase, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
 //# sourceMappingURL=one-paragon-angular-utilities.mjs.map