@sumaris-net/ngx-components 18.2.5 → 18.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.2.5",
+  "version": "18.2.6",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -108,6 +108,7 @@ export * from './src/app/shared/debug/debug-service.class';
 export * from './src/app/shared/types';
 export * from './src/app/shared/dates';
 export * from './src/app/shared/functions';
+export * from './src/app/shared/regexps';
 export * from './src/app/shared/services';
 export * from './src/app/shared/forms';
 export * from './src/app/shared/observables';

package/src/app/core/services/base-entity-service.class.d.ts

@@ -101,7 +101,10 @@ export declare abstract class BaseEntityService<T extends Entity<T, ID>, F exten
     delete(entity: T, opts?: EntitySaveOptions | any): Promise<any>;
     listenChanges(id: ID, opts?: EntityServiceListenChangesOptions<T>): Observable<T>;
     copyIdAndUpdateDate(source: T, target: T): void;
-    fromObject(source: any, toEntity?: boolean | ((source: any, opts?: any) => T), opts?: any): T;
+    fromObject(source: any, opts?: {
+        toEntity?: boolean | ((source: any, opts?: any) => T);
+        [key: string]: any;
+    }): T;
     asFilter(source: any): F;
     equals(d1: T, d2: T): boolean;
     isNew(data: T): boolean;
@@ -116,7 +119,10 @@ export declare abstract class BaseEntityService<T extends Entity<T, ID>, F exten
     isNewFn(data: T): boolean;
     protected ngOnStart(): Promise<void>;
     protected fillDefaultProperties(source: T): void;
-    protected fromObjects(sources: any[], toEntity?: boolean | ((source: any, opts?: any) => T), opts?: any): T[];
+    protected fromObjects(sources: any[], opts?: {
+        toEntity?: boolean | ((source: any, opts?: any) => T);
+        [key: string]: any;
+    }): T[];
     protected asObject(source: T, opts?: EntityAsObjectOptions): any;
     protected getRefetchQueriesForMutation(opts?: EntitySaveOptions): ((result: FetchResult<{
         data: any;

package/src/app/shared/functions.d.ts

@@ -1,4 +1,5 @@
 import { KeysEnum, KeyValueType } from './types';
+import { RegExpUtils } from './regexps';
 export declare function isNil<T>(obj: T | null | undefined): boolean;
 export declare function isNilOrBlank<T>(obj: T | null | undefined): boolean;
 export declare function isNotNil<T>(obj: T | null | undefined): boolean;
@@ -36,7 +37,10 @@ export declare function toInt(obj: string | null | undefined, defaultValue?: num
 export declare function toNotNil<T = any>(obj: T, defaultValue?: T): any | null;
 export declare function removeDuplicatesFromArray<T>(obj: T[] | null | undefined, property?: string): T[] | null | undefined;
 export declare function startsWithUpperCase(input: string, search: string): boolean;
-export declare function matchUpperCase(input: string, regexp: string): boolean;
+/**
+ * @deprecated Use Regexps.matchUpperCase instead
+ */
+export declare const matchUpperCase: typeof RegExpUtils.matchUpperCase;
 /**
  * Remove trailing slash if any. Examples :
  * - '/test/' -> '/test'
@@ -59,9 +63,8 @@ export declare function changeCaseToUnderscore(value: string): string;
  */
 export declare function underscoreToChangeCase(value: string): string;
 export declare function removeDiacritics(text: string): string;
-export declare function suggestFromStringArray(values: string[], value: any, options?: {
-    searchAttribute?: string;
-    searchAttributes?: string[];
+export declare function suggestFromStringArray(values: string[], searchText: any, opts?: {
+    anySearch?: boolean;
 }): string[];
 export declare function joinPropertiesPath<T = any>(obj: T, properties: string[], separator?: string): string | undefined;
 export declare function joinProperties<T = any, K extends keyof T = any>(obj: T, keys: K[], separator?: string): string | undefined;

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -83,6 +83,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     trimSearchText: boolean;
     splitSearchText: boolean;
     selectInputContentOnFocus: boolean;
+    selectInputContentOnFocusDelay: number;
     /**
      * @deprecated Use panelClass instead
      */
@@ -159,7 +160,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      */
     private _fixSearchbarOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_hideRequiredMarker: unknown;
     static ngAcceptInputType_mobile: unknown;
@@ -179,5 +180,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     static ngAcceptInputType_trimSearchText: unknown;
     static ngAcceptInputType_splitSearchText: unknown;
     static ngAcceptInputType_selectInputContentOnFocus: unknown;
+    static ngAcceptInputType_selectInputContentOnFocusDelay: unknown;
     static ngAcceptInputType_readonly: unknown;
 }

package/src/app/shared/regexps.d.ts

@@ -0,0 +1,32 @@
+export declare abstract class RegExpUtils {
+    private static _cachedSearchRegexps;
+    private static _cachedSearchTexts;
+    private static MAX_CACHE_SIZE;
+    private static SPECIAL_CHARACTERS_REGEXP;
+    private static SPECIAL_CHARACTERS_REPLACEMENT_MAP;
+    /**
+     * Cleans the provided search text by trimming whitespace and removing or condensing
+     * wildcard characters based on the specified options.
+     * (e.g. 'a**' becomes 'a', '*' becomes '', etc.)
+     *
+     * @param {string} searchText - The search text to be cleaned.
+     * @param {Object} [opts] - Optional settings for cleaning the search text.
+     * @param {boolean} [opts.anySearch] - If true, the search text is cleaned for any match. If false, search as a prefix
+     * @return {string} - The cleaned search text.
+     */
+    static cleanSearchText(searchText: string, opts?: {
+        trim?: boolean;
+    }): string;
+    /**
+     * Compiles a regular expression from the provided search text, using a static cache to store
+     * previously compiled regular expressions for faster retrieval.
+     *
+     * @param {string} searchText - The text to compile into a regular expression.
+     * @param flags
+     * @return {RegExp} - The compiled regular expression.
+     */
+    static compileSearchRegexp(searchText: string, flags?: string): RegExp;
+    static match(input: string, regexp: string | RegExp): boolean;
+    static matchUpperCase(input: string, regexp: string | RegExp): boolean;
+    static hasWildcardCharacter(input: string): boolean;
+}

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.2.5",
+  "version": "18.2.6",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_material.scss

@@ -30,10 +30,20 @@
 .mat-mdc-tab-header {
   --mat-tab-header-label-text-tracking: 0.0178571429em;
 }
+
+// Drop down arrow of the mat-select (e.g. used in autocomplete - mobile)
 .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
-  transform: translateY(0px) !important;
+  // FIXME: should be removed - not need anymore to fix arrow position ?
+  //transform: translateY(0px) !important;
+}
+
+// Allow to hidden the down arrow of the mat-select (e.g. used in autocomplete - desktop + multiple )
+.mat-mdc-select.mat-mdc-select-arrow-hidden .mat-mdc-select-arrow-wrapper {
+  display: none;
+  visibility: hidden;
 }
 
+
 // Icon, Button
 .mat-button.mat-primary,
 .mat-icon.mat-primary,