@one-paragon/angular-utilities 1.2.12 → 1.2.13
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.
- package/action-state/action-state-spinner/action-state-spinner.component.d.ts +12 -0
- package/action-state/action-state-ui/action-state-ui.module.d.ts +7 -0
- package/{src/action-state/index.ts → action-state/index.d.ts} +4 -8
- package/action-state/ngrx-ext/ngrx-ext.module.d.ts +8 -0
- package/action-state/ngrx.d.ts +31 -0
- package/esm2022/action-state/action-state-spinner/action-state-spinner.component.mjs +24 -0
- package/esm2022/action-state/action-state-ui/action-state-ui.module.mjs +20 -0
- package/esm2022/action-state/index.mjs +8 -0
- package/esm2022/action-state/ngrx-ext/ngrx-ext.module.mjs +23 -0
- package/esm2022/action-state/ngrx.mjs +47 -0
- package/esm2022/http-request-state/HttpRequestStateFactory.mjs +51 -0
- package/esm2022/http-request-state/HttpRequestStateStore.mjs +121 -0
- package/esm2022/http-request-state/directives/HttpStateDirectiveBase.mjs +30 -0
- package/esm2022/http-request-state/directives/http-error-state-directive.mjs +23 -0
- package/esm2022/http-request-state/directives/http-inProgress-state-directive.mjs +23 -0
- package/esm2022/http-request-state/directives/http-notStarted-state-directive.mjs +23 -0
- package/esm2022/http-request-state/directives/http-success-state-directive.mjs +29 -0
- package/esm2022/http-request-state/directives/index.mjs +6 -0
- package/esm2022/http-request-state/directives/request-state-directive.mjs +61 -0
- package/esm2022/http-request-state/helpers.mjs +22 -0
- package/esm2022/http-request-state/http-request-state.mjs +39 -0
- package/esm2022/http-request-state/http-state-module.mjs +40 -0
- package/esm2022/http-request-state/index.mjs +7 -0
- package/esm2022/http-request-state/rxjs/getRequestorBody.mjs +4 -0
- package/esm2022/http-request-state/rxjs/getRequestorState.mjs +3 -0
- package/esm2022/http-request-state/rxjs/index.mjs +5 -0
- package/esm2022/http-request-state/rxjs/tapError.mjs +12 -0
- package/esm2022/http-request-state/rxjs/tapSuccess.mjs +12 -0
- package/esm2022/http-request-state/types.mjs +16 -0
- package/esm2022/ngrx/actionable-selector.mjs +71 -0
- package/esm2022/ngrx/index.mjs +2 -0
- package/esm2022/one-paragon-angular-utilities.mjs +5 -0
- package/esm2022/public-api.mjs +20 -0
- package/esm2022/rxjs/defaultShareReplay.mjs +7 -0
- package/esm2022/rxjs/index.mjs +6 -0
- package/esm2022/rxjs/mapError.mjs +8 -0
- package/esm2022/rxjs/rxjs-operators.mjs +92 -0
- package/esm2022/rxjs/subjectifier.mjs +15 -0
- package/esm2022/rxjs/subscriber.directive.mjs +50 -0
- package/esm2022/table-builder/classes/DefaultSettings.mjs +6 -0
- package/esm2022/table-builder/classes/MatTableObservableDataSource.mjs +23 -0
- package/esm2022/table-builder/classes/TableBuilderConfig.mjs +18 -0
- package/esm2022/table-builder/classes/TableBuilderDataSource.mjs +45 -0
- package/esm2022/table-builder/classes/TableState.mjs +49 -0
- package/esm2022/table-builder/classes/data-store.mjs +15 -0
- package/esm2022/table-builder/classes/display-col.mjs +2 -0
- package/esm2022/table-builder/classes/filter-info.mjs +61 -0
- package/esm2022/table-builder/classes/table-builder-general-settings.mjs +112 -0
- package/esm2022/table-builder/classes/table-builder.mjs +77 -0
- package/esm2022/table-builder/classes/table-store.mjs +383 -0
- package/esm2022/table-builder/components/array-column.component.mjs +53 -0
- package/esm2022/table-builder/components/column-builder/column-builder.component.mjs +134 -0
- package/esm2022/table-builder/components/column-builder/column-helpers.mjs +45 -0
- package/esm2022/table-builder/components/date-filter/date-filter.component.mjs +29 -0
- package/esm2022/table-builder/components/date-time-filter/date-time-filter.component.mjs +24 -0
- package/esm2022/table-builder/components/filter/filter.component.mjs +64 -0
- package/esm2022/table-builder/components/filter/in-list/in-list-filter.component.mjs +102 -0
- package/esm2022/table-builder/components/gen-col-displayer/gen-col-displayer.component.mjs +47 -0
- package/esm2022/table-builder/components/generic-table/generic-table.component.mjs +301 -0
- package/esm2022/table-builder/components/generic-table/paginator.component.mjs +100 -0
- package/esm2022/table-builder/components/group-by-list/group-by-list.component.mjs +21 -0
- package/esm2022/table-builder/components/header-menu/header-menu.component.mjs +103 -0
- package/esm2022/table-builder/components/in-filter/in-filter.component.mjs +65 -0
- package/esm2022/table-builder/components/index.mjs +10 -0
- package/esm2022/table-builder/components/initialization-component/initialization-component.mjs +47 -0
- package/esm2022/table-builder/components/link-column.component.mjs +74 -0
- package/esm2022/table-builder/components/number-filter/number-filter.component.mjs +29 -0
- package/esm2022/table-builder/components/profiles-menu/profiles-menu.component.mjs +64 -0
- package/esm2022/table-builder/components/scroll-strategy.mjs +60 -0
- package/esm2022/table-builder/components/sort-menu/sort-menu.component-store.mjs +46 -0
- package/esm2022/table-builder/components/sort-menu/sort-menu.component.mjs +82 -0
- package/esm2022/table-builder/components/table-container/table-container-imports.mjs +26 -0
- package/esm2022/table-builder/components/table-container/table-container.helpers/data-state.helpers.mjs +135 -0
- package/esm2022/table-builder/components/table-container/table-container.helpers/filter-state.helpers.mjs +83 -0
- package/esm2022/table-builder/components/table-container/table-container.helpers/groupBy.helpers.mjs +71 -0
- package/esm2022/table-builder/components/table-container/table-container.helpers/sort-state.helpers.mjs +36 -0
- package/esm2022/table-builder/components/table-container/table-container.mjs +327 -0
- package/esm2022/table-builder/components/table-container/tableProps.mjs +8 -0
- package/esm2022/table-builder/components/table-container/virtual-scroll-container.mjs +151 -0
- package/esm2022/table-builder/components/table-container-filter/filter-list/filter-list.component.mjs +44 -0
- package/esm2022/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.mjs +36 -0
- package/esm2022/table-builder/components/table-container-filter/table-wrapper-filter-store.mjs +25 -0
- package/esm2022/table-builder/directives/custom-cell-directive.mjs +73 -0
- package/esm2022/table-builder/directives/index.mjs +6 -0
- package/esm2022/table-builder/directives/multi-sort.directive.mjs +50 -0
- package/esm2022/table-builder/directives/resize-column.directive.mjs +87 -0
- package/esm2022/table-builder/directives/table-wrapper.directive.mjs +18 -0
- package/esm2022/table-builder/directives/tb-filter.directive.mjs +396 -0
- package/esm2022/table-builder/enums/filterTypes.mjs +29 -0
- package/esm2022/table-builder/functions/boolean-filter-function.mjs +10 -0
- package/esm2022/table-builder/functions/date-filter-function.mjs +58 -0
- package/esm2022/table-builder/functions/download-data.mjs +12 -0
- package/esm2022/table-builder/functions/null-filter-function.mjs +8 -0
- package/esm2022/table-builder/functions/number-filter-function.mjs +32 -0
- package/esm2022/table-builder/functions/sort-data-function.mjs +17 -0
- package/esm2022/table-builder/functions/string-filter-function.mjs +41 -0
- package/esm2022/table-builder/interfaces/ColumnInfo.mjs +2 -0
- package/esm2022/table-builder/interfaces/dictionary.mjs +2 -0
- package/esm2022/table-builder/interfaces/report-def.mjs +50 -0
- package/esm2022/table-builder/ngrx/tableBuilderStateStore.mjs +154 -0
- package/esm2022/table-builder/pipes/column-total.pipe.mjs +22 -0
- package/esm2022/table-builder/pipes/format-filter-type.pipe.mjs +18 -0
- package/esm2022/table-builder/pipes/format-filter-value.pipe.mjs +43 -0
- package/esm2022/table-builder/pipes/key-display.mjs +18 -0
- package/esm2022/table-builder/services/export-to-csv.service.mjs +75 -0
- package/esm2022/table-builder/services/link-creator.service.mjs +50 -0
- package/esm2022/table-builder/services/table-template-service.mjs +60 -0
- package/esm2022/table-builder/services/transform-creator.mjs +100 -0
- package/esm2022/table-builder/table-builder.module.mjs +124 -0
- package/esm2022/utilities/array-helpers.mjs +14 -0
- package/esm2022/utilities/directives/auto-focus.directive.mjs +25 -0
- package/esm2022/utilities/directives/clickEmitterDirective.mjs +22 -0
- package/esm2022/utilities/directives/clickSubject.mjs +29 -0
- package/esm2022/utilities/directives/conditional-classes.directive.mjs +36 -0
- package/esm2022/utilities/directives/dialog-service.mjs +21 -0
- package/esm2022/utilities/directives/dialog.mjs +145 -0
- package/esm2022/utilities/directives/mat-toggle-group-directive.mjs +59 -0
- package/esm2022/utilities/directives/prevent-enter.directive.mjs +20 -0
- package/esm2022/utilities/directives/stop-propagation.directive.mjs +26 -0
- package/esm2022/utilities/directives/styler.mjs +41 -0
- package/esm2022/utilities/directives/trim-whitespace.directive.mjs +28 -0
- package/esm2022/utilities/index.mjs +16 -0
- package/esm2022/utilities/module.mjs +90 -0
- package/esm2022/utilities/pipes/function.pipe.mjs +22 -0
- package/esm2022/utilities/pipes/phone.pipe.mjs +20 -0
- package/esm2022/utilities/pipes/space-case.pipes.mjs +28 -0
- package/fesm2022/one-paragon-angular-utilities.mjs +5670 -0
- package/fesm2022/one-paragon-angular-utilities.mjs.map +1 -0
- package/http-request-state/HttpRequestStateFactory.d.ts +17 -0
- package/http-request-state/HttpRequestStateStore.d.ts +54 -0
- package/http-request-state/directives/HttpStateDirectiveBase.d.ts +14 -0
- package/http-request-state/directives/http-error-state-directive.d.ts +9 -0
- package/http-request-state/directives/http-inProgress-state-directive.d.ts +9 -0
- package/http-request-state/directives/http-notStarted-state-directive.d.ts +9 -0
- package/http-request-state/directives/http-success-state-directive.d.ts +16 -0
- package/{src/http-request-state/directives/index.ts → http-request-state/directives/index.d.ts} +5 -5
- package/http-request-state/directives/request-state-directive.d.ts +34 -0
- package/http-request-state/helpers.d.ts +9 -0
- package/http-request-state/http-request-state.d.ts +12 -0
- package/http-request-state/http-state-module.d.ts +11 -0
- package/{src/http-request-state/index.ts → http-request-state/index.d.ts} +6 -6
- package/http-request-state/rxjs/getRequestorBody.d.ts +3 -0
- package/http-request-state/rxjs/getRequestorState.d.ts +3 -0
- package/{src/http-request-state/rxjs/index.ts → http-request-state/rxjs/index.d.ts} +4 -4
- package/http-request-state/rxjs/tapError.d.ts +3 -0
- package/http-request-state/rxjs/tapSuccess.d.ts +3 -0
- package/http-request-state/types.d.ts +41 -0
- package/index.d.ts +5 -0
- package/ngrx/actionable-selector.d.ts +17 -0
- package/ngrx/index.d.ts +1 -0
- package/package.json +30 -16
- package/{src/public-api.ts → public-api.d.ts} +16 -35
- package/rxjs/defaultShareReplay.d.ts +2 -0
- package/{src/rxjs/index.ts → rxjs/index.d.ts} +5 -5
- package/rxjs/mapError.d.ts +2 -0
- package/rxjs/rxjs-operators.d.ts +13 -0
- package/rxjs/subjectifier.d.ts +8 -0
- package/rxjs/subscriber.directive.d.ts +14 -0
- package/table-builder/classes/DefaultSettings.d.ts +9 -0
- package/table-builder/classes/MatTableObservableDataSource.d.ts +9 -0
- package/table-builder/classes/TableBuilderConfig.d.ts +21 -0
- package/table-builder/classes/TableBuilderDataSource.d.ts +12 -0
- package/table-builder/classes/TableState.d.ts +67 -0
- package/table-builder/classes/data-store.d.ts +8 -0
- package/{src/table-builder/classes/display-col.ts → table-builder/classes/display-col.d.ts} +5 -5
- package/table-builder/classes/filter-info.d.ts +35 -0
- package/table-builder/classes/table-builder-general-settings.d.ts +78 -0
- package/table-builder/classes/table-builder.d.ts +18 -0
- package/table-builder/classes/table-store.d.ts +138 -0
- package/table-builder/components/array-column.component.d.ts +15 -0
- package/table-builder/components/column-builder/column-builder.component.d.ts +47 -0
- package/table-builder/components/column-builder/column-helpers.d.ts +36 -0
- package/table-builder/components/date-filter/date-filter.component.d.ts +37 -0
- package/table-builder/components/date-time-filter/date-time-filter.component.d.ts +37 -0
- package/table-builder/components/filter/filter.component.d.ts +46 -0
- package/table-builder/components/filter/in-list/in-list-filter.component.d.ts +24 -0
- package/table-builder/components/gen-col-displayer/gen-col-displayer.component.d.ts +17 -0
- package/table-builder/components/generic-table/generic-table.component.d.ts +83 -0
- package/table-builder/components/generic-table/paginator.component.d.ts +30 -0
- package/table-builder/components/group-by-list/group-by-list.component.d.ts +7 -0
- package/table-builder/components/header-menu/header-menu.component.d.ts +51 -0
- package/table-builder/components/in-filter/in-filter.component.d.ts +20 -0
- package/{src/table-builder/components/index.ts → table-builder/components/index.d.ts} +9 -9
- package/table-builder/components/initialization-component/initialization-component.d.ts +13 -0
- package/table-builder/components/link-column.component.d.ts +25 -0
- package/table-builder/components/number-filter/number-filter.component.d.ts +39 -0
- package/table-builder/components/profiles-menu/profiles-menu.component.d.ts +32 -0
- package/table-builder/components/scroll-strategy.d.ts +22 -0
- package/table-builder/components/sort-menu/sort-menu.component-store.d.ts +24 -0
- package/table-builder/components/sort-menu/sort-menu.component.d.ts +24 -0
- package/{src/table-builder/components/table-container/table-container-imports.ts → table-builder/components/table-container/table-container-imports.d.ts} +14 -32
- package/table-builder/components/table-container/table-container.d.ts +79 -0
- package/table-builder/components/table-container/table-container.helpers/data-state.helpers.d.ts +6 -0
- package/table-builder/components/table-container/table-container.helpers/filter-state.helpers.d.ts +17 -0
- package/table-builder/components/table-container/table-container.helpers/groupBy.helpers.d.ts +17 -0
- package/table-builder/components/table-container/table-container.helpers/sort-state.helpers.d.ts +8 -0
- package/table-builder/components/table-container/tableProps.d.ts +12 -0
- package/table-builder/components/table-container/virtual-scroll-container.d.ts +35 -0
- package/table-builder/components/table-container-filter/filter-list/filter-list.component.d.ts +15 -0
- package/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.d.ts +12 -0
- package/table-builder/components/table-container-filter/table-wrapper-filter-store.d.ts +14 -0
- package/table-builder/directives/custom-cell-directive.d.ts +33 -0
- package/{src/table-builder/directives/index.ts → table-builder/directives/index.d.ts} +5 -6
- package/table-builder/directives/multi-sort.directive.d.ts +10 -0
- package/table-builder/directives/resize-column.directive.d.ts +43 -0
- package/table-builder/directives/table-wrapper.directive.d.ts +8 -0
- package/table-builder/directives/tb-filter.directive.d.ts +115 -0
- package/table-builder/enums/filterTypes.d.ts +36 -0
- package/table-builder/functions/boolean-filter-function.d.ts +3 -0
- package/table-builder/functions/date-filter-function.d.ts +4 -0
- package/table-builder/functions/download-data.d.ts +1 -0
- package/table-builder/functions/null-filter-function.d.ts +2 -0
- package/table-builder/functions/number-filter-function.d.ts +4 -0
- package/table-builder/functions/sort-data-function.d.ts +6 -0
- package/table-builder/functions/string-filter-function.d.ts +5 -0
- package/{src/table-builder/interfaces/ColumnInfo.ts → table-builder/interfaces/ColumnInfo.d.ts} +6 -7
- package/{src/table-builder/interfaces/dictionary.ts → table-builder/interfaces/dictionary.d.ts} +3 -3
- package/table-builder/interfaces/report-def.d.ts +147 -0
- package/table-builder/ngrx/tableBuilderStateStore.d.ts +70 -0
- package/table-builder/pipes/column-total.pipe.d.ts +8 -0
- package/table-builder/pipes/format-filter-type.pipe.d.ts +8 -0
- package/table-builder/pipes/format-filter-value.pipe.d.ts +12 -0
- package/table-builder/pipes/key-display.d.ts +10 -0
- package/table-builder/services/export-to-csv.service.d.ts +14 -0
- package/table-builder/services/link-creator.service.d.ts +16 -0
- package/table-builder/services/table-template-service.d.ts +14 -0
- package/table-builder/services/transform-creator.d.ts +16 -0
- package/table-builder/table-builder.module.d.ts +21 -0
- package/utilities/array-helpers.d.ts +1 -0
- package/utilities/directives/auto-focus.directive.d.ts +9 -0
- package/utilities/directives/clickEmitterDirective.d.ts +7 -0
- package/utilities/directives/clickSubject.d.ts +9 -0
- package/utilities/directives/conditional-classes.directive.d.ts +13 -0
- package/utilities/directives/dialog-service.d.ts +10 -0
- package/utilities/directives/dialog.d.ts +44 -0
- package/utilities/directives/mat-toggle-group-directive.d.ts +21 -0
- package/utilities/directives/prevent-enter.directive.d.ts +6 -0
- package/utilities/directives/stop-propagation.directive.d.ts +7 -0
- package/utilities/directives/styler.d.ts +15 -0
- package/utilities/directives/trim-whitespace.directive.d.ts +7 -0
- package/{src/utilities/index.ts → utilities/index.d.ts} +15 -22
- package/utilities/module.d.ts +19 -0
- package/utilities/pipes/function.pipe.d.ts +7 -0
- package/utilities/pipes/phone.pipe.d.ts +7 -0
- package/utilities/pipes/space-case.pipes.d.ts +17 -0
- package/karma.conf.js +0 -44
- package/ng-package.json +0 -7
- package/src/action-state/action-state-spinner/action-state-spinner.component.css +0 -16
- package/src/action-state/action-state-spinner/action-state-spinner.component.html +0 -6
- package/src/action-state/action-state-spinner/action-state-spinner.component.spec.ts +0 -25
- package/src/action-state/action-state-spinner/action-state-spinner.component.ts +0 -26
- package/src/action-state/action-state-ui/action-state-ui.module.ts +0 -13
- package/src/action-state/ngrx-ext/ngrx-ext.module.ts +0 -15
- package/src/action-state/ngrx.ts +0 -69
- package/src/http-request-state/HttpRequestStateFactory.ts +0 -66
- package/src/http-request-state/HttpRequestStateStore.ts +0 -173
- package/src/http-request-state/directives/HttpStateDirectiveBase.ts +0 -29
- package/src/http-request-state/directives/http-error-state-directive.ts +0 -21
- package/src/http-request-state/directives/http-inProgress-state-directive.ts +0 -19
- package/src/http-request-state/directives/http-notStarted-state-directive.ts +0 -19
- package/src/http-request-state/directives/http-success-state-directive.ts +0 -29
- package/src/http-request-state/directives/request-state-directive.spec.ts +0 -72
- package/src/http-request-state/directives/request-state-directive.ts +0 -78
- package/src/http-request-state/helpers.ts +0 -30
- package/src/http-request-state/http-request-state.ts +0 -69
- package/src/http-request-state/http-state-module.ts +0 -23
- package/src/http-request-state/observable.spec.ts +0 -43
- package/src/http-request-state/rxjs/getRequestorBody.ts +0 -10
- package/src/http-request-state/rxjs/getRequestorState.ts +0 -8
- package/src/http-request-state/rxjs/tapError.ts +0 -16
- package/src/http-request-state/rxjs/tapSuccess.ts +0 -16
- package/src/http-request-state/strategies.spec.ts +0 -42
- package/src/http-request-state/types.ts +0 -55
- package/src/ngrx/actionable-selector.ts +0 -95
- package/src/ngrx/index.ts +0 -1
- package/src/rxjs/defaultShareReplay.ts +0 -8
- package/src/rxjs/mapError.ts +0 -8
- package/src/rxjs/rxjs-operators.ts +0 -132
- package/src/rxjs/subjectifier.ts +0 -17
- package/src/rxjs/subscriber.directive.ts +0 -57
- package/src/specs/clickSubject.spec.ts +0 -95
- package/src/specs/dialog.spec.ts +0 -101
- package/src/specs/toggleGroupDirective.spec.ts +0 -229
- package/src/table-builder/classes/DefaultSettings.ts +0 -11
- package/src/table-builder/classes/MatTableObservableDataSource.ts +0 -23
- package/src/table-builder/classes/TableBuilderConfig.ts +0 -35
- package/src/table-builder/classes/TableBuilderDataSource.ts +0 -80
- package/src/table-builder/classes/TableState.ts +0 -96
- package/src/table-builder/classes/data-store.ts +0 -10
- package/src/table-builder/classes/filter-info.ts +0 -108
- package/src/table-builder/classes/table-builder-general-settings.ts +0 -129
- package/src/table-builder/classes/table-builder.ts +0 -94
- package/src/table-builder/classes/table-store.ts +0 -471
- package/src/table-builder/components/array-column.component.ts +0 -36
- package/src/table-builder/components/column-builder/column-builder.component.html +0 -61
- package/src/table-builder/components/column-builder/column-builder.component.scss +0 -43
- package/src/table-builder/components/column-builder/column-builder.component.spec.ts +0 -49
- package/src/table-builder/components/column-builder/column-builder.component.ts +0 -135
- package/src/table-builder/components/column-builder/column-helpers.ts +0 -53
- package/src/table-builder/components/date-filter/date-filter.component.html +0 -23
- package/src/table-builder/components/date-filter/date-filter.component.ts +0 -24
- package/src/table-builder/components/date-time-filter/date-time-filter.component.html +0 -9
- package/src/table-builder/components/date-time-filter/date-time-filter.component.ts +0 -22
- package/src/table-builder/components/filter/filter.component.html +0 -91
- package/src/table-builder/components/filter/filter.component.scss +0 -64
- package/src/table-builder/components/filter/filter.component.spec.ts +0 -87
- package/src/table-builder/components/filter/filter.component.ts +0 -60
- package/src/table-builder/components/filter/in-list/in-list-filter.component.ts +0 -93
- package/src/table-builder/components/gen-col-displayer/gen-col-displayer.component.html +0 -55
- package/src/table-builder/components/gen-col-displayer/gen-col-displayer.component.scss +0 -57
- package/src/table-builder/components/gen-col-displayer/gen-col-displayer.component.ts +0 -59
- package/src/table-builder/components/generic-table/generic-table.component.html +0 -78
- package/src/table-builder/components/generic-table/generic-table.component.scss +0 -42
- package/src/table-builder/components/generic-table/generic-table.component.ts +0 -299
- package/src/table-builder/components/generic-table/paginator.component.ts +0 -99
- package/src/table-builder/components/group-by-list/group-by-list.component.css +0 -8
- package/src/table-builder/components/group-by-list/group-by-list.component.html +0 -12
- package/src/table-builder/components/group-by-list/group-by-list.component.spec.ts +0 -23
- package/src/table-builder/components/group-by-list/group-by-list.component.ts +0 -21
- package/src/table-builder/components/header-menu/header-menu.component.html +0 -104
- package/src/table-builder/components/header-menu/header-menu.component.scss +0 -96
- package/src/table-builder/components/header-menu/header-menu.component.ts +0 -99
- package/src/table-builder/components/in-filter/in-filter.component.css +0 -3
- package/src/table-builder/components/in-filter/in-filter.component.html +0 -20
- package/src/table-builder/components/in-filter/in-filter.component.ts +0 -66
- package/src/table-builder/components/initialization-component/initialization-component.html +0 -29
- package/src/table-builder/components/initialization-component/initialization-component.ts +0 -24
- package/src/table-builder/components/link-column.component.ts +0 -47
- package/src/table-builder/components/number-filter/number-filter.component.css +0 -10
- package/src/table-builder/components/number-filter/number-filter.component.html +0 -19
- package/src/table-builder/components/number-filter/number-filter.component.spec.ts +0 -30
- package/src/table-builder/components/number-filter/number-filter.component.ts +0 -25
- package/src/table-builder/components/profiles-menu/profiles-menu.component.html +0 -74
- package/src/table-builder/components/profiles-menu/profiles-menu.component.scss +0 -98
- package/src/table-builder/components/profiles-menu/profiles-menu.component.spec.ts +0 -23
- package/src/table-builder/components/profiles-menu/profiles-menu.component.ts +0 -65
- package/src/table-builder/components/scroll-strategy.ts +0 -76
- package/src/table-builder/components/sort-menu/sort-menu.component-store.ts +0 -66
- package/src/table-builder/components/sort-menu/sort-menu.component.html +0 -111
- package/src/table-builder/components/sort-menu/sort-menu.component.scss +0 -119
- package/src/table-builder/components/sort-menu/sort-menu.component.ts +0 -98
- package/src/table-builder/components/table-container/table-container.css +0 -54
- package/src/table-builder/components/table-container/table-container.helpers/data-state.helpers.ts +0 -141
- package/src/table-builder/components/table-container/table-container.helpers/filter-state.helpers.ts +0 -106
- package/src/table-builder/components/table-container/table-container.helpers/groupBy.helpers.ts +0 -86
- package/src/table-builder/components/table-container/table-container.helpers/sort-state.helpers.ts +0 -45
- package/src/table-builder/components/table-container/table-container.html +0 -95
- package/src/table-builder/components/table-container/table-container.spec.ts +0 -154
- package/src/table-builder/components/table-container/table-container.ts +0 -356
- package/src/table-builder/components/table-container/tableProps.ts +0 -20
- package/src/table-builder/components/table-container/virtual-scroll-container.ts +0 -145
- package/src/table-builder/components/table-container-filter/filter-list/filter-list.component.html +0 -31
- package/src/table-builder/components/table-container-filter/filter-list/filter-list.component.ts +0 -46
- package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.css +0 -42
- package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.html +0 -10
- package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.spec.ts +0 -86
- package/src/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.ts +0 -34
- package/src/table-builder/components/table-container-filter/table-wrapper-filter-store.ts +0 -23
- package/src/table-builder/directives/custom-cell-directive.ts +0 -58
- package/src/table-builder/directives/multi-sort.directive.spec.ts +0 -124
- package/src/table-builder/directives/multi-sort.directive.ts +0 -51
- package/src/table-builder/directives/resize-column.directive.ts +0 -108
- package/src/table-builder/directives/table-wrapper.directive.ts +0 -14
- package/src/table-builder/directives/tb-filter.directive.ts +0 -396
- package/src/table-builder/enums/filterTypes.ts +0 -40
- package/src/table-builder/functions/boolean-filter-function.ts +0 -12
- package/src/table-builder/functions/date-filter-function.ts +0 -68
- package/src/table-builder/functions/download-data.ts +0 -11
- package/src/table-builder/functions/null-filter-function.ts +0 -9
- package/src/table-builder/functions/number-filter-function.ts +0 -41
- package/src/table-builder/functions/sort-data-function.ts +0 -23
- package/src/table-builder/functions/string-filter-function.ts +0 -51
- package/src/table-builder/interfaces/column-template.ts +0 -9
- package/src/table-builder/interfaces/report-def.ts +0 -155
- package/src/table-builder/ngrx/tableBuilderStateStore.ts +0 -199
- package/src/table-builder/pipes/column-total.pipe.ts +0 -17
- package/src/table-builder/pipes/format-filter-type.pipe.ts +0 -12
- package/src/table-builder/pipes/format-filter-value.pipe.ts +0 -42
- package/src/table-builder/pipes/key-display.ts +0 -16
- package/src/table-builder/services/export-to-csv.service.ts +0 -97
- package/src/table-builder/services/link-creator.service.ts +0 -67
- package/src/table-builder/services/table-template-service.ts +0 -59
- package/src/table-builder/services/transform-creator.ts +0 -95
- package/src/table-builder/specs/table-custom-filters.spec.ts +0 -262
- package/src/table-builder/styles/collapser.styles.scss +0 -16
- package/src/table-builder/table-builder.module.ts +0 -73
- package/src/test.ts +0 -17
- package/src/utilities/array-helpers.ts +0 -13
- package/src/utilities/directives/auto-focus.directive.ts +0 -21
- package/src/utilities/directives/clickEmitterDirective.ts +0 -16
- package/src/utilities/directives/clickSubject.ts +0 -20
- package/src/utilities/directives/conditional-classes.directive.ts +0 -36
- package/src/utilities/directives/dialog-service.ts +0 -19
- package/src/utilities/directives/dialog.ts +0 -144
- package/src/utilities/directives/mat-toggle-group-directive.ts +0 -61
- package/src/utilities/directives/prevent-enter.directive.ts +0 -13
- package/src/utilities/directives/stop-propagation.directive.ts +0 -20
- package/src/utilities/directives/styler.ts +0 -40
- package/src/utilities/directives/trim-whitespace.directive.ts +0 -21
- package/src/utilities/module.ts +0 -55
- package/src/utilities/pipes/function.pipe.ts +0 -16
- package/src/utilities/pipes/phone.pipe.ts +0 -15
- package/src/utilities/pipes/space-case.pipes.spec.ts +0 -47
- package/src/utilities/pipes/space-case.pipes.ts +0 -23
- package/tsconfig.lib.json +0 -19
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -17
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { Observable, of, Subscription } from 'rxjs';
|
|
2
|
-
import { ComponentStore } from '@ngrx/component-store';
|
|
3
|
-
import { HttpRequestFactory, HttpRequestStrategy, HttpRequestStatus, HttpRequestState, RequestStateOptions, HttpRequestStateCancelled } from './types';
|
|
4
|
-
import { createFailure, createSuccess, inProgress, isErrorState, isSuccessOrErrorState, isSuccessState, notStarted } from './helpers';
|
|
5
|
-
import { concatMap, filter, map, mergeMap, startWith, switchMap, takeUntil, tap } from 'rxjs/operators';
|
|
6
|
-
import { HttpErrorResponse } from '@angular/common/http';
|
|
7
|
-
import { mapError } from '../rxjs/mapError';
|
|
8
|
-
import { defaultShareReplay } from '../rxjs/defaultShareReplay';
|
|
9
|
-
import { computed, Directive, Injector, isSignal, Signal } from '@angular/core';
|
|
10
|
-
import { toObservable } from '@angular/core/rxjs-interop';
|
|
11
|
-
import { notNull } from '../rxjs';
|
|
12
|
-
|
|
13
|
-
export interface RequestResponse<TParam extends any[], T> {
|
|
14
|
-
requestParams: [...TParam];
|
|
15
|
-
response: HttpRequestState<T>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@Directive()
|
|
19
|
-
export class HttpRequestStateStore<TParam extends any[], V, R = null, T = R extends null ? V : R> extends ComponentStore<RequestResponse<TParam, T>> {
|
|
20
|
-
private options?: RequestStateOptions;
|
|
21
|
-
private project?: (v: V) => R;
|
|
22
|
-
private req: HttpRequestFactory<TParam, V>;
|
|
23
|
-
private injector?: Injector;
|
|
24
|
-
constructor(req: HttpRequestFactory<TParam, V> ,options?: RequestStateOptions<TParam>, project?: (v: V) => R) {
|
|
25
|
-
super({ requestParams: null as any, response: notStarted });
|
|
26
|
-
this.project = project;
|
|
27
|
-
this.options = options;
|
|
28
|
-
this.injector = options?.injector;
|
|
29
|
-
this.req = req;
|
|
30
|
-
this.request = (this.options?.strategy === HttpRequestStrategy.singleUse) ? this.singleUseRequest : this.flattenedRequest;
|
|
31
|
-
|
|
32
|
-
if(options?.autoRequestWith){
|
|
33
|
-
this.request(...options.autoRequestWith);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
reset() {
|
|
38
|
-
this.setState({ requestParams:null as any, response: notStarted });
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
private flatteningStrategy = () => {
|
|
42
|
-
if(this.options?.strategy === HttpRequestStrategy.concurrent)
|
|
43
|
-
return mergeMap( (params: [...TParam]) => this.createRequest(...params));
|
|
44
|
-
if(this.options?.strategy === HttpRequestStrategy.sequential)
|
|
45
|
-
return concatMap( (params: [...TParam]) => this.createRequest(...params));
|
|
46
|
-
return switchMap( (params: [...TParam]) => ((params[0] as any) instanceof CancellationToken) ?
|
|
47
|
-
of({ requestParams: params[0], response: { status: HttpRequestStatus.cancelled } as HttpRequestStateCancelled } ) : this.createRequest(...params) );
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
private requestEffect: (value: [...TParam] ) => Subscription = this.effect((obs: Observable<[...TParam]>) => {
|
|
51
|
-
return (obs).pipe(
|
|
52
|
-
this.flatteningStrategy(),
|
|
53
|
-
tap<RequestResponse<TParam, T>>(state => this.setState(state)),
|
|
54
|
-
);
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
private flattenedRequest = (...value: [...TParam]) => {
|
|
58
|
-
return this.requestEffect(value) as Subscription;
|
|
59
|
-
}
|
|
60
|
-
private singleUseRequest = (...value: [...TParam]) => {
|
|
61
|
-
if (this.get().response.status !== HttpRequestStatus.notStarted) {
|
|
62
|
-
throw new Error("state can not be reused. either reset the state by calling reset() or use a state requester that allows concurrent requests.");
|
|
63
|
-
}
|
|
64
|
-
return this.requestEffect(value) as Subscription;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
selectHttpState$ = this.state$.pipe(map(a => a.response));
|
|
68
|
-
|
|
69
|
-
selectStatus$ = this.selectHttpState$.pipe(map(a => a.status));
|
|
70
|
-
|
|
71
|
-
selectError$ = this.state$.pipe(
|
|
72
|
-
map(r => r.response),
|
|
73
|
-
filter(isErrorState),
|
|
74
|
-
map( state => state.error)
|
|
75
|
-
);
|
|
76
|
-
|
|
77
|
-
selectResponse$: Observable<T> = this.state$.pipe(
|
|
78
|
-
map(r => r.response),
|
|
79
|
-
filter(isSuccessState),
|
|
80
|
-
map( state => state.body)
|
|
81
|
-
);
|
|
82
|
-
selectSuccessOrError$ = this.state$.pipe(
|
|
83
|
-
map(r => r.response),
|
|
84
|
-
filter(isSuccessOrErrorState),
|
|
85
|
-
map( () => null)
|
|
86
|
-
);
|
|
87
|
-
|
|
88
|
-
errorHandled = false;
|
|
89
|
-
onError( cb: (error: HttpErrorResponse) => void) {
|
|
90
|
-
this.errorHandled = true;
|
|
91
|
-
this.on(this.selectError$, cb);
|
|
92
|
-
return this;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
onSuccess( cb: (body?: T) => void) {
|
|
96
|
-
this.on(this.selectResponse$, cb);
|
|
97
|
-
return this;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
onSuccessOrError(cb: () => void){
|
|
101
|
-
this.on(this.selectSuccessOrError$, cb);
|
|
102
|
-
return this;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
onSuccessWithRequest(func: (state: {
|
|
106
|
-
requestParams: [...TParam];
|
|
107
|
-
body: T;
|
|
108
|
-
}) => void) {
|
|
109
|
-
this.onUpdate(({ requestParams, response }) => {
|
|
110
|
-
if(isSuccessState(response)){
|
|
111
|
-
func({requestParams,body: response.body});
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
return this;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
onErrorWithRequest(func: (state: {
|
|
118
|
-
error: HttpErrorResponse;
|
|
119
|
-
requestParams: [...TParam];
|
|
120
|
-
}) => void) {
|
|
121
|
-
this.onUpdate( ({ requestParams, response }) => {
|
|
122
|
-
if(isErrorState(response)){
|
|
123
|
-
func({ requestParams, error: response.error });
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
return this;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
private createRequest(...params: [...TParam]): Observable<RequestResponse<TParam, T>> {
|
|
130
|
-
return this.req(...params).pipe(
|
|
131
|
-
map(re => createSuccess((this.project ? this.project(re) : re) as T)),
|
|
132
|
-
mapError(createFailure),
|
|
133
|
-
startWith(inProgress),
|
|
134
|
-
map( state => ({ requestParams: params, response: state })),
|
|
135
|
-
defaultShareReplay()
|
|
136
|
-
);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
onUpdate(func: (state: {
|
|
140
|
-
requestParams: [...TParam];
|
|
141
|
-
response: HttpRequestState<T>;
|
|
142
|
-
}) => void) {
|
|
143
|
-
this.on(this.state$, func);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
on = <V>(srcObservable: Observable<V>, func: (obj: V) => void): Subscription => {
|
|
147
|
-
return this.effect((src: Observable<V>) => {
|
|
148
|
-
return src.pipe(tap(func));
|
|
149
|
-
})(srcObservable) as Subscription;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
request: (...value: [...TParam] ) => Subscription;
|
|
153
|
-
|
|
154
|
-
ngOnDestroy() {
|
|
155
|
-
super.ngOnDestroy();
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
requestWith = (params: Observable<[...TParam]> | Signal<[...TParam]>) => {
|
|
159
|
-
if(isSignal(params)){
|
|
160
|
-
params = toObservable(params, { injector: this.injector }).pipe(notNull());
|
|
161
|
-
}
|
|
162
|
-
params.pipe(takeUntil(this.destroy$)).subscribe((p) => this.request(...p));
|
|
163
|
-
return this;
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
export class CancellationToken {}
|
|
167
|
-
export function wrapInArr<T>(sig: Signal<T>) : Signal<[T]>;
|
|
168
|
-
export function wrapInArr<T>(obs: Observable<T>): Observable<[T]>;
|
|
169
|
-
export function wrapInArr<T>(sigOrObs: Signal<T> | Observable<T>){
|
|
170
|
-
return isSignal(sigOrObs) ?
|
|
171
|
-
computed(() => [sigOrObs()])
|
|
172
|
-
: sigOrObs.pipe(map(a => [a]));
|
|
173
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Directive, inject, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
-
import { HttpRequestState } from '../types';
|
|
3
|
-
import { HttpRequestStateDirective } from './request-state-directive';
|
|
4
|
-
|
|
5
|
-
@Directive()
|
|
6
|
-
export abstract class HttpStateDirectiveBase<V, R = null> {
|
|
7
|
-
hasView = false;
|
|
8
|
-
private injector = inject(Injector);
|
|
9
|
-
protected templateRef = inject(TemplateRef<{ $implicit: R extends null ? V : R }>);
|
|
10
|
-
protected viewContainer = inject(ViewContainerRef);
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
const parent = this.injector.get(HttpRequestStateDirective);
|
|
13
|
-
if (parent == null) {
|
|
14
|
-
throw new Error('You can only use an http state directive as a child of the httpRequestState directive.');
|
|
15
|
-
}
|
|
16
|
-
parent.hooks.push(this.baseRender);
|
|
17
|
-
this.baseRender(parent.ViewContext.state);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
private baseRender = (state: HttpRequestState): void => {
|
|
21
|
-
if (this.hasView) {
|
|
22
|
-
this.viewContainer.clear();
|
|
23
|
-
this.hasView = false;
|
|
24
|
-
}
|
|
25
|
-
this.hasView = this.render(state);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
abstract render: (state: HttpRequestState) => boolean;
|
|
29
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { isErrorState } from '../helpers';
|
|
3
|
-
import { HttpRequestState } from '../types';
|
|
4
|
-
import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
|
|
5
|
-
|
|
6
|
-
@Directive({ selector: '[httpErrorState]', standalone: true })
|
|
7
|
-
export class HttpErrorStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
render = (state: HttpRequestState<any>) => {
|
|
11
|
-
if (isErrorState(state)) {
|
|
12
|
-
this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: state.error });
|
|
13
|
-
return true;
|
|
14
|
-
}
|
|
15
|
-
return false;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
ngOnInit() {
|
|
19
|
-
super.ngOnInit();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
|
|
3
|
-
import { HttpRequestState, HttpRequestStatus } from '../types'
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
@Directive({ selector: '[httpInProgressState]', standalone: true })
|
|
7
|
-
export class HttpInProgressStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> {
|
|
8
|
-
render = (state: HttpRequestState<any>) => {
|
|
9
|
-
if(state.status === HttpRequestStatus.inProgress){
|
|
10
|
-
this.viewContainer.createEmbeddedView(this.templateRef );
|
|
11
|
-
return true;
|
|
12
|
-
}
|
|
13
|
-
return false;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
super.ngOnInit();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { HttpRequestState, HttpRequestStatus } from '../types';
|
|
3
|
-
import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
@Directive({ selector: '[httpNotStartedState]', standalone: true })
|
|
7
|
-
export class HttpNotStartedStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> {
|
|
8
|
-
render = (state: HttpRequestState<any>) => {
|
|
9
|
-
if(state.status === HttpRequestStatus.notStarted){
|
|
10
|
-
this.viewContainer.createEmbeddedView(this.templateRef );
|
|
11
|
-
return true;
|
|
12
|
-
}
|
|
13
|
-
return false;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
super.ngOnInit();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
|
2
|
-
import { isSuccessState } from '../helpers';
|
|
3
|
-
import { HttpStateDirectiveBase } from './HttpStateDirectiveBase';
|
|
4
|
-
import { HttpRequestState } from '../types';
|
|
5
|
-
import { HttpRequestStateStore } from '../HttpRequestStateStore';
|
|
6
|
-
import { Observable } from 'rxjs';
|
|
7
|
-
|
|
8
|
-
export interface HttpSuccessStateViewContext<T> {
|
|
9
|
-
$implicit: T;
|
|
10
|
-
}
|
|
11
|
-
@Directive({ selector: '[httpSuccessState]', standalone: true })
|
|
12
|
-
export class HttpSuccessStateDirective<V, R = null> extends HttpStateDirectiveBase<V, R> {
|
|
13
|
-
@Input() httpSuccessStateTypeSafety?: HttpRequestStateStore<any, V, R> | Observable<HttpRequestState<V>>;
|
|
14
|
-
render = (state: HttpRequestState<R extends null ? V : R>) => {
|
|
15
|
-
if (isSuccessState(state)) {
|
|
16
|
-
this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: state.body });
|
|
17
|
-
return true;
|
|
18
|
-
}
|
|
19
|
-
return false;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
ngOnInit() {
|
|
23
|
-
super.ngOnInit();
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
static ngTemplateContextGuard<V, R>(dir: HttpSuccessStateDirective<V, R>, ctx: any): ctx is HttpSuccessStateViewContext<R extends null ? V : R> {
|
|
27
|
-
return true;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
2
|
-
import { Component, inject } from '@angular/core';
|
|
3
|
-
import { HttpRequestModule } from '../http-state-module';
|
|
4
|
-
import { HttpRequestStateStore } from '../HttpRequestStateStore';
|
|
5
|
-
import { Subject } from 'rxjs';
|
|
6
|
-
import { RequestStateOptions } from '../types';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
@Component({
|
|
10
|
-
template: `
|
|
11
|
-
<div *httpRequestState='requestState;let state;'>
|
|
12
|
-
<ng-container *httpNotStartedState>not started</ng-container>
|
|
13
|
-
<ng-container *httpInProgressState>in progress</ng-container>
|
|
14
|
-
<ng-container *httpSuccessState='let body' >success {{body}}</ng-container>
|
|
15
|
-
<ng-container *httpErrorState='let error' >error {{error}}</ng-container>
|
|
16
|
-
</div>
|
|
17
|
-
`,
|
|
18
|
-
}) export class TestHttpRequestStateDirectiveComponent {
|
|
19
|
requestState = inject<HttpRequestStateStore<any, any>>(HttpRequestStateStore);
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export class MockHttpRequestState<T> extends HttpRequestStateStore<[], T> {
|
|
24
|
-
subject = new Subject<T>();
|
|
25
|
-
constructor(options?: RequestStateOptions) {
|
|
26
|
-
super(()=> {
|
|
27
|
-
return this.subject;
|
|
28
|
-
}, options );
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
let requestState: MockHttpRequestState<string>;
|
|
33
|
-
let fixture: ComponentFixture<TestHttpRequestStateDirectiveComponent>;
|
|
34
|
-
|
|
35
|
-
describe('Request State Directive', () => {
|
|
36
|
-
|
|
37
|
-
beforeEach(() => {
|
|
38
|
-
requestState = new MockHttpRequestState<string>();
|
|
39
|
-
fixture = TestBed.configureTestingModule({
|
|
40
|
-
declarations: [TestHttpRequestStateDirectiveComponent],
|
|
41
|
-
providers: [{ provide: HttpRequestStateStore, useValue: requestState }],
|
|
42
|
-
imports: [HttpRequestModule]
|
|
43
|
-
}).createComponent(TestHttpRequestStateDirectiveComponent);
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
it('should begin with the state of not started', () => {
|
|
47
|
-
verifyText('not started');
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
it('should be in progress while in progress', () => {
|
|
51
|
-
requestState.request();
|
|
52
|
-
verifyText('in progress');
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
it('should be success when success', () => {
|
|
56
|
-
requestState.request();
|
|
57
|
-
requestState.subject.next('yay')
|
|
58
|
-
verifyText('success yay');
|
|
59
|
-
});
|
|
60
|
-
|
|
61
|
-
it('should be error when error', () => {
|
|
62
|
-
requestState.request();
|
|
63
|
-
requestState.subject.error('ouch');
|
|
64
|
-
verifyText('error ouch');
|
|
65
|
-
});
|
|
66
|
-
|
|
67
|
-
function verifyText(text:string) {
|
|
68
|
-
fixture.detectChanges();
|
|
69
|
-
const node: HTMLElement = fixture.nativeElement;
|
|
70
|
-
expect(node.innerText).toBe(text);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
});
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, TemplateRef, ViewContainerRef, inject } from '@angular/core';
|
|
2
|
-
import { defaultShareReplay } from '../../rxjs/defaultShareReplay';
|
|
3
|
-
import { isObservable, Observable, Subject, Unsubscribable } from 'rxjs';
|
|
4
|
-
import { map, switchAll } from 'rxjs/operators';
|
|
5
|
-
import { HttpRequestStateStore } from '../HttpRequestStateStore';
|
|
6
|
-
import { HttpRequestState, HttpRequestStatus } from '../types';
|
|
7
|
-
|
|
8
|
-
export interface HttpRequestStateViewContext<T> {
|
|
9
|
-
$implicit?: HttpRequestStateAny<T>;
|
|
10
|
-
state?: HttpRequestStateAny<T>;
|
|
11
|
-
status: {
|
|
12
|
-
inProgress: boolean;
|
|
13
|
-
notStarted: boolean;
|
|
14
|
-
success: boolean;
|
|
15
|
-
error: boolean;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@Directive({ selector: '[httpRequestState]', standalone: true })
|
|
20
|
-
export class HttpRequestStateDirective<TParam extends any[], V, R, T = R extends null ? V : R> {
|
|
21
|
-
private viewContainer: ViewContainerRef;
|
|
22
|
-
|
|
23
|
-
readonly ViewContext: HttpRequestStateViewContext<T> = {
|
|
24
|
-
$implicit: undefined,
|
|
25
|
-
state: undefined,
|
|
26
|
-
status: {
|
|
27
|
-
inProgress: false,
|
|
28
|
-
notStarted: true,
|
|
29
|
-
success: false,
|
|
30
|
-
error: false,
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
subject = new Subject<Observable<HttpRequestState<T>>>();
|
|
36
|
-
state = this.subject.pipe(switchAll(), defaultShareReplay());
|
|
37
|
-
subscription: Unsubscribable;
|
|
38
|
-
hooks: ((state: HttpRequestState<T>) => void)[] = [];
|
|
39
|
-
|
|
40
|
-
@Input('httpRequestState') set stateStore(store: HttpRequestStateStore<TParam, V, R, T> | Observable<HttpRequestState<T>>) {
|
|
41
|
-
if (isObservable(store)) {
|
|
42
|
-
this.subject.next(store);
|
|
43
|
-
} else {
|
|
44
|
-
this.subject.next(store.state$.pipe(map(state => state.response)));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef) {
|
|
49
|
-
this.viewContainer = viewContainer;
|
|
50
|
-
this.viewContainer.createEmbeddedView(templateRef, this.ViewContext);
|
|
51
|
-
this.subscription = this.state.subscribe(state => {
|
|
52
|
-
this.ViewContext.$implicit = state;
|
|
53
|
-
this.ViewContext.state = state;
|
|
54
|
-
this.ViewContext.status.inProgress = state.status === HttpRequestStatus.inProgress;
|
|
55
|
-
this.ViewContext.status.notStarted = state.status === HttpRequestStatus.notStarted;
|
|
56
|
-
this.ViewContext.status.success = state.status === HttpRequestStatus.success;
|
|
57
|
-
this.ViewContext.status.error = state.status === HttpRequestStatus.fail;
|
|
58
|
-
this.hooks.forEach(hook => hook(state));
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
ngOnDestroy() {
|
|
64
|
-
this.viewContainer.clear();
|
|
65
|
-
this.subscription.unsubscribe();
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
static ngTemplateContextGuard<V, R>(dir: HttpRequestStateDirective<any, V, R>, ctx: any): ctx is HttpRequestStateViewContext<R extends null ? V : R> {
|
|
69
|
-
return true;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
export type HttpRequestStateAny<T> = {
|
|
75
|
-
status: HttpRequestStatus;
|
|
76
|
-
body?: T;
|
|
77
|
-
error?: any;
|
|
78
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { HttpRequestState, HttpRequestStateError, HttpRequestStateInProgress, HttpRequestStateNotStarted, HttpRequestStateSuccess, HttpRequestStatus } from "./types";
|
|
2
|
-
|
|
3
|
-
export function isErrorState<T>(state: HttpRequestState<T>): state is HttpRequestStateError {
|
|
4
|
-
return state.status === HttpRequestStatus.fail;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export function isSuccessState<T>(state: HttpRequestState<T>): state is HttpRequestStateSuccess<T> {
|
|
8
|
-
return state.status === HttpRequestStatus.success;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export function isSuccessOrErrorState<T>(state: HttpRequestState<T>): state is (HttpRequestStateSuccess<T> | HttpRequestStateError) {
|
|
12
|
-
return state.status === HttpRequestStatus.success || state.status === HttpRequestStatus.fail;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export function createSuccess<T>(body: T): HttpRequestStateSuccess<T> {
|
|
16
|
-
return { status: HttpRequestStatus.success, body };
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export function createFailure(error: any): HttpRequestStateError {
|
|
20
|
-
return { status: HttpRequestStatus.fail, error };
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const notStarted: HttpRequestStateNotStarted = { status: HttpRequestStatus.notStarted };
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
export const inProgress: HttpRequestStateInProgress = { status: HttpRequestStatus.inProgress };
|
|
27
|
-
|
|
28
|
-
export function statusIsSuccessOrInProgress( status: HttpRequestStatus) {
|
|
29
|
-
return [HttpRequestStatus.success, HttpRequestStatus.inProgress].includes(status);
|
|
30
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { map, startWith, switchMap } from 'rxjs/operators';
|
|
2
|
-
import { getRequestorBody } from './rxjs/getRequestorBody';
|
|
3
|
-
import { getRequestorStatus } from './rxjs/getRequestorState';
|
|
4
|
-
import { mapError } from '../rxjs/mapError';
|
|
5
|
-
import { defaultShareReplay } from '../rxjs/defaultShareReplay';
|
|
6
|
-
import { Observable, of, ReplaySubject } from 'rxjs';
|
|
7
|
-
import { HttpRequestFactory, HttpRequestState, HttpRequestStatus } from './types';
|
|
8
|
-
import { createFailure, createSuccess, inProgress, notStarted } from './helpers';
|
|
9
|
-
|
|
10
|
-
export type HttpRequestState$ <T> = Observable<HttpRequestState<T>>;
|
|
11
|
-
|
|
12
|
-
export interface HttpRequestor <Res, Req> {
|
|
13
|
-
httpState$: Observable<HttpRequestState<Res>>;
|
|
14
|
-
status$: Observable<HttpRequestStatus>;
|
|
15
|
-
body$: Observable<Res>;
|
|
16
|
-
request: Req;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export function httpRequest<T = any>(req: Observable<T>): HttpRequestState$<T> {
|
|
20
|
-
return req.pipe(
|
|
21
|
-
map(createSuccess),
|
|
22
|
-
mapError(createFailure),
|
|
23
|
-
startWith(inProgress),
|
|
24
|
-
defaultShareReplay()
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export function httpRequestor<TParam extends any[], T>(req: HttpRequestFactory<TParam,T> ): HttpRequestor<T, (...params: [...TParam]) => Observable<HttpRequestState<T>>> {
|
|
29
|
-
const request$ = new ReplaySubject<[...TParam]>(1);
|
|
30
|
-
const httpState$ : HttpRequestState$<T> = request$.pipe(
|
|
31
|
-
switchMap( (params) => httpRequest<T>(req(...params)) ),
|
|
32
|
-
startWith(notStarted),
|
|
33
|
-
defaultShareReplay(),
|
|
34
|
-
);
|
|
35
|
-
const request = (...params: [...TParam]) => {
|
|
36
|
-
request$.next(params);
|
|
37
|
-
return httpState$;
|
|
38
|
-
};
|
|
39
|
-
return ({
|
|
40
|
-
request,
|
|
41
|
-
httpState$,
|
|
42
|
-
body$: httpState$.pipe(getRequestorBody),
|
|
43
|
-
status$: httpState$.pipe(getRequestorStatus)
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export function chainRequest<TParam extends any[], T, TT>(
|
|
48
|
-
httpState$: Observable<HttpRequestState<T>>,
|
|
49
|
-
request:HttpRequestFactory<TParam,TT>,
|
|
50
|
-
requestParams: ((responseFromPrevious: T) => [...TParam]) | (() => [...TParam])
|
|
51
|
-
): Observable<HttpRequestState<TT>> {
|
|
52
|
-
return httpState$.pipe(
|
|
53
|
-
switchMap( res => {
|
|
54
|
-
if(res.status === HttpRequestStatus.success) {
|
|
55
|
-
const secondReq = httpRequestor<[...TParam], TT>(request);
|
|
56
|
-
const param = requestParams(res.body);
|
|
57
|
-
secondReq.request(...param );
|
|
58
|
-
return secondReq.httpState$;
|
|
59
|
-
} else {
|
|
60
|
-
return of(res);
|
|
61
|
-
}
|
|
62
|
-
}),
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { HttpSuccessStateDirective } from './directives/http-success-state-directive';
|
|
3
|
-
import { HttpRequestStateDirective } from './directives/request-state-directive';
|
|
4
|
-
import { HttpErrorStateDirective } from './directives/http-error-state-directive';
|
|
5
|
-
import { HttpInProgressStateDirective } from './directives/http-inProgress-state-directive';
|
|
6
|
-
import { HttpNotStartedStateDirective } from './directives/http-notStarted-state-directive';
|
|
7
|
-
|
|
8
|
-
@NgModule({
|
|
9
|
-
imports: [
|
|
10
|
-
HttpSuccessStateDirective,
|
|
11
|
-
HttpRequestStateDirective,
|
|
12
|
-
HttpErrorStateDirective,
|
|
13
|
-
HttpInProgressStateDirective,
|
|
14
|
-
HttpNotStartedStateDirective,
|
|
15
|
-
],
|
|
16
|
-
exports: [
|
|
17
|
-
HttpSuccessStateDirective,
|
|
18
|
-
HttpRequestStateDirective,
|
|
19
|
-
HttpErrorStateDirective,
|
|
20
|
-
HttpInProgressStateDirective,
|
|
21
|
-
HttpNotStartedStateDirective,
|
|
22
|
-
]
|
|
23
|
-
}) export class HttpRequestModule { }
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { MockHttpRequestState } from "./directives/request-state-directive.spec";
|
|
2
|
-
import { createSuccess, inProgress, notStarted, createFailure } from "./helpers";
|
|
3
|
-
|
|
4
|
-
describe('HttpRequestStateStore', () => {
|
|
5
|
-
|
|
6
|
-
it('should begin with the state of not started', (done) => {
|
|
7
|
-
const requestState = new MockHttpRequestState<string>();
|
|
8
|
-
requestState.state$.subscribe( state => {
|
|
9
|
-
expect(state).toEqual({ requestParams: null as any , response: notStarted});
|
|
10
|
-
done();
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
it('should be in progress when request is made', (done) => {
|
|
15
|
-
const requestState = new MockHttpRequestState<string>();
|
|
16
|
-
requestState.request();
|
|
17
|
-
requestState.state$.subscribe( state => {
|
|
18
|
-
expect(state).toEqual({ requestParams: [], response: inProgress});
|
|
19
|
-
done();
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
it('should be in success when request completes successfully', (done) => {
|
|
24
|
-
const requestState = new MockHttpRequestState<string>();
|
|
25
|
-
requestState.request();
|
|
26
|
-
requestState.subject.next('hi');
|
|
27
|
-
requestState.state$.subscribe( state => {
|
|
28
|
-
expect(state).toEqual({ requestParams: [], response: createSuccess('hi')});
|
|
29
|
-
done();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
it('should be in error when request errors', (done) => {
|
|
34
|
-
const requestState = new MockHttpRequestState<string>();
|
|
35
|
-
requestState.request();
|
|
36
|
-
requestState.subject.error('error');
|
|
37
|
-
requestState.state$.subscribe( state => {
|
|
38
|
-
expect(state).toEqual({ requestParams: [], response: createFailure('error') });
|
|
39
|
-
done();
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
});
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { isSuccessState } from '../helpers';
|
|
2
|
-
import { HttpRequestState } from '../types';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { filter, map } from 'rxjs/operators';
|
|
5
|
-
|
|
6
|
-
export const getRequestorBody = <T>(source: Observable<HttpRequestState<T>>) =>
|
|
7
|
-
source.pipe(
|
|
8
|
-
filter(isSuccessState),
|
|
9
|
-
map( res => res.body)
|
|
10
|
-
);
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { tap } from 'rxjs/operators';
|
|
3
|
-
import { HttpRequestState } from '../types';
|
|
4
|
-
import { isErrorState } from '../helpers';
|
|
5
|
-
|
|
6
|
-
export function tapError(onError: (error: any) => void) {
|
|
7
|
-
return function (src: Observable<HttpRequestState>): Observable<HttpRequestState> {
|
|
8
|
-
return src.pipe(
|
|
9
|
-
tap( result => {
|
|
10
|
-
if(isErrorState(result)) {
|
|
11
|
-
onError(result.error);
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
);
|
|
15
|
-
};
|
|
16
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { tap } from 'rxjs/operators';
|
|
3
|
-
import { HttpRequestState } from '../types';
|
|
4
|
-
import { isSuccessState } from '../helpers';
|
|
5
|
-
|
|
6
|
-
export function tapSuccess<T>(onSuccess: (body: T) => void) {
|
|
7
|
-
return function (src: Observable<HttpRequestState<T>>): Observable<HttpRequestState<T>> {
|
|
8
|
-
return src.pipe(
|
|
9
|
-
tap( result => {
|
|
10
|
-
if(isSuccessState(result)) {
|
|
11
|
-
onSuccess(result.body);
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
);
|
|
15
|
-
};
|
|
16
|
-
}
|