@ecodev/natural 55.9.0 → 56.0.2

package/lib/modules/search/classes/graphql-doctrine.types.d.ts

@@ -1,21 +1,19 @@
 import { Literal } from '../../../types/types';
-export interface Filter {
-    groups?: Array<FilterGroup> | null;
-}
-export interface FilterGroup {
+export type Filter = {
+    groups?: FilterGroup[] | null;
+};
+export type FilterGroup = {
     groupLogic?: LogicalOperator | null;
     conditionsLogic?: LogicalOperator | null;
     joins?: FilterGroupJoin | null;
-    conditions?: Array<FilterGroupCondition> | null;
-}
-export interface FilterGroupJoin {
-    [key: string]: JoinOn;
-}
-export interface JoinOn {
+    conditions?: FilterGroupCondition[] | null;
+};
+export type FilterGroupJoin = Record<string, JoinOn>;
+export type JoinOn = {
     type?: JoinType | null;
     joins?: FilterGroupJoin | null;
-    conditions?: Array<FilterGroupCondition> | null;
-}
+    conditions?: FilterGroupCondition[] | null;
+};
 export declare enum LogicalOperator {
     AND = "AND",
     OR = "OR"
@@ -24,10 +22,8 @@ export declare enum JoinType {
     innerJoin = "innerJoin",
     leftJoin = "leftJoin"
 }
-export interface FilterGroupCondition {
-    [key: string]: FilterGroupConditionField;
-}
-export interface FilterGroupConditionField {
+export type FilterGroupCondition = Record<string, FilterGroupConditionField>;
+export type FilterGroupConditionField = {
     between?: BetweenOperator | null;
     equal?: EqualOperator | null;
     greater?: GreaterOperator | null;
@@ -40,48 +36,48 @@ export interface FilterGroupConditionField {
     have?: HaveOperator | null;
     empty?: EmptyOperator | null;
     [key: string]: Literal | undefined | null;
-}
+};
 export type Scalar = number | string | boolean;
-export interface HaveOperator {
-    values: Array<string>;
+export type HaveOperator = {
+    values: string[];
     not?: boolean | null;
-}
-export interface EmptyOperator {
+};
+export type EmptyOperator = {
     not?: boolean | null;
-}
-export interface BetweenOperator {
+};
+export type BetweenOperator = {
     from: Scalar;
     to: Scalar;
     not?: boolean | null;
-}
-export interface EqualOperator {
+};
+export type EqualOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface GreaterOperator {
+};
+export type GreaterOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface GreaterOrEqualOperator {
+};
+export type GreaterOrEqualOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface InOperator {
-    values: Array<Scalar>;
+};
+export type InOperator = {
+    values: Scalar[];
     not?: boolean | null;
-}
-export interface LessOperator {
+};
+export type LessOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface LessOrEqualOperator {
+};
+export type LessOrEqualOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface LikeOperator {
+};
+export type LikeOperator = {
     value: Scalar;
     not?: boolean | null;
-}
-export interface NullOperator {
+};
+export type NullOperator = {
     not?: boolean | null;
-}
+};

package/lib/modules/search/dropdown-container/dropdown-container.component.d.ts

@@ -5,9 +5,9 @@ import { ComponentRef, ElementRef, EmbeddedViewRef, InjectionToken, OnDestroy, T
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare function throwMatDialogContentAlreadyAttachedError(): void;
-export interface NaturalDropdownContainerData {
+export type NaturalDropdownContainerData = {
     showValidateButton: boolean;
-}
+};
 export declare const NATURAL_DROPDOWN_CONTAINER_DATA: InjectionToken<NaturalDropdownContainerData>;
 export declare class NaturalDropdownContainerComponent extends BasePortalOutlet implements OnDestroy {
     private readonly elementRef;

package/lib/modules/search/dropdown-container/dropdown.service.d.ts

@@ -5,11 +5,11 @@ import { FilterGroupConditionField } from '../classes/graphql-doctrine.types';
 import { NaturalDropdownRef } from './dropdown-ref';
 import { DropdownComponent } from '../types/dropdown-component';
 import * as i0 from "@angular/core";
-export interface NaturalDropdownData<C = any> {
+export type NaturalDropdownData<C = any> = {
     condition: FilterGroupConditionField | null;
     configuration: C;
     title?: string;
-}
+};
 export declare const NATURAL_DROPDOWN_DATA: InjectionToken<NaturalDropdownData<any>>;
 export declare class NaturalDropdownService {
     private readonly overlay;

package/lib/modules/search/facet-selector/facet-selector.component.d.ts

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
 /**
  * Configuration for facet selection
  */
-export interface FacetSelectorConfiguration {
+export type FacetSelectorConfiguration = {
     facets: NaturalSearchFacets;
-}
+};
 export declare class FacetSelectorComponent implements DropdownComponent {
     data: NaturalDropdownData<FacetSelectorConfiguration>;
     protected dropdownRef: NaturalDropdownRef;

package/lib/modules/search/input/input.component.d.ts

@@ -90,9 +90,9 @@ export declare class NaturalInputComponent implements OnInit, OnChanges, OnDestr
      */
     focus(): void;
     constructor(element: ElementRef<HTMLElement>, dropdownService: NaturalDropdownService, injector: EnvironmentInjector);
+    ngOnChanges(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngOnChanges(): void;
     search(event: Event): void;
     clear(): void;
     openDropdown(): void;

package/lib/modules/search/types/dropdown-component.d.ts

@@ -1,6 +1,6 @@
 import { BehaviorSubject } from 'rxjs';
 import { FilterGroupConditionField } from '../classes/graphql-doctrine.types';
-export interface DropdownComponent {
+export type DropdownComponent = {
     /**
      * Observable of current value as string
      */
@@ -17,4 +17,4 @@ export interface DropdownComponent {
      * Returns true if the dropdown value has change
      */
     isDirty(): boolean;
-}
+};

package/lib/modules/search/types/facet.d.ts

@@ -1,7 +1,7 @@
 import { Type } from '@angular/core';
 import { DropdownComponent } from './dropdown-component';
 import { NaturalSearchSelection } from './values';
-interface BasicFacet {
+type BasicFacet = {
     /**
      * The label to be used in the GUI
      */
@@ -33,11 +33,11 @@ interface BasicFacet {
      * friendly values, but the API works with a "low-level" unit.
      */
     transform?: (s: NaturalSearchSelection) => NaturalSearchSelection;
-}
+};
 /**
  * Facet that is only a flag (set or unset)
  */
-export interface FlagFacet<Condition> extends BasicFacet {
+export type FlagFacet<Condition> = {
     /**
      * The value to be returned when the flag is set
      */
@@ -49,11 +49,11 @@ export interface FlagFacet<Condition> extends BasicFacet {
      * Defaults to `false`.
      */
     inversed?: boolean;
-}
+} & BasicFacet;
 /**
  * Facet that uses a component in a dropdown
  */
-export interface DropdownFacet<C> extends BasicFacet {
+export type DropdownFacet<C> = {
     component: Type<DropdownComponent>;
     /**
      * Show a button into the dropdown container to validate value. Gives alternative to "click out" and incoming "tab/esc" key.
@@ -63,7 +63,7 @@ export interface DropdownFacet<C> extends BasicFacet {
      * Anything that could be useful for the dropdown component
      */
     configuration?: C;
-}
+} & BasicFacet;
 /**
  * A facet
  */
@@ -71,5 +71,5 @@ export type Facet = DropdownFacet<any> | FlagFacet<any>;
 /**
  * Exhaustive list of facets
  */
-export type NaturalSearchFacets = Array<Facet>;
+export type NaturalSearchFacets = Facet[];
 export {};

package/lib/modules/search/types/values.d.ts

@@ -3,7 +3,7 @@ import { Facet } from './facet';
 /**
  * Type for a search selection
  */
-export interface NaturalSearchSelection {
+export type NaturalSearchSelection = {
     field: string;
     /**
      * This is required if the facet also have a `name`.
@@ -12,21 +12,21 @@ export interface NaturalSearchSelection {
      */
     name?: string;
     condition: FilterGroupConditionField;
-}
+};
 /**
  * Groups are a list of values, that should be interpreted with AND condition
  */
-export type GroupSelections = Array<NaturalSearchSelection>;
+export type GroupSelections = NaturalSearchSelection[];
 /**
  * List of groups, that should be interpreted with OR condition
  * Final input / output format
  */
-export type NaturalSearchSelections = Array<GroupSelections>;
+export type NaturalSearchSelections = GroupSelections[];
 /**
  * Consolidated type for a selection and it's matching facet
  * Used internally for dropdown
  */
-export interface DropdownResult {
+export type DropdownResult = {
     condition: FilterGroupConditionField;
     facet?: Facet;
-}
+};

package/lib/modules/select/select/select.component.d.ts

@@ -94,9 +94,9 @@ export declare class NaturalSelectComponent<TService extends NaturalAbstractMode
      * Whether the value can be changed
      */
     set disabled(disabled: boolean);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onInternalFormChange(): void;
-    ngOnInit(): void;
     onBlur(): void;
     /**
      * Reset form to it's initial value

package/lib/services/abstract-model.service.d.ts

@@ -7,21 +7,15 @@ import { NaturalQueryVariablesManager, QueryVariables } from '../classes/query-v
 import { Literal } from '../types/types';
 import { PaginatedData } from '../classes/data-source';
 import { NaturalDebounceService } from './debounce.service';
-export interface FormValidators {
-    [key: string]: ValidatorFn[];
-}
-export interface FormAsyncValidators {
-    [key: string]: AsyncValidatorFn[];
-}
-export interface VariablesWithInput {
+export type FormValidators = Record<string, ValidatorFn[]>;
+export type FormAsyncValidators = Record<string, AsyncValidatorFn[]>;
+export type VariablesWithInput = {
     input: Literal;
-}
-export interface FormControls {
-    [key: string]: AbstractControl;
-}
-interface Resolve<TOne> {
+};
+export type FormControls = Record<string, AbstractControl>;
+type Resolve<TOne> = {
     model: TOne;
-}
+};
 export type WithId<T> = {
     id: string;
 } & T;

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

@@ -12,7 +12,6 @@ type Key = NaturalAbstractModelService<unknown, any, any, any, unknown, any, unk
  * `id` should be the ID of the object that will be updated.
  */
 export declare class NaturalDebounceService {
-    private readonly flusher;
     /**
      * Stores the debounced update function
      */
@@ -25,7 +24,15 @@ export declare class NaturalDebounceService {
      * keep the same debouncing timeline.
      */
     debounce<T>(key: Key, id: string, source: Observable<T>): Observable<T>;
-    cancel(key: Key, id: string): void;
+    cancelOne(key: Key, id: string): void;
+    /**
+     * Immediately execute the pending update, if any.
+     *
+     * It should typically be called before resolving the object, to mutate it before re-fetching it from server.
+     *
+     * The returned observable will complete when the update completes, even if it errors.
+     */
+    flushOne(key: Key, id: string): Observable<void>;
     /**
      * Immediately execute all pending updates.
      *
@@ -34,6 +41,7 @@ export declare class NaturalDebounceService {
      * The returned observable will complete when all updates complete, even if some of them error.
      */
     flush(): Observable<void>;
+    private internalFlush;
     /**
      * Count of pending updates
      */

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

@@ -1,10 +1,10 @@
 import { Apollo } from 'apollo-angular';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export interface IEnum {
+export type IEnum = {
     value: string;
     name: string;
-}
+};
 export declare class NaturalEnumService {
     private readonly apollo;
     constructor(apollo: Apollo);

package/lib/services/link-mutation.service.d.ts

@@ -3,10 +3,10 @@ import { FetchResult } from '@apollo/client/core';
 import { Observable } from 'rxjs';
 import { Literal } from '../types/types';
 import * as i0 from "@angular/core";
-export interface LinkableObject {
+export type LinkableObject = {
     id: string;
     __typename: string;
-}
+};
 export declare class NaturalLinkMutationService {
     private readonly apollo;
     /**

package/lib/types/types.d.ts

@@ -5,9 +5,7 @@ import { ObservedValueOf } from 'rxjs';
 /**
  * An object literal with any keys and values
  */
-export interface Literal {
-    [key: string]: any;
-}
+export type Literal = Record<string, any>;
 /**
  * An object with either a name or a fullName (or maybe both)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "55.9.0",
+  "version": "56.0.2",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,
@@ -22,15 +22,15 @@
     "tslib": "^2.5.3"
   },
   "peerDependencies": {
-    "@angular/animations": "^16.1.0",
-    "@angular/cdk": "^16.1.0",
-    "@angular/common": "^16.1.0",
-    "@angular/core": "^16.1.0",
-    "@angular/forms": "^16.1.0",
-    "@angular/localize": "^16.1.0",
-    "@angular/material": "^16.1.0",
-    "@angular/platform-browser": "^16.1.0",
-    "@angular/router": "^16.1.0",
+    "@angular/animations": "^17.2.0",
+    "@angular/cdk": "^17.2.0",
+    "@angular/common": "^17.2.0",
+    "@angular/core": "^17.2.0",
+    "@angular/forms": "^17.2.0",
+    "@angular/localize": "^17.2.0",
+    "@angular/material": "^17.2.0",
+    "@angular/platform-browser": "^17.2.0",
+    "@angular/router": "^17.2.0",
     "apollo-angular": "^5.0.0",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.1"

package/public-api.d.ts

@@ -1,4 +1,3 @@
-import '@angular/localize/init';
 export * from './lib/classes/abstract-controller';
 export * from './lib/classes/abstract-detail';
 export * from './lib/classes/abstract-editable-list';

package/src/lib/_natural.theme.scss

@@ -47,8 +47,11 @@
     }
 
     .natural-elevation {
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.2),
-            0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+        box-shadow:
+            inset 0 1px rgba(255, 255, 255, 0.3),
+            0 2px 1px -1px rgba(0, 0, 0, 0.2),
+            0 1px 1px 0 rgba(0, 0, 0, 0.14),
+            0 1px 3px 0 rgba(0, 0, 0, 0.12);
     }
 }