@recursyve/nice-data-filter-kit 14.3.7 → 15.0.0

package/lib/directive/selectable-list/store/selectable-list.state.d.ts

@@ -1,8 +1,8 @@
 import { ActiveState, EntityState } from "@datorama/akita";
-export declare type SelectableListEntity<T> = T & {
+export type NiceSelectableListEntity<T> = T & {
     loaded?: boolean;
 };
-export interface SelectableListState<T, ID = number> extends EntityState<SelectableListEntity<T>, ID>, ActiveState<ID> {
+export interface NiceSelectableListState<T, ID = number> extends EntityState<NiceSelectableListEntity<T>, ID>, ActiveState<ID> {
     allSelected: boolean;
     unselectedEntity: any[];
 }

package/lib/models/query.model.d.ts

@@ -1,4 +1,4 @@
-export declare type Condition = "and" | "or";
+export type Condition = "and" | "or";
 export declare enum FilterOperatorTypes {
     Equal = "equal",
     NotEqual = "not_equal",
@@ -27,7 +27,7 @@ export interface CustomOperator {
     where?: any;
     having?: any;
 }
-export declare type FilterOperators = FilterOperatorTypes | CustomOperator;
+export type FilterOperators = FilterOperatorTypes | CustomOperator;
 export interface RuleModel {
     operation: FilterOperators;
     value: unknown | unknown[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-data-filter-kit",
-  "version": "14.3.7",
+  "version": "15.0.0",
   "exports": {
     ".": {
       "sass": "./_index.scss",
@@ -16,15 +16,15 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^14.0.0",
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/forms": "^14.0.0",
-    "@angular/material": "^14.0.0",
-    "@datorama/akita": "^7.0.0",
+    "@angular/cdk": "^15.0.0",
+    "@angular/common": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/forms": "^15.0.0",
+    "@angular/material": "^15.0.0",
+    "@datorama/akita": "^8.0.1",
     "@ngx-translate/core": "^14.0.0",
-    "@recursyve/nice-ui-kit.v2": ">= 14.0.0-beta.111",
-    "@recursyve/ngx-form-generator": ">= 14.0.0-beta.36"
+    "@recursyve/nice-ui-kit.v2": ">= 15.0.0-beta.117",
+    "@recursyve/ngx-form-generator": ">= 15.0.0-beta.37"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/src/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.theme.scss

@@ -19,7 +19,7 @@
         }
 
         .close-button, .refresh-button {
-            @apply min-h-12;
+            @apply min-h-12 px-4;
         }
     }
 }

package/src/lib/components/nice-filter-view/components/advanced-filters/rule/rule.theme.scss

@@ -1,6 +1,8 @@
 @use '@angular/material' as mat;
 
 @mixin advanced-rule-theme($theme) {
+    --nice-advanced-filter-rule-border-color: #8E9297;
+
     $isDark: map-get($theme, is-dark);
     $primary: map-get($theme, primary);
     $background: map-get($theme, background);
@@ -10,9 +12,11 @@
         background: transparent;
 
         .select-filter {
-            @apply w-full min-h-12 rounded;
+            @apply w-full min-h-14 rounded;
+
+            border-color: var(--nice-advanced-filter-rule-border-color) !important;
 
-            .mat-button-wrapper {
+            .mdc-button__label {
                 @apply w-full px-2;
             }
         }
@@ -21,22 +25,18 @@
             @apply flex flex-auto max-w-50 truncate;
         }
 
-        .mat-form-field {
+        .mat-mdc-form-field {
             @apply w-full min-h-12;
 
-            .mat-form-field-wrapper {
-                @apply m-0 p-0 #{!important};
+            .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
+                border-color: var(--nice-advanced-filter-rule-border-color) !important;
             }
 
-            .mat-form-field-subscript-wrapper {
+            .mat-mdc-form-field-subscript-wrapper {
                 @apply hidden;
             }
 
-            .mat-form-field-infix {
-                border-top: 0.5em solid transparent;
-            }
-
-            .mat-form-field-flex {
+            .mat-mdc-form-field-flex {
                 @apply rounded #{!important};
             }
         }
@@ -62,34 +62,34 @@
         }
 
         .add-button {
-            @apply w-12 max-w-12 h-12 max-h-12 rounded;
+            @apply w-12 max-w-12 h-12 max-h-12 min-w-12 rounded;
 
-            .mat-button-wrapper {
+            .mat-mdc-button-persistent-ripple {
                 @apply w-full h-full border border-accent rounded #{!important};
 
-                .mat-icon {
-                    @apply text-accent #{!important};
+                &::before {
+                    @apply bg-accent #{!important};
                 }
             }
 
-            .mat-ripple-element {
-                @apply bg-accent #{!important};
+            .mat-icon {
+                @apply text-accent #{!important};
             }
         }
 
         .remove-button {
-            @apply w-12 max-w-12 h-12 max-h-12 rounded;
+            @apply w-12 max-w-12 h-12 max-h-12 min-w-12 rounded;
 
-            .mat-button-wrapper {
+            .mat-mdc-button-persistent-ripple {
                 @apply w-full h-full rounded #{!important};
 
-                .mat-icon {
-                    @apply text-accent #{!important};
+                &::before {
+                    @apply bg-accent #{!important};
                 }
             }
 
-            .mat-ripple-element {
-                @apply bg-accent #{!important};
+            .mat-icon {
+                @apply text-accent #{!important};
             }
         }
     }