@one-paragon/angular-utilities 0.1.17 → 0.1.19

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { Directive, Input, NgModule, Injectable, InjectionToken, Pipe, HostListener, Component, EventEmitter, Output, ContentChildren, Inject, ChangeDetectionStrategy, ViewChild, Injector, ElementRef, Optional } from '@angular/core';
-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 as scan$1 } from 'rxjs/operators';
+import { shareReplay, switchAll, map, filter, tap, catchError, startWith, switchMap, mergeMap, concatMap, last, takeUntil, distinctUntilKeyChanged, delay as delay$1, distinct, first as first$1, distinctUntilChanged, withLatestFrom, mergeAll, scan as scan$1 } from 'rxjs/operators';
 import * as i3$3 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, switchMap as switchMap$1, scan, fromEvent, asyncScheduler, tap as tap$1, BehaviorSubject, takeUntil as takeUntil$1, from } 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 as concatMap$1, merge, delay, switchMap as switchMap$1, scan, fromEvent, asyncScheduler, tap as tap$1, BehaviorSubject, takeUntil as takeUntil$1, from } from 'rxjs';
 import { ComponentStore } from '@ngrx/component-store';
 import * as i4$4 from '@angular/material/table';
 import { MatColumnDef, MatTableDataSource, MatTable, MatTableModule, MatRowDef } from '@angular/material/table';
@@ -86,6 +86,7 @@ var HttpRequestStrategy;
     HttpRequestStrategy[HttpRequestStrategy["concurrent"] = 1] = "concurrent";
     HttpRequestStrategy[HttpRequestStrategy["singleUse"] = 2] = "singleUse";
     HttpRequestStrategy[HttpRequestStrategy["cancelPrevious"] = 3] = "cancelPrevious";
+    HttpRequestStrategy[HttpRequestStrategy["sequential"] = 4] = "sequential";
 })(HttpRequestStrategy || (HttpRequestStrategy = {}));
 
 function isErrorState(state) {
@@ -94,6 +95,9 @@ function isErrorState(state) {
 function isSuccessState(state) {
     return state.status === HttpRequestStatus.success;
 }
+function isSuccessOrErrorState(state) {
+    return state.status === HttpRequestStatus.success || state.status === HttpRequestStatus.fail;
+}
 function createSuccess(body) {
     return { status: HttpRequestStatus.success, body };
 }
@@ -395,10 +399,12 @@ class HttpRequestStateStore extends ComponentStore {
         this.req = req;
         this.options = options;
         this.flatteningStrategy = () => {
-            if (this.options?.strategy !== HttpRequestStrategy.concurrent) {
-                return switchMap((params) => this.createRequest(...params));
-            }
-            return mergeMap((params) => this.createRequest(...params));
+            if (this.options?.strategy === HttpRequestStrategy.concurrent)
+                return mergeMap((params) => this.createRequest(...params));
+            if (this.options?.strategy === HttpRequestStrategy.sequential)
+                return concatMap((params) => this.createRequest(...params));
+            return switchMap((params) => (params[0] instanceof CancellationToken) ?
+                of({ requestParams: params[0], response: { status: HttpRequestStatus.cancelled } }) : this.createRequest(...params));
         };
         this.requestEffect = this.effect((obs) => {
             return (obs).pipe(this.flatteningStrategy(), tap(state => this.setState(state)));
@@ -412,10 +418,11 @@ class HttpRequestStateStore extends ComponentStore {
             }
             return this.requestEffect(value);
         };
-        this.selectHttpState$ = this.state$.pipe(pluck('response'));
-        this.selectStatus$ = this.selectHttpState$.pipe(pluck('status'));
+        this.selectHttpState$ = this.state$.pipe(map(a => a.response));
+        this.selectStatus$ = this.selectHttpState$.pipe(map(a => a.status));
         this.selectError$ = this.state$.pipe(map(r => r.response), filter(isErrorState), map(state => state.error));
         this.selectResponse$ = this.state$.pipe(map(r => r.response), filter(isSuccessState), map(state => state.body));
+        this.selectSuccessOrError$ = this.state$.pipe(map(r => r.response), filter(isSuccessOrErrorState), map(() => null));
         this.errorHandled = false;
         this.on = (srcObservable, func) => {
             return this.effect((src) => {
@@ -436,12 +443,25 @@ class HttpRequestStateStore extends ComponentStore {
         this.on(this.selectResponse$, cb);
         return this;
     }
+    onSuccessOrError(cb) {
+        this.on(this.selectSuccessOrError$, cb);
+        return this;
+    }
     onSuccessWithRequest(func) {
         this.onUpdate(({ requestParams, response }) => {
             if (isSuccessState(response)) {
                 func({ requestParams, body: response.body });
             }
         });
+        return this;
+    }
+    onErrorWithRequest(func) {
+        this.onUpdate(({ requestParams, response }) => {
+            if (isErrorState(response)) {
+                func({ requestParams, error: response.error });
+            }
+        });
+        return this;
     }
     createRequest(...params) {
         return this.req(...params).pipe(map(createSuccess), mapError(createFailure), startWith(inProgress), map(state => ({ requestParams: params, response: state })), defaultShareReplay());
@@ -457,7 +477,9 @@ HttpRequestStateStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
 HttpRequestStateStore.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: HttpRequestStateStore, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HttpRequestStateStore, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: undefined }, { type: undefined }]; } });
+        }], ctorParameters: function () { return [{ type: undefined }, { type: undefined }]; } });
+class CancellationToken {
+}
 
 class HttpRequestStateFactory {
     constructor() {
@@ -595,7 +617,7 @@ function notNull() {
 }
 function delayOn(predicate, delayTime) {
     return (src) => {
-        return src.pipe(concatMap(r => {
+        return src.pipe(concatMap$1(r => {
             if (predicate(r)) {
                 return merge(of({ r }), of(null).pipe(delay(delayTime))).pipe(notNull(), map$1(d => d.r));
             }
@@ -1025,9 +1047,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
  * Turns underscores into spaces
  */
 function spaceCase(value) {
-    return value?.replace(/([a-z0-9])([A-Z])|([a-zA-Z0-9])([A-Z])(?=[a-z])|_/g, '$1 $2')
-        // uppercase the first character
-        .replace(/^./, str => str.toUpperCase());
+    const phrase = value?.replace(/([a-z0-9])([A-Z])|([a-zA-Z0-9])([A-Z])(?=[a-z])|_/g, '$1$3 $2$4');
+    // uppercase the first character of every word
+    return phrase?.replace(/(^| )(\w)/g, x => x.toUpperCase());
 }
 
 class ConditionalClassesDirective {
@@ -4638,5 +4660,5 @@ const shallowEquals = (first, second) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GroupByListComponent, 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, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createSuccess, defaultFilter, 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, setUpStoreFactory, skipOneWhen, spaceCase, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
+export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GroupByListComponent, 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, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createSuccess, defaultFilter, defaultShareReplay, delayOn, filterArray, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isErrorState, isSuccessOrErrorState, isSuccessState, mapArray, mapError, notNull, notStarted, onWait, onceWhen, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, spaceCase, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
 //# sourceMappingURL=one-paragon-angular-utilities.mjs.map