@vality/matez 19.0.0 → 19.0.1-3162997.0

package/lib/components/filters/filters.module.d.ts

@@ -5,15 +5,14 @@ import * as i3 from "./components/filters-dialog/filters-dialog.component";
 import * as i4 from "./components/other-filters/other-filters.directive";
 import * as i5 from "./components/main-filters/main-filters.directive";
 import * as i6 from "@angular/common";
-import * as i7 from "@angular/material/card";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/icon";
-import * as i10 from "../dialog/dialog.module";
-import * as i11 from "@angular/cdk/layout";
-import * as i12 from "../actions/actions.module";
-import * as i13 from "@angular/material/badge";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "../dialog/dialog.module";
+import * as i10 from "@angular/cdk/layout";
+import * as i11 from "../actions/actions.module";
+import * as i12 from "@angular/material/badge";
 export declare class FiltersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FiltersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FiltersModule, [typeof i1.FiltersComponent, typeof i2.MoreFiltersButtonComponent, typeof i3.FiltersDialogComponent, typeof i4.OtherFiltersDirective, typeof i5.MainFiltersDirective], [typeof i6.CommonModule, typeof i7.MatCardModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.DialogModule, typeof i11.LayoutModule, typeof i12.ActionsModule, typeof i13.MatBadgeModule], [typeof i1.FiltersComponent, typeof i2.MoreFiltersButtonComponent, typeof i4.OtherFiltersDirective, typeof i5.MainFiltersDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FiltersModule, [typeof i1.FiltersComponent, typeof i2.MoreFiltersButtonComponent, typeof i3.FiltersDialogComponent, typeof i4.OtherFiltersDirective, typeof i5.MainFiltersDirective], [typeof i6.CommonModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.DialogModule, typeof i10.LayoutModule, typeof i11.ActionsModule, typeof i12.MatBadgeModule], [typeof i1.FiltersComponent, typeof i2.MoreFiltersButtonComponent, typeof i4.OtherFiltersDirective, typeof i5.MainFiltersDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FiltersModule>;
 }

package/lib/components/input-field/input-field.component.d.ts

@@ -9,6 +9,7 @@ export declare class InputFieldComponent<T> extends FormControlSuperclass<T> {
     size?: 'small' | '';
     cleanButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     icon: import("@angular/core").InputSignal<string | undefined>;
+    hintText: import("@angular/core").InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent<any>, "v-input-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "cleanButton": { "alias": "cleanButton"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent<any>, "v-input-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "cleanButton": { "alias": "cleanButton"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/components/table/components/table-info-bar/table-info-bar.component.d.ts

@@ -18,10 +18,10 @@ export declare class TableInfoBarComponent<T extends object, C extends object> i
     filteredCount: import("@angular/core").InputSignal<number | null | undefined>;
     selectedCount: import("@angular/core").InputSignal<number | null | undefined>;
     filter: import("@angular/core").InputSignal<string>;
-    standaloneFilter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    hasInputs: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     filterChange: import("@angular/core").OutputEmitterRef<string>;
     filterControl: FormControl<string>;
+    standaloneFilter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hasInputs: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     downloadCsv: import("@angular/core").OutputEmitterRef<void>;
     load: import("@angular/core").OutputEmitterRef<void>;
     preload: import("@angular/core").OutputEmitterRef<void>;

package/lib/index.d.ts

@@ -4,3 +4,4 @@ export * from './services';
 export * from './pipes';
 export * from './utils';
 export * from './styles';
+export * from './types';

package/lib/services/index.d.ts

@@ -3,3 +3,4 @@ export * from './log';
 export * from './fetch-superclass';
 export * from './query-params';
 export * from './url.service';
+export * from './toast';

package/lib/services/query-params/query-params.service.d.ts

@@ -1,9 +1,10 @@
 import { ActivatedRoute, Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { Serializer } from './types/serializer';
+import { serializeQueryParams } from './utils';
 import * as i0 from "@angular/core";
 interface SerializeOptions {
-    filter?: (param: unknown, key: string) => boolean;
+    filter?: Parameters<typeof serializeQueryParams>[1];
 }
 interface BaseQueryParams<T extends object> {
     params$: Observable<Partial<T>>;

package/lib/services/query-params/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './date-query-params-serializers';
 export * from './query-params-serializers';
+export * from './serialize-query-params';

package/lib/services/query-params/utils/serialize-query-params.d.ts

@@ -0,0 +1,4 @@
+import { Params } from '@angular/router';
+import { Serializer } from '../types/serializer';
+export declare function serializeQueryParam(value: unknown, serializers?: Serializer[]): string;
+export declare function serializeQueryParams(params: object, filter?: (param: unknown, key: string) => boolean, serializers?: Serializer[]): Params;

package/lib/services/toast/index.d.ts

@@ -0,0 +1 @@
+export * from './toast.service';

package/lib/services/toast/toast.component.d.ts

@@ -0,0 +1,26 @@
+import { MatSnackBarRef } from '@angular/material/snack-bar';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const DEFAULT_DURATION = 3000;
+export interface ToastData {
+    message?: string;
+    action?: () => void;
+    /** Duration after progress or if not set, duration of the snackbar */
+    duration?: number;
+    progress$?: Observable<boolean>;
+    progressMessage?: string;
+    successMessage?: string;
+    error$?: Observable<unknown>;
+    errorMessage?: string;
+}
+export declare class ToastComponent {
+    data: ToastData;
+    private snackBarRef;
+    message$: Observable<string | undefined>;
+    constructor(data: ToastData, snackBarRef: MatSnackBarRef<ToastComponent>);
+    dismissWithAction(): void;
+    private subscribeProgress;
+    private dismissByDuration;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "v-toast", never, {}, {}, never, never, true, never>;
+}

package/lib/services/toast/toast.service.d.ts

@@ -0,0 +1,10 @@
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { ToastComponent, ToastData } from './toast.component';
+import * as i0 from "@angular/core";
+export declare class ToastService {
+    private snackBar;
+    constructor(snackBar: MatSnackBar);
+    open(data: ToastData, config?: Omit<MatSnackBarConfig<ToastData>, 'data'>): import("@angular/material/snack-bar").MatSnackBarRef<ToastComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}

package/lib/types/extract-path-params.d.ts

@@ -0,0 +1,3 @@
+type ExtractParam<Path, NextPart> = Path extends `:${infer Param}` ? Record<Param, string> & NextPart : NextPart;
+export type ExtractParams<Path> = Path extends `${infer Segment}/${infer Rest}` ? ExtractParam<Segment, ExtractParams<Rest>> : ExtractParam<Path, {}>;
+export {};

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './extract-path-params';
+export * from './progressable';

package/lib/utils/create-storage-value.d.ts

@@ -1,11 +1,15 @@
-import { Injector } from '@angular/core';
-export declare function createStorageValue<T>(key: string, { serialize, deserialize, injector, }: {
+import { Signal } from '@angular/core';
+import { Observable } from 'rxjs';
+interface StorageValueOptions<T> {
     serialize?: (v: T) => string | null;
     deserialize: (v: string | null) => T;
-    injector?: Injector;
-}): {
-    get(): T;
-    set(value: T): void;
-    value$: import("rxjs").Observable<T>;
-    value: import("@angular/core").Signal<T | undefined>;
-};
+    changed$?: Observable<T>;
+}
+interface StorageValue<T> {
+    get: () => T;
+    set: (value: T) => void;
+    value$: Observable<T>;
+    value: Signal<T | undefined>;
+}
+export declare function createStorageValue<T>(key: string, { serialize, deserialize, changed$ }: StorageValueOptions<T>): StorageValue<T>;
+export {};

package/lib/utils/index.d.ts

@@ -17,3 +17,4 @@ export * from './csv';
 export * from './transform-attribute';
 export * from './decorators';
 export * from './create-storage-value';
+export * from './subscribe-return';

package/lib/utils/operators/progress-to.d.ts

@@ -1,2 +1,3 @@
+import { WritableSignal } from '@angular/core';
 import { BehaviorSubject, MonoTypeOperatorFunction } from 'rxjs';
-export declare function progressTo<T>(subject$: BehaviorSubject<number> | (() => BehaviorSubject<number>)): MonoTypeOperatorFunction<T>;
+export declare function progressTo<T>(subjectSignal: BehaviorSubject<number> | WritableSignal<number> | (() => BehaviorSubject<number> | WritableSignal<number>)): MonoTypeOperatorFunction<T>;

package/lib/utils/subscribe-return.d.ts

@@ -0,0 +1,6 @@
+import { Observable, Observer } from 'rxjs';
+export declare function subscribeReturn<T>(observable$: Observable<T>, subscription?: Partial<Observer<T>>): {
+    next: (nextFn: Observer<T>["next"]) => void;
+    error: (errorFn: Observer<T>["error"]) => void;
+    complete: (completeFn: Observer<T>["complete"]) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vality/matez",
-  "version": "19.0.0",
+  "version": "19.0.1-3162997.0",
   "exports": {
     ".": {
       "sass": "./_index.scss",
@@ -41,4 +41,4 @@
   },
   "module": "fesm2022/vality-matez.mjs",
   "typings": "index.d.ts"
-}
+}

package/src/lib/components/file-upload/file-upload.component.scss

@@ -9,4 +9,8 @@
         text-overflow: ellipsis;
         overflow: hidden;
     }
+
+    .file-name {
+        height: auto;
+    }
 }

package/src/lib/components/filters/filters.component.scss

@@ -2,20 +2,21 @@ $max-columns: 5;
 $rows: 1;
 
 .filters {
-    display: grid;
-    grid-column-gap: 8px;
-    margin-bottom: -22px;
-    padding: 22px !important;
+    display: flex;
+    gap: 8px;
 
     ::ng-deep & > * {
         min-width: 0;
+        flex: 1;
+    }
+
+    ::ng-deep .mat-mdc-form-field-subscript-wrapper {
+        height: 0;
     }
 }
 
 @for $i from 1 through $max-columns {
     ::ng-deep .v-filters-cols-#{$i} {
-        grid-template-columns: repeat($i, 1fr);
-
         & > *:nth-child(n + #{($i * $rows) + 1}) {
             display: none;
         }

package/src/lib/components/table/components/table-info-bar/table-info-bar.component.scss

@@ -1,7 +1,7 @@
 .wrapper {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 24px;
 }
 
 .inputs {
@@ -19,6 +19,10 @@
     ::ng-deep & > * {
         flex: 1;
     }
+
+    ::ng-deep .mat-mdc-form-field-subscript-wrapper {
+        height: 0;
+    }
 }
 
 .details {

package/src/lib/services/toast/toast.component.scss

@@ -0,0 +1,13 @@
+@use '@angular/material' as mat;
+
+:host {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    @include mat.progress-spinner-overrides(
+        (
+            active-indicator-color: white,
+        )
+    );
+}

package/lib/services/query-params/utils/serialize-query-param.d.ts

@@ -1,2 +0,0 @@
-import { Serializer } from '../types/serializer';
-export declare function serializeQueryParam(value: unknown, serializers?: Serializer[]): string;