@nettyapps/ntybase 0.1.22 → 0.1.24

package/index.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, DoCheck, SimpleChanges, OnDestroy, AfterViewInit, InjectionToken, ElementRef } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable, Subject } from 'rxjs';
-import { Theme as Theme$1, GridApi, GridOptions, StatusPanelDef, GridReadyEvent } from 'ag-grid-community';
+import { Theme as Theme$1, GridApi, GridOptions, StatusPanelDef, GridReadyEvent, IFilterParams, IDoesFilterPassParams } from 'ag-grid-community';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { Router, ActivatedRoute, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, CanDeactivate } from '@angular/router';
 import { MatSnackBar } from '@angular/material/snack-bar';
@@ -10,7 +10,7 @@ import { HttpClient, HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from
 import { EnvironmentProxy } from '@nettyapps/ntycontract';
 import { NgForm, FormGroup, FormControl } from '@angular/forms';
 import * as XLSX from 'xlsx';
-import { ICellRendererAngularComp } from 'ag-grid-angular';
+import { ICellRendererAngularComp, IFilterAngularComp } from 'ag-grid-angular';
 import { I18nService } from '@nettyapps/ntyi18n';
 import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { ErrorStateMatcher } from '@angular/material/core';
@@ -273,6 +273,7 @@ declare abstract class NettyAgGridBase<T extends {
     isEmbedded: _angular_core.InputSignal<boolean>;
     componantParameterGUID: _angular_core.InputSignal<any>;
     componantParameterType: _angular_core.InputSignal<string>;
+    protected customFilters: _angular_core.WritableSignal<boolean>;
     protected authenticationList: Array<NettySecurity>;
     protected accessRightsProcessed: _angular_core.WritableSignal<boolean>;
     allowAdd: _angular_core.WritableSignal<boolean>;
@@ -319,6 +320,11 @@ declare abstract class NettyAgGridBase<T extends {
     statusBar: {
         statusPanels: StatusPanelDef[];
     };
+    /**
+     * Filter mode change
+     */
+    toggleFilterMode(): void;
+    private getStoredFilterMode;
     /**
      * Component initialization lifecycle hook
      */
@@ -422,8 +428,11 @@ declare abstract class NettyAgGridSaveBase<T> implements DoCheck {
     /**
      * Close sidenav or navigate back
      */
-    closeSidenav(): void;
-    backClicked(): void;
+    closeSidenav(): Promise<void>;
+    /**
+     * Back button clicked
+     */
+    backClicked(): Promise<void>;
     protected abstract loadDetailData(): void;
     protected validateSaveRecord(recordGUID: any): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NettyAgGridSaveBase<any>, never>;
@@ -504,6 +513,60 @@ declare class NettyHelper {
     static dateDifference(firstField: Date | null, secondField: Date | null, format: string): Date | null;
 }
 
+declare class RangeDateTimeFilter implements IFilterAngularComp {
+    private params;
+    filterText: string;
+    private conditions;
+    private i18nService;
+    protected translateService: TranslateService;
+    private specialKeywords;
+    agInit(params: IFilterParams): void;
+    onFilterTextChanged(event: any): void;
+    private parseFilterText;
+    private parseDateForRange;
+    private isTurkish;
+    private parseDate;
+    private getSpecialDateRange;
+    doesFilterPass(params: IDoesFilterPassParams): boolean;
+    isFilterActive(): boolean;
+    getModel(): any;
+    setModel(model: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeDateTimeFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeDateTimeFilter, "ntybase-range-date-time-filter", never, {}, {}, never, never, true, never>;
+}
+
+declare class RangeNumberFilter implements IFilterAngularComp {
+    private params;
+    filterText: string;
+    private conditions;
+    agInit(params: IFilterParams): void;
+    onFilterTextChanged(event: any): void;
+    private parseFilterText;
+    doesFilterPass(params: IDoesFilterPassParams): boolean;
+    isFilterActive(): boolean;
+    getModel(): any;
+    setModel(model: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeNumberFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeNumberFilter, "ntybase-range-number-filter", never, {}, {}, never, never, true, never>;
+}
+
+declare class RangeStringFilter implements IFilterAngularComp {
+    private params;
+    filterText: string;
+    private conditions;
+    agInit(params: IFilterParams): void;
+    onFilterTextChanged(event: any): void;
+    private parseFilterText;
+    private parseSingleCondition;
+    doesFilterPass(params: IDoesFilterPassParams): boolean;
+    private checkSingleCondition;
+    isFilterActive(): boolean;
+    getModel(): any;
+    setModel(model: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeStringFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeStringFilter, "ntybase-range-string-filter", never, {}, {}, never, never, true, never>;
+}
+
 declare class ConfirmDialog {
     dialogRef: MatDialogRef<ConfirmDialog>;
     data: any;
@@ -524,7 +587,7 @@ interface CanComponentDeactivate {
     canDeactivate: () => boolean | Promise<boolean> | Observable<boolean>;
 }
 declare class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
-    canDeactivate(component: CanComponentDeactivate): boolean | Promise<boolean> | Observable<boolean>;
+    canDeactivate(component: CanComponentDeactivate): boolean | Observable<boolean> | Promise<boolean>;
 }
 
 declare class AuthenticationInterceptor implements HttpInterceptor {
@@ -682,6 +745,8 @@ declare class Login extends AuthBase {
     credentials: LoginContext;
     ngOnInit(): void;
     timeout(ms: number): Promise<unknown>;
+    private handleRememberMe;
+    private loadRememberedUsername;
     login(): void;
     onForgotPassword(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Login, never>;
@@ -1040,5 +1105,5 @@ declare class NettyMenuService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NettyMenuService>;
 }
 
-export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyBaseApp, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, SelectionItem, Theme, Toolbar, UrlHelperService };
+export { AlertService, AuthenticationGuard, AuthenticationInterceptor, AuthenticationService, AutoComplete, ButtonRenderer, CanDeactivateGuard, CheckboxRenderer, ColorPalette, CommonService, ConfirmDialog, CredentialsService, CurrentUserPreference, ENVIRONMENT_CONFIG, EnvironmentInfo, EnvironmentInfoService, ExcelImportBase, ForgotPassword, Guid, HttpError403, HttpError404, LeftSidenav, Login, LoginDto, MFACodeDto, MfaLogin, NettyAgGridBase, NettyAgGridSaveBase, NettyAgGridService, NettyBaseApp, NettyFilter, NettyHelper, NettyMenuService, Ntybase, NtybaseModule, RangeDateTimeFilter, RangeNumberFilter, RangeStringFilter, SelectionItem, Theme, Toolbar, UrlHelperService };
 export type { AppTheme, CanComponentDeactivate, ColorTheme, Credentials, EnvironmentConfig, LoginContext, MFACodeContext, UserViewMode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nettyapps/ntybase",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "publishConfig": {
     "access": "public"
   },

package/styles/public-nettyapp-base.scss

@@ -235,3 +235,104 @@ mat-toolbar {
     margin-bottom: 10px;
   }
 }
+
+// AG Grid Custom Filter
+.custom-filter {
+  padding: 10px;
+  width: 320px;
+  background: var(--mat-sys-surface);
+  border: 1px solid #e1e5e9;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+.custom-filter__header {
+  margin-bottom: 16px;
+}
+.custom-filter__title {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--mat-sys-primary);
+  margin: 0 0 8px 0;
+  display: block;
+}
+.custom-filter__input {
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  font-size: 14px;
+  color: #374151;
+  background-color: var(--mat-sys-surface);
+  box-sizing: border-box;
+  transition: all 0.2s ease;
+  margin: 4px 0;
+}
+.custom-filter__input:focus {
+  outline: none;
+  border-color: var(--mat-sys-primary);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+.custom-filter__input::placeholder {
+  color: var(--mat-sys-primary);
+}
+.custom-filter__help {
+  font-size: 12px;
+  color: var(--mat-sys-primary);
+  line-height: 1.5;
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 2px solid var(--mat-sys-primary);
+}
+.custom-filter__help-title {
+  font-weight: 600;
+  color: var(--mat-sys-primary);
+  margin-bottom: 8px;
+  display: block;
+}
+.custom-filter__format {
+  margin-bottom: 6px;
+  display: flex;
+  align-items: flex-start;
+}
+.custom-filter__format::before {
+  content: "•";
+  color: var(--mat-sys-primary);
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+.custom-filter__format code {
+  background-color: var(--mat-sys-primary);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+  font-size: 11px;
+  color: var(--mat-sys-surface);
+  margin: 0 4px;
+  border: 1px solid #e5e7eb;
+}
+.custom-filter__example {
+  color: var(--mat-sys-primary);
+  font-style: italic;
+  margin-left: 4px;
+}
+.custom-filter__description {
+  color: var(--mat-sys-primary);
+}
+
+// Filter mode button
+.default-filter-mode {
+  background-color: var(--mat-sys-secondary);
+  border-radius: 5px;
+  padding-bottom: 2px;
+}
+.default-filter-mode
+  mat-icon.notranslate.material-icons.mat-ligature-font.mat-icon-no-color {
+  color: var(--mat-sys-surface);
+}
+.custom-filter-mode {
+  padding-bottom: 2px;
+}
+.custom-filter-mode
+  mat-icon.notranslate.material-icons.mat-ligature-font.mat-icon-no-color {
+  color: var(--mat-sys-primary);
+}

package/translations/en-USbase.json

@@ -7,7 +7,7 @@
   "@changeCompany": "Change Company",
   "@choose_Color": "Choose Color",
   "@choose_Custom_Color": "Please choose custom color",
-  "@close":"Close",
+  "@close": "Close",
   "@color_Palette": "Color Palette",
   "@confirmation": "Confirmation",
   "@confirmDeleteSelectedRecords": "Are you sure you want to delete the selected records?",
@@ -206,5 +206,28 @@
   "@specialKeywords": "Special Keywords",
   "@turkish": "Turkish",
   "@english": "English",
-  "@filterExample": "Example: 'today..yesterday, this week' → today-yesterday range OR this week"
+  "@filterExample": "Example: 'today..yesterday, this week' → today-yesterday range OR this week",
+  "@numberFilter": "Number Filter",
+  "@numberFilterPlaceholder": "Ex: 0..5,10,20..,..25,!5,!10..20",
+  "@closedRange": "Closed Range",
+  "@equalOrGreater": "Equal/Greater",
+  "@equalOrLess": "Equal/Less",
+  "@singleValue": "Single value",
+  "@exclusion": "Exclusion",
+  "@rangeExclusion": "Range Exclusion",
+  "@stringFilter": "String Filter",
+  "@stringFilterPlaceholder": "Ex: ahmet, mehmet*, *can, ali..veli, ?em, ???in, !?hmet, $$regex.*pattern",
+  "@exactMatch": "Exact Match",
+  "@startsWith": "Starts With",
+  "@endsWith": "Ends With",
+  "@contains": "Contains",
+  "@singleCharacter": "Single Character",
+  "@multipleCharacters": "Multiple Characters",
+  "@not": "Not",
+  "@regex": "Regex",
+  "@toggleFilterMode": "Toggle Filter Mode",
+  "@customFilterActive": "Custom Filter Active - Switch to Default",
+  "@defaultFilterActive": "Default Filter Active - Switch to Custom",
+  "@customFilterModeEnabled": "Custom Filter Mode Enabled",
+  "@defaultFilterModeEnabled": "Default Filter Mode Enabled"
 }

package/translations/tr-TRbase.json

@@ -7,7 +7,7 @@
   "@changeCompany": "Şirket Değiştir",
   "@choose_Color": "Renk Seçin",
   "@choose_Custom_Color": "Lütfen özel renk seçin",
-  "@close":"Kapat",
+  "@close": "Kapat",
   "@color_Palette": "Renk Paleti",
   "@confirmation": "Onay",
   "@confirmDeleteSelectedRecords": "Seçili kayıtları silmek istediğinize emin misiniz?",
@@ -206,5 +206,28 @@
   "@specialKeywords": "Özel Kelimeler",
   "@turkish": "Türkçe",
   "@english": "İngilizce",
-  "@filterExample": "Örnek: 'bugün..dün, bu hafta' → bugün-dün arası VEYA bu hafta"
+  "@filterExample": "Örnek: 'bugün..dün, bu hafta' → bugün-dün arası VEYA bu hafta",
+  "@numberFilter": "Sayısal Filtre",
+  "@numberFilterPlaceholder": "Örn: 0..5,10,20..,..25,!5,!10..20",
+  "@closedRange": "Kapalı Aralık",
+  "@equalOrGreater": "Eşit/Büyük",
+  "@equalOrLess": "Eşit/Küçük",
+  "@singleValue": "Tek değer",
+  "@exclusion": "Hariç Tutma",
+  "@rangeExclusion": "Aralık Hariç",
+  "@stringFilter": "Metin Filtresi",
+  "@stringFilterPlaceholder": "Örn: ahmet, mehmet*, *can, ali..veli, ?em, ???in, !?hmet, $$regex.*pattern",
+  "@exactMatch": "Tam Eşleşme",
+  "@startsWith": "Başlangıç",
+  "@endsWith": "Bitiş",
+  "@contains": "İçeren",
+  "@singleCharacter": "Tek Karakter",
+  "@multipleCharacters": "Çoklu Karakter",
+  "@not": "Değil",
+  "@regex": "Regex",
+  "@toggleFilterMode": "Filtre Modunu Değiştir",
+  "@customFilterActive": "Özel Filtre Aktif - Varsayılana Geç",
+  "@defaultFilterActive": "Varsayılan Filtre Aktif - Özele Geç",
+  "@customFilterModeEnabled": "Özel Filtre Modu Aktif",
+  "@defaultFilterModeEnabled": "Varsayılan Filtre Modu Aktif"
 }