@updevs/components 1.0.0-alpha.9 → 1.0.0-alpha.90

package/table/models/table.config.d.ts

@@ -0,0 +1,31 @@
+import { TextModel } from '@updevs/sdk';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BaseSearchStore } from '@updevs/sdk/stores';
+import { GetByIdType } from '@updevs/sdk/types';
+import { BaseColumnModel } from '../abstractions/base-column.model';
+export interface TableConfig<T> {
+    name: string;
+    store?: BaseSearchStore<T>;
+    columns: BaseColumnModel[];
+    getIdFunction?: GetByIdType<T>;
+    title?: TextModel;
+    canSearch?: boolean;
+    canSaveViews?: boolean;
+    canLoadSavedViews?: boolean;
+    canManageColumns?: boolean;
+    shouldAutoSearch?: boolean;
+    hasCheckboxColumn?: boolean;
+    isResponsive?: boolean;
+    hasStickyHeader?: boolean;
+    data?: T[];
+    preSelectedItems?: T[];
+    searchInputDebounceTime?: number;
+    /**
+     * Actions added to each record row as a group of buttons.
+     */
+    customActions?: ButtonModel[];
+    /**
+     * Actions added to the header of the table as regular buttons.
+     */
+    customHeaderActions?: ButtonModel[];
+}

package/table/models/upd-table-config.model.d.ts

@@ -0,0 +1,6 @@
+import { UpdTableConfig } from './upd-table.config';
+export declare class UpdTableConfigModel implements UpdTableConfig {
+    shouldLoadFieldsFromServer: boolean;
+    urlToLoadOperandsFromServer?: string;
+    constructor(init?: UpdTableConfig);
+}

package/table/models/upd-table.config.d.ts

@@ -0,0 +1,6 @@
+import { Provider } from '@angular/core';
+export interface UpdTableConfig {
+    shouldLoadFieldsFromServer?: boolean;
+    urlToLoadOperandsFromServer?: string;
+    filtersOperandsService?: Provider;
+}

package/table/services/default-filters-operands.service.d.ts

