@tft/crispr-forms 13.0.0 → 13.0.4

package/lib/material/image-upload-field/image-upload-field.component.d.ts

@@ -33,9 +33,15 @@ export declare class ImageUploadFieldComponent extends ImageUploadFieldMixin imp
     private cdr;
     onChange: () => void;
     defaultConfig: Partial<ImageUploadFieldConfig>;
-    progress: number | undefined;
+    /**
+     * The url mapped from initial input value, consumers can us mapInputValueToUrl in config to transform their input value into a src url for the image element
+     */
     private inputImageFileSubject;
-    inputImageFile$: Observable<string | File>;
+    inputImageFile$: Observable<File>;
+    /**
+     * the compression progress
+     */
+    progress: number | undefined;
     compressedFile$: Observable<File>;
     compressedImageUrlString$: Observable<string | null>;
     imageSrcUrl$: Observable<string | null>;
@@ -60,4 +66,5 @@ export declare class ImageUploadFieldModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ImageUploadFieldModule>;
 }
 export declare function maxFileSizeValidator(maxFileSize: number): ValidatorFn;
+export declare function allowedFileExtValidator(allowedFileExtensions: string[], onlyAllowFiles?: boolean): ValidatorFn;
 export {};

package/lib/models/file-upload-field.config.d.ts

@@ -4,7 +4,7 @@ import type { ImageUploadFieldComponent } from '../material/image-upload-field';
 import { CrisprControlConfig, ControlType, ButtonType, MatFieldProperties } from '../models';
 export declare type FileUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
     controlType: ControlType.FILE_UPLOAD;
-    label?: string;
+    label: string;
     filesChanged?: (parentGroup: FormGroup, files: FileList) => void;
     allowMultipleFiles?: boolean;
     showClearFilesButton?: boolean;

package/lib/models/image-upload-field.config.d.ts

@@ -2,7 +2,7 @@ import { FormGroup } from '@angular/forms';
 import { CrisprControlConfig, ControlType, ButtonType, MatFieldProperties } from '../models';
 export declare type ImageUploadFieldConfig = CrisprControlConfig & MatFieldProperties & {
     controlType: ControlType.IMAGE_UPLOAD;
-    label?: string;
+    label: string;
     filesChanged?: (parentGroup: FormGroup, file: File) => void;
     /**
      * The file types to accept. The onus is on the consuming developer to limit these to file types compatible with usage.
@@ -16,6 +16,12 @@ export declare type ImageUploadFieldConfig = CrisprControlConfig & MatFieldPrope
     clearFilesButtonText?: string;
     resetFilesButtonText?: string;
     dropZoneText?: string;
+    /**
+     * If the input value of the control is not a string of the src
+     * url to the image, this function allows consumers to map their
+     * input value into one
+     */
+    mapInputValueToUrl?: (inputValue: unknown) => string;
     /**
      * Should the field compress the image after loading it
      * @default false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tft/crispr-forms",
-  "version": "13.0.0",
+  "version": "13.0.4",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/forms": "^13.0.0",
@@ -9,12 +9,11 @@
     "@angular/cdk": "^13.0.0",
     "@tft/form-validation-handler": "^13.0.0",
     "@angular/material-moment-adapter": "^13.0.0",
-    "ngx-image-compress": "^13.0.0",
+    "browser-image-compression": "^1.0.0",
     "moment": "^2.24.0",
     "rxjs": "^7.0.0",
     "@angular/platform-browser-dynamic": "13.2.1",
-    "@angular/platform-browser": "13.2.1",
-    "browser-image-compression": "~1.0.0"
+    "@angular/platform-browser": "13.2.1"
   },
   "dependencies": {
     "tslib": "^2.0.0"