@saydar/table-builder 1.0.15 → 1.0.16-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saydar/table-builder",
-  "version": "1.0.15",
+  "version": "1.0.16-beta.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Yitzchak-Holtzberg/OodleTableBuilder.git"

package/types/saydar-table-builder.d.ts

@@ -5,7 +5,7 @@ import { Observable, Subscription, Subject, Unsubscribable, ReplaySubject, Behav
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as _saydar_table_builder from '@saydar/table-builder';
-import * as i36 from '@angular/router';
+import * as i37 from '@angular/router';
 import { QueryParamsHandling } from '@angular/router';
 import * as i23 from '@angular/material/sort';
 import { Sort, SortDirection as SortDirection$1, MatSort } from '@angular/material/sort';
@@ -19,22 +19,22 @@ import { MatRadioButton } from '@angular/material/radio';
 import { MatButtonToggle } from '@angular/material/button-toggle';
 import * as i19 from '@angular/material/checkbox';
 import { MatCheckbox } from '@angular/material/checkbox';
-import * as i35 from '@angular/forms';
+import * as i36 from '@angular/forms';
 import { NgControl, ControlValueAccessor } from '@angular/forms';
 import * as i12 from '@angular/material/core';
 import { MatOption } from '@angular/material/core';
-import * as i31 from '@angular/common';
+import * as i32 from '@angular/common';
 import { DatePipe, CurrencyPipe } from '@angular/common';
 import * as _ngrx_store from '@ngrx/store';
 import { Store, Action, MemoizedSelector } from '@ngrx/store';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as _ngrx_entity from '@ngrx/entity';
 import { Dictionary as Dictionary$1, Predicate as Predicate$1, EntityState } from '@ngrx/entity';
-import * as i38 from '@angular/cdk/drag-drop';
+import * as i39 from '@angular/cdk/drag-drop';
 import { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
 import * as i25 from '@angular/material/paginator';
 import { MatPaginator } from '@angular/material/paginator';
-import * as i41 from 'ng-table-virtual-scroll';
+import * as i42 from 'ng-table-virtual-scroll';
 import { TableVirtualScrollDataSource } from 'ng-table-virtual-scroll';
 import * as i20 from '@angular/material/menu';
 import { MatMenuTrigger } from '@angular/material/menu';
@@ -57,9 +57,9 @@ import * as i21 from '@angular/material/icon';
 import * as i22 from '@angular/material/badge';
 import * as i24 from '@angular/material/autocomplete';
 import * as i26 from '@angular/material/chips';
-import * as i34 from '@ngrx/effects';
-import * as i37 from '@ngrx/component';
-import * as i40 from '@angular/cdk/scrolling';
+import * as i35 from '@ngrx/effects';
+import * as i38 from '@ngrx/component';
+import * as i41 from '@angular/cdk/scrolling';
 
 declare enum HttpRequestStatus {
     notStarted = 0,
@@ -640,6 +640,21 @@ declare class TableStore extends ComponentStore<TableState> {
     private displayedColumns;
     readonly displayedColumns$: Observable<string[]>;
     readonly hideColumn: (observableOrValue: string | Observable<string>) => rxjs.Subscription;
+    readonly showColumnAt: (observableOrValue: {
+        key: string;
+        newOrder: number;
+    } | Observable<{
+        key: string;
+        newOrder: number;
+    }>) => rxjs.Subscription;
+    readonly cycleColumnSort: (observableOrValue: string | Observable<string>) => rxjs.Subscription;
+    readonly reorderVisibleColumn: (observableOrValue: {
+        previousVisibleIndex: number;
+        currentVisibleIndex: number;
+    } | Observable<{
+        previousVisibleIndex: number;
+        currentVisibleIndex: number;
+    }>) => rxjs.Subscription;
     readonly resetState: () => void;
     readonly showColumn: (observableOrValue: string | Observable<string>) => rxjs.Subscription;
     readonly setHiddenColumns: (observableOrValue: {
@@ -1366,16 +1381,110 @@ declare class WrapperFilterStore extends ComponentStore<{
     static ɵprov: i0.ɵɵInjectableDeclaration<WrapperFilterStore>;
 }
 
+interface FilterChipVm {
+    filterId: string;
+    columnName: string;
+    columnKey: string;
+    filterType: FilterType | undefined;
+    fieldType: FieldType;
+    operatorLabel: string;
+    /** Display string of the filter value. Arrays are joined with ", " so the user can edit them as text. */
+    valueDisplay: string;
+    /** Raw filterValue (used for type-aware inputs in expanded form). */
+    rawValue: any;
+    isCustom: boolean;
+    isHidden: boolean;
+}
+/** Editing draft state for the currently-expanded chip. Edits don't commit until Apply. */
+interface ChipDraft {
+    filterId: string;
+    filterType: FilterType | undefined;
+    value: any;
+    /** True if this draft was just created from "+ Add filter" — Cancel removes the chip entirely. */
+    isNew: boolean;
+}
 declare class GenFilterDisplayerComponent {
     tableState: TableStore;
     filterStore: WrapperFilterStore;
-    constructor(tableState: TableStore, filterStore: WrapperFilterStore);
+    chips$: Observable<FilterChipVm[]>;
     filterCols$: Observable<MetaData[]>;
+    count$: Observable<number>;
+    /** Which chip is currently in expanded form. Drives compact vs expanded rendering. */
+    draft: i0.WritableSignal<ChipDraft | null>;
+    /** Whether the inline column picker is open (replaces the nested mat-menu so the
+     * parent panel stays open after a column is selected). */
+    pickerOpen: i0.WritableSignal<boolean>;
+    constructor(tableState: TableStore, filterStore: WrapperFilterStore);
+    /** Operators compatible with a chip's column fieldType, for the operator dropdown. */
+    operatorsFor(fieldType: FieldType): {
+        value: FilterType;
+        label: string;
+    }[];
+    /** Maps fieldType to the input style the expanded form should render. */
+    inputKindFor(fieldType: FieldType): 'date' | 'datetime' | 'number' | 'boolean' | 'text';
+    /**
+     * Add a new filter from the column picker.
+     * Combo 4: the chip is born expanded with no value yet. The user fills in value + Apply
+     * to commit. Commits to TableStore happen on Apply, not on every keystroke, so the
+     * table doesn't re-filter mid-edit.
+     */
+    /** Toggle the inline column picker. */
+    togglePicker(event?: Event): void;
+    closePicker(): void;
     addFilter(metaData: MetaData): void;
+    /** Open the expanded form for an existing chip. Initializes the draft from current values. */
+    expand(chip: FilterChipVm): void;
+    /** Update the operator in the draft (without committing). */
+    draftSetOperator(filterType: FilterType): void;
+    /** Update the value in the draft (without committing). */
+    draftSetValue(value: any): void;
+    /** Apply: commit the draft to TableStore, collapse. */
+    apply(chip: FilterChipVm): void;
+    /** Cancel: collapse without committing. For new chips, also remove the placeholder. */
+    cancel(chip: FilterChipVm): void;
+    removeFilter(filterId: string): void;
+    clearAll(): void;
+    trackByFilterId(_: number, chip: FilterChipVm): string;
+    trackByKey(_: number, md: MetaData): string;
+    /** True when the chip is currently the one being edited (expanded). */
+    isExpanded(filterId: string): boolean;
+    private defaultDraftValue;
+    /** Parse the draft's loosely-typed value into something filterValue-compatible. */
+    private parseDraftValue;
+    private formatValue;
+    /** Approximate the SpaceCase pipe locally so chip labels match the rest of the UI. */
+    private spaceCase;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenFilterDisplayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GenFilterDisplayerComponent, "tb-filter-displayer", never, {}, {}, never, never, false, never>;
 }
 
+interface VisibleRow {
+    key: string;
+    displayName: string;
+    sortDirection: 'asc' | 'desc' | null;
+    sortPriority: number | null;
+}
+interface HiddenRow {
+    key: string;
+    displayName: string;
+}
+declare class ColumnsPanelComponent {
+    private store;
+    visibleRows$: Observable<VisibleRow[]>;
+    hiddenRows$: Observable<HiddenRow[]>;
+    visibleCount$: Observable<number>;
+    totalCount$: Observable<number>;
+    constructor(store: TableStore);
+    cycleSort(key: string, ev: Event): void;
+    onVisibleDrop(event: CdkDragDrop<VisibleRow[]>): void;
+    onHiddenDrop(event: CdkDragDrop<HiddenRow[]>): void;
+    trackByKey(_: number, row: {
+        key: string;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsPanelComponent, "tb-columns-panel", never, {}, {}, never, never, false, never>;
+}
+
 declare class DateFilterComponent {
     FilterType: typeof FilterType;
     info: PartialFilter;
@@ -1952,7 +2061,7 @@ declare class MaterialModule {
 declare class TableBuilderModule {
     static forRoot(config: TableBuilderConfig): ModuleWithProviders<TableBuilderModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, [typeof ColumnTotalPipe, typeof TableContainerComponent, typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof DateFilterComponent, typeof FilterComponent, typeof MultiSortDirective, typeof NumberFilterComponent, typeof ColumnBuilderComponent, typeof ArrayColumnComponent, typeof LinkColumnComponent, typeof HeaderMenuComponent, typeof KeyDisplayPipe, typeof FormatFilterValuePipe, typeof AsFilterPillsPipe, typeof FormatFilterTypePipe, typeof ResizeColumnDirective, typeof InFilterComponent, typeof InitializationComponent, typeof InListFilterComponent, typeof SortMenuComponent, typeof FilterChipsComponent, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof DateTimeFilterComponent, typeof PreservePasteDelimitersDirective], [typeof i31.CommonModule, typeof MaterialModule, typeof _ngrx_store.StoreFeatureModule, typeof i34.EffectsFeatureModule, typeof i35.FormsModule, typeof i36.RouterModule, typeof i37.LetDirective, typeof i38.DragDropModule, typeof UtilitiesModule, typeof i40.ScrollingModule, typeof i41.TableVirtualScrollModule], [typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof TableContainerComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof FilterComponent, typeof MultiSortDirective, typeof ResizeColumnDirective, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof PreservePasteDelimitersDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, [typeof ColumnTotalPipe, typeof TableContainerComponent, typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof ColumnsPanelComponent, typeof DateFilterComponent, typeof FilterComponent, typeof MultiSortDirective, typeof NumberFilterComponent, typeof ColumnBuilderComponent, typeof ArrayColumnComponent, typeof LinkColumnComponent, typeof HeaderMenuComponent, typeof KeyDisplayPipe, typeof FormatFilterValuePipe, typeof AsFilterPillsPipe, typeof FormatFilterTypePipe, typeof ResizeColumnDirective, typeof InFilterComponent, typeof InitializationComponent, typeof InListFilterComponent, typeof SortMenuComponent, typeof FilterChipsComponent, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof DateTimeFilterComponent, typeof PreservePasteDelimitersDirective], [typeof i32.CommonModule, typeof MaterialModule, typeof _ngrx_store.StoreFeatureModule, typeof i35.EffectsFeatureModule, typeof i36.FormsModule, typeof i37.RouterModule, typeof i38.LetDirective, typeof i39.DragDropModule, typeof UtilitiesModule, typeof i41.ScrollingModule, typeof i42.TableVirtualScrollModule], [typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof TableContainerComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof ColumnsPanelComponent, typeof FilterComponent, typeof MultiSortDirective, typeof ResizeColumnDirective, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof PreservePasteDelimitersDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableBuilderModule>;
 }
 
@@ -2036,7 +2145,7 @@ declare function actionStatusReducer(state: StatusState | undefined, action: Act
 
 declare class NgrxExtModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgrxExtModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgrxExtModule, never, [typeof i31.CommonModule, typeof _ngrx_store.StoreFeatureModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgrxExtModule, never, [typeof i32.CommonModule, typeof _ngrx_store.StoreFeatureModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgrxExtModule>;
 }
 
@@ -2070,5 +2179,5 @@ type ActionableMemoizedSelector<State, Result> = MemoizedSelector<State, Result>
 type ActionReturner<Props> = (props: Props) => Action;
 declare function defaultFilter(data: any): boolean;
 
-export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GenericTableVsComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, InitializationState, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreservePasteDelimitersDirective, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableStore, TableVirtualScrollObservableDataSource, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, VirtualScrollViewportDirective, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createFilterFunc, createSuccess, defaultFilter, defaultShareReplay, defaultTableState, delayOn, filterArray, filterTypeMap, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isCustomFilter, isErrorState, isFilterInfo, isSuccessOrErrorState, isSuccessState, keysToDelete, mapArray, mapError, notNull, notStarted, onWait, onceWhen, orderMetaData, orderViewableMetaData, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, spaceCase, stateIs, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
+export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ColumnsPanelComponent, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GenericTableVsComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, InitializationState, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreservePasteDelimitersDirective, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableStore, TableVirtualScrollObservableDataSource, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, VirtualScrollViewportDirective, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createFilterFunc, createSuccess, defaultFilter, defaultShareReplay, defaultTableState, delayOn, filterArray, filterTypeMap, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isCustomFilter, isErrorState, isFilterInfo, isSuccessOrErrorState, isSuccessState, keysToDelete, mapArray, mapError, notNull, notStarted, onWait, onceWhen, orderMetaData, orderViewableMetaData, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, spaceCase, stateIs, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
 export type { ActionReturner, Additional, ArrayAdditional, CustomFilter, DateTimeOptions, FilterFunc, FilterInfo, FilterOptions, FilterState, Group, HttpRequestFactory, HttpRequestState, HttpRequestState$, HttpRequestStateAny, HttpRequestStateCancelled, HttpRequestStateError, HttpRequestStateInProgress, HttpRequestStateNotStarted, HttpRequestStateSuccess, HttpRequestStateViewContext, HttpRequestor, HttpSuccessStateViewContext, MetaData, PartialFilter, PersistedTableState, Range, ReportDef, RequestResponse, RequestStateOptions, SortDef, State, StatusState, TableBuilderSettings, TableState, UnmappedTypes, mappedFieldTypes };