@@ -0,0 +1,17 @@
+import { DataTypeEnum } from '@updevs/sdk/stores';
+import { NonNullableDictionaryType } from '@updevs/sdk/types';
+import { FiltersOperandsService } from '../abstractions/filters-operands.service';
+import { FilterOperandConfig } from '../models/filter-operand.config';
+import * as i0 from "@angular/core";
+export declare class DefaultFiltersOperandsService extends FiltersOperandsService {
+    get isLoaded(): boolean;
+    private _isLoaded;
+    private readonly configService;
+    private readonly filterOperandsStore;
+    private readonly cachedData;
+    constructor();
+    getOperands(type: DataTypeEnum): FilterOperandConfig[];
+    getAllOperands(): NonNullableDictionaryType<FilterOperandConfig[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultFiltersOperandsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DefaultFiltersOperandsService>;
+}

package/table/services/storages/saved-views.storage.d.ts

@@ -0,0 +1,19 @@
+import { Signal } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { BaseByUserSignalStorage } from '@updevs/sdk/security';
+import { SavedViewModel } from '../../models/saved-view.model';
+import * as i0 from "@angular/core";
+export declare class SavedViewsStorage extends BaseByUserSignalStorage {
+    private readonly lastStateKey;
+    constructor();
+    saveView(data: SavedViewModel): void;
+    saveLastState(data: SavedViewModel): void;
+    getById(tableName: string, id: string): Signal<OptionalType<SavedViewModel>>;
+    getAll(tableName: string): Signal<SavedViewModel[]>;
+    getLastState(tableName: string): Signal<OptionalType<SavedViewModel>>;
+    resetAllIsDefault(tableName: string): void;
+    removeViews(tableName: string, ...keys: string[]): void;
+    getByName(tableName: string, name: string): OptionalType<SavedViewModel>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SavedViewsStorage, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SavedViewsStorage>;
+}

package/table/services/stores/filters-operands.store.d.ts

@@ -0,0 +1,11 @@
+import { BaseStore, DataTypeEnum } from '@updevs/sdk/stores';
+import { Observable } from 'rxjs';
+import { UpdTableConfigService } from '../upd-table-config.service';
+import { FilterOperandConfig } from '../../models/filter-operand.config';
+import * as i0 from "@angular/core";
+export declare class FiltersOperandsStore extends BaseStore {
+    constructor(configService: UpdTableConfigService);
+    load(fieldType: DataTypeEnum): Observable<FilterOperandConfig[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FiltersOperandsStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FiltersOperandsStore>;
+}

package/table/services/upd-table-config.service.d.ts

@@ -0,0 +1,12 @@
+import { UpdTableConfig } from '../models/upd-table.config';
+import { UpdTableConfigModel } from '../models/upd-table-config.model';
+import * as i0 from "@angular/core";
+export declare class UpdTableConfigService {
+    /**
+     * Configuration (See: #upsee[p:models, i:UpdTableConfigModel]).
+     */
+    readonly config: UpdTableConfigModel;
+    constructor(layoutConfig: UpdTableConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdTableConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UpdTableConfigService>;
+}

package/table/table.component.d.ts

@@ -0,0 +1,81 @@
+import { OnInit, Signal, ElementRef } from '@angular/core';
+import { TablerIconsType } from '@updevs/icons';
+import { TextService } from '@updevs/sdk';
+import { SelectionModel } from '@updevs/sdk/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { BaseComponent, ButtonModel } from '@updevs/sdk/layout';
+import { SearchRequestModel, ColumnSort } from '@updevs/sdk/stores';
+import { DropdownItem } from '@updevs/components/dropdown';
+import { Subject } from 'rxjs';
+import { TableConfig } from './models/table.config';
+import { TableConfigModel } from './models/table-config.model';
+import { BaseColumnModel } from './abstractions/base-column.model';
+import { FilterItemModel } from './models/filter-item.model';
+import { SavedViewModel } from './models/saved-view.model';
+import * as i0 from "@angular/core";
+export declare class TableComponent<T> extends BaseComponent implements OnInit {
+    savedViewsRef: Signal<ElementRef<any> | undefined>;
+    config: import("@angular/core").ModelSignal<TableConfig<T>>;
+    isSearching: import("@angular/core").WritableSignal<boolean>;
+    selectedItems: Signal<T[]>;
+    activeSavedView: import("@angular/core").WritableSignal<OptionalType<SavedViewModel>>;
+    isMainCheckboxChecked: boolean;
+    isMainCheckboxIndeterminate: boolean;
+    isSavedViewsDropdownOpen: boolean;
+    get numberOfColumns(): number;
+    get hasWidth(): boolean;
+    get pendingWidthColClass(): string;
+    get isWidthInPixels(): boolean;
+    readonly searchRequest: import("@angular/core").ModelSignal<SearchRequestModel>;
+    readonly activeFilters: import("@angular/core").ModelSignal<FilterItemModel[]>;
+    readonly currentPage: import("@angular/core").ModelSignal<number>;
+    readonly pageSize: import("@angular/core").ModelSignal<number>;
+    readonly hasSearchChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly totalRecords: import("@angular/core").WritableSignal<number>;
+    readonly configModel: Signal<TableConfigModel<T>>;
+    readonly data: Signal<T[]>;
+    readonly selectionModel: Signal<SelectionModel<T>>;
+    readonly currentSorting: import("@angular/core").WritableSignal<OptionalType<ColumnSort>>;
+    readonly hiddenColumns: Signal<number>;
+    readonly columns: import("@angular/core").WritableSignal<BaseColumnModel[]>;
+    readonly searchRequestSubject: Subject<SearchRequestModel>;
+    readonly textService: TextService;
+    readonly savedViewsOptions: Signal<DropdownItem[]>;
+    private get isRemote();
+    private get store();
+    private shouldForceSearch;
+    private columnsBackup;
+    private readonly currentData;
+    private readonly currentFavoriteButtons;
+    private readonly smallSizeSignal;
+    private readonly allSavedViews;
+    private readonly favoriteButtons;
+    private readonly serverResponseService;
+    private readonly savedViewsStorage;
+    private readonly modalService;
+    private readonly modalAlertService;
+    constructor();
+    ngOnInit(): void;
+    toggleAllSelection(isChecked: boolean): void;
+    toggleItemSelection(record: T): void;
+    canSortColumn(columnName: string): boolean;
+    sortByColumn(columnName: string): void;
+    getSortingIcon(columnName: string): TablerIconsType;
+    onPageSettingsChanged(): void;
+    getRecordId(record: T): any;
+    openColumnsManagerModal(): void;
+    openSaveSearchModal(data?: SavedViewModel): void;
+    selectSavedView(item: DropdownItem): void;
+    resetViewState(): void;
+    reload(): void;
+    adaptCustomAction(btn: ButtonModel, item: T): ButtonModel;
+    private updateColumns;
+    private createColumnModel;
+    private getColumnByName;
+    private setupPreSelected;
+    private setupSearchResults;
+    private getActionButtons;
+    private getSavedViewOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "upd-table", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "searchRequest": { "alias": "searchRequest"; "required": false; "isSignal": true; }; "activeFilters": { "alias": "activeFilters"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; }, { "config": "configChange"; "searchRequest": "searchRequestChange"; "activeFilters": "activeFiltersChange"; "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, false, never>;
+}

package/table/tools/filters.tools.d.ts

@@ -0,0 +1,9 @@
+import { BaseFilter } from '@updevs/sdk/stores';
+import { NonNullableDictionaryType } from '@updevs/sdk/types';
+import { FilterItemModel } from '../models/filter-item.model';
+import { BaseColumnModel } from '../abstractions/base-column.model';
+import { FilterOperandConfig } from '../models/filter-operand.config';
+export declare class FilterTools {
+    static convertToFilterItem(filters: BaseFilter[], operands: NonNullableDictionaryType<FilterOperandConfig[]>): FilterItemModel[];
+    static convertToRequestFilter(filters: FilterItemModel[], columns: BaseColumnModel[]): BaseFilter[];
+}

package/table/tools/table.constants.d.ts

@@ -0,0 +1,15 @@
+import { InjectionToken } from '@angular/core';
+import { UpdTableConfig } from '../models/upd-table.config';
+/**
+ * Table constants.
+ */
+export declare class TableConstants {
+    /**
+     * Key to inject the default configuration.
+     */
+    static defaultOptionsKey: string;
+    /**
+     * Injection token for the default configuration.
+     */
+    static defaultOptionsInjectionToken: InjectionToken<UpdTableConfig>;
+}

package/table/upd-table.module.d.ts

@@ -0,0 +1,40 @@
+import { ModuleWithProviders } from '@angular/core';
+import { TranslocoService } from '@jsverse/transloco';
+import { UpdTableConfig } from './models/upd-table.config';
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./components/search-section/search-section.component";
+import * as i3 from "./components/filter-row/filter-row.component";
+import * as i4 from "./directives/table-column.directive";
+import * as i5 from "./components/columns/number-column/number-column.component";
+import * as i6 from "./components/columns/date-time-column/date-time-column.component";
+import * as i7 from "./components/columns/boolean-column/boolean-column.component";
+import * as i8 from "./components/columns/text-column/text-column.component";
+import * as i9 from "./components/columns-manager/columns-manager.component";
+import * as i10 from "./components/save-search/save-search.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@jsverse/transloco";
+import * as i13 from "@updevs/icons";
+import * as i14 from "@updevs/components/button";
+import * as i15 from "@updevs/components/modal";
+import * as i16 from "@updevs/components/paginator";
+import * as i17 from "@updevs/components/form-controls/input";
+import * as i18 from "@updevs/components/form-controls/checkbox";
+import * as i19 from "@updevs/components/form-controls/select";
+import * as i20 from "@updevs/components/drag-and-drop";
+import * as i21 from "@updevs/components/form";
+import * as i22 from "@updevs/components/dropdown";
+import * as i23 from "@updevs/components/form-controls/time-picker";
+import * as i24 from "@updevs/components/badge";
+import * as i25 from "@updevs/components/popover";
+export declare class UpdTableModule {
+    constructor(translocoService: TranslocoService);
+    /**
+     * Sets up the table module with the provided configuration.
+     * @param config Configuration.
+     */
+    static forRoot(config: UpdTableConfig): ModuleWithProviders<UpdTableModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdTableModule, [typeof i1.TableComponent, typeof i2.SearchSectionComponent, typeof i3.FilterRowComponent, typeof i4.TableColumnDirective, typeof i5.NumberColumnComponent, typeof i6.DateTimeColumnComponent, typeof i7.BooleanColumnComponent, typeof i8.TextColumnComponent, typeof i9.ColumnsManagerComponent, typeof i10.SaveSearchComponent], [typeof i11.CommonModule, typeof i12.TranslocoDirective, typeof i13.UpdIconsModule, typeof i14.UpdButtonModule, typeof i15.UpdModalModule, typeof i16.UpdPaginatorModule, typeof i17.UpdInputModule, typeof i18.UpdCheckboxModule, typeof i19.UpdSelectModule, typeof i20.UpdDragAndDropModule, typeof i21.UpdFormModule, typeof i22.UpdDropdownModule, typeof i23.UpdTimePickerModule, typeof i24.UpdBadgeModule, typeof i25.UpdPopoverModule], [typeof i1.TableComponent, typeof i4.TableColumnDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdTableModule>;
+}

package/.eslintrc.json

@@ -1,39 +0,0 @@
-{
-    "extends": ["../../.eslintrc.json"],
-    "ignorePatterns": ["!**/*"],
-    "overrides": [
-        {
-            "files": ["*.ts"],
-            "rules": {
-                "@angular-eslint/directive-selector": [
-                    "error",
-                    {
-                        "type": "attribute",
-                        "prefix": "upd",
-                        "style": "camelCase"
-                    }
-                ],
-                "@angular-eslint/component-selector": [
-                    "error",
-                    {
-                        "type": "element",
-                        "prefix": "upd",
-                        "style": "kebab-case"
-                    }
-                ]
-            }
-        },
-        {
-            "files": ["*.html"],
-            "extends": ["plugin:@nx/angular-template"],
-            "rules": {}
-        },
-        {
-            "files": ["*.json"],
-            "parser": "jsonc-eslint-parser",
-            "rules": {
-                "@nx/dependency-checks": "error"
-            }
-        }
-    ]
-}

package/badge/index.ts

@@ -1 +0,0 @@
-export * from './src/index';

package/badge/ng-package.json

@@ -1,6 +0,0 @@
-{
-    "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-    "lib": {
-        "entryFile": "src/index.ts"
-    }
-}

package/badge/src/badge-config.model.ts

@@ -1,21 +0,0 @@
-import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/layout';
-import { TextModel } from '@updevs/sdk';
-
-import { BadgeConfig } from './badge.config';
-
-export class BadgeConfigModel implements BadgeConfig {
-    bgColor: BgColorStyleType = 'primary';
-    textColor?: ColorStyleType;
-    text?: TextModel;
-    isOutline = false;
-    isPill = false;
-    isNotification = false;
-    isBlinking = false;
-    customClasses = '';
-
-    constructor(init?: BadgeConfig) {
-        if (!!init) {
-            Object.assign(this, init);
-        }
-    }
-}

package/badge/src/badge.component.html

@@ -1,5 +0,0 @@
-@if (!!badgeText) {
-    {{ badgeText }}
-} @else {
-    <ng-content></ng-content>
-}

package/badge/src/badge.component.scss

@@ -1 +0,0 @@
-

package/badge/src/badge.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BadgeComponent } from './badge.component';
-
-describe('BadgeComponent', () => {
-  let component: BadgeComponent;
-  let fixture: ComponentFixture<BadgeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [BadgeComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BadgeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/badge/src/badge.component.ts

@@ -1,54 +0,0 @@
-import { Component, computed, HostBinding, effect, inject, input } from '@angular/core';
-import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/layout';
-import { TextModel, TextService } from '@updevs/sdk';
-
-import { BadgeConfig } from './badge.config';
-import { BadgeConfigModel } from './badge-config.model';
-
-@Component({
-    selector: 'upd-badge',
-    templateUrl: './badge.component.html',
-    styleUrl: './badge.component.scss'
-})
-export class BadgeComponent {
-    @HostBinding('class') hostClasses = '';
-
-    config = input<BadgeConfig>();
-    bgColor = input<BgColorStyleType>('primary');
-    textColor = input<ColorStyleType>();
-    text = input<TextModel>();
-    isOutline = input<boolean>(false);
-    isPill = input<boolean>(false);
-    isNotification = input<boolean>(false);
-    isBlinking = input<boolean>(false);
-    customClasses = input<string>('');
-
-    get badgeText(): string {
-        return this.textService.getText(this.text() || this.configModel().text);
-    }
-
-    private readonly configModel = computed(() => new BadgeConfigModel(this.config()));
-    private readonly classes = computed(() =>
-        [
-            (!!this.config() && !this.configModel().isOutline) || !this.isOutline()
-                ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`
-                : '',
-            !!this.textColor() || (!!this.config() && this.configModel().textColor)
-                ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`
-                : '',
-            this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',
-            this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',
-            this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
-            this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
-        ].join(' ')
-    );
-    private readonly defaultClass = 'badge';
-    private readonly textService = inject(TextService);
-
-    constructor() {
-        effect(() => {
-            this.hostClasses = this.defaultClass + ` ${this.customClasses()} ${this.classes()}`;
-        });
-        this.hostClasses = this.defaultClass;
-    }
-}

package/badge/src/badge.config.ts

@@ -1,13 +0,0 @@
-import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/layout';
-import { TextModel } from '@updevs/sdk';
-
-export interface BadgeConfig {
-    bgColor?: BgColorStyleType;
-    textColor?: ColorStyleType;
-    text?: TextModel;
-    isOutline?: boolean;
-    isPill?: boolean;
-    isNotification?: boolean;
-    isBlinking?: boolean;
-    customClasses?: string;
-}

package/badge/src/upd-badge.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { BadgeComponent } from './badge.component';
-
-@NgModule({
-    imports: [
-        CommonModule
-    ],
-    declarations: [
-        BadgeComponent
-    ],
-    exports: [
-        BadgeComponent
-    ]
-})
-export class UpdBadgeModule {}

package/button/index.ts

@@ -1 +0,0 @@
-export * from './src/index';

package/button/ng-package.json

@@ -1,6 +0,0 @@
-{
-    "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-    "lib": {
-        "entryFile": "src/index.ts"
-    }
-}

package/button/src/button.component.html

@@ -1,45 +0,0 @@
-<ng-template #userContentTpl>
-    @if (!!_iconModel && _iconPosition === 'left') {
-        <upd-icon [model]="_iconModel" [tablerIconSize]="_iconModel.tablerIconSize || 20"
-            [heroIconSize]="_iconModel.heroIconSize || 'small'">
-        </upd-icon>
-    }
-
-    <div [class.mx-1]="!!_iconModel && !_isIcon">
-        <ng-content></ng-content>
-    </div>
-
-    @if (!!badgeConfig()) {
-        <upd-badge [config]="badgeConfig()"></upd-badge>
-    }
-
-    @if (!!_iconModel && _iconPosition === 'right') {
-        <upd-icon [model]="_iconModel" [tablerIconSize]="_iconModel.tablerIconSize || 20"
-            [heroIconSize]="_iconModel.heroIconSize || 'small'">
-        </upd-icon>
-    }
-</ng-template>
-
-@if (!mainText) {
-    <ng-container [ngTemplateOutlet]="userContentTpl"></ng-container>
-} @else {
-    @if (!!_iconModel && _iconPosition === 'left') {
-        <upd-icon [model]="_iconModel" [tablerIconSize]="_iconModel.tablerIconSize || 20"
-            [heroIconSize]="_iconModel.heroIconSize || 'small'">
-        </upd-icon>
-    }
-
-    <span [class.mx-1]="!!_iconModel">
-        {{ mainText }}
-    </span>
-
-    @if (!!badgeConfig()) {
-        <upd-badge [config]="badgeConfig()"></upd-badge>
-    }
-
-    @if (!!_iconModel && _iconPosition === 'right') {
-        <upd-icon [model]="_iconModel" [tablerIconSize]="_iconModel.tablerIconSize || 20"
-            [heroIconSize]="_iconModel.heroIconSize || 'small'">
-        </upd-icon>
-    }
-}

package/button/src/button.component.scss

@@ -1,5 +0,0 @@
-.btn-icon {
-    .icon {
-        margin: 0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x)) !important;
-    }
-}

package/button/src/button.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ButtonComponent } from './button.component';
-
-describe('ButtonComponent', () => {
-  let component: ButtonComponent;
-  let fixture: ComponentFixture<ButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ButtonComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});