@praxisui/list 1.0.0-beta.3 → 1.0.0-beta.30

package/index.d.ts

@@ -76,6 +76,10 @@ interface PraxisListConfig {
         trailing?: TemplateDef;
         metaPlacement?: 'side' | 'line';
         metaPrefixIcon?: string;
+        statusPosition?: 'inline' | 'top-right';
+        chipColorMap?: Record<string, string>;
+        chipLabelMap?: Record<string, string>;
+        iconColorMap?: Record<string, string>;
         features?: ListFeatureDef[];
         featuresVisible?: boolean;
         featuresMode?: 'icons+labels' | 'icons-only' | 'labels-only';
@@ -96,6 +100,17 @@ interface PraxisListConfig {
         emitPayload?: 'item' | 'id' | 'value';
     }>;
     i18n?: Record<string, string>;
+    ui?: {
+        showSearch?: boolean;
+        searchField?: string;
+        searchPlaceholder?: string;
+        showSort?: boolean;
+        sortOptions?: Array<string | {
+            label: string;
+            value: string;
+        }>;
+        showRange?: boolean;
+    };
     a11y?: {
         ariaLabel?: string;
         ariaLabelledBy?: string;
@@ -137,6 +152,11 @@ declare class ListDataService<T = any> {
     private query$;
     readonly loading$: BehaviorSubject<boolean>;
     readonly total$: BehaviorSubject<number>;
+    readonly pageState$: Observable<{
+        pageNumber: number;
+        pageSize: number;
+        sort?: string[];
+    }>;
     private lastSig;
     private readonly crud;
     setConfig(config: PraxisListConfig): void;
@@ -163,6 +183,13 @@ declare class PraxisList implements OnInit, OnChanges {
     sections$: rxjs.Observable<ListSection<any>[]>;
     loading$: rxjs.Observable<boolean>;
     total$: rxjs.Observable<number>;
+    page$: rxjs.Observable<{
+        pageNumber: number;
+        pageSize: number;
+        sort?: string[];
+    }>;
+    private lastQuery;
+    private search$;
     get layoutLines(): number;
     boundControl: FormControl<unknown | unknown[] | null>;
     skinClasses: string;
@@ -208,6 +235,19 @@ declare class PraxisList implements OnInit, OnChanges {
     openConfigEditor(): void;
     nextPage(): void;
     prevPage(): void;
+    setPageSize(ps: number): void;
+    onSortChange(val: string): void;
+    onSearchInput(val: string): void;
+    sortOptionValue(op: any): string;
+    sortOptionLabel(op: any): string;
+    rangeStart(ps: {
+        pageNumber: number;
+        pageSize: number;
+    }): number;
+    rangeEnd(currLen: number, ps: {
+        pageNumber: number;
+        pageSize: number;
+    }, total: number): number;
     private onEditorApplied;
     private readonly crud;
     private tryInferTemplatingFromSchema;
@@ -217,6 +257,7 @@ declare class PraxisList implements OnInit, OnChanges {
     private evalString;
     private parseTwoParams;
     private toBoolean;
+    private prettyLabel;
     private mapDateStyle;
     starIcon(index: number, ratingValue: string | number): string;
     trackBySection: (_: number, s: ListSection<any>) => string | number;
@@ -269,6 +310,7 @@ type NormalizedListConfig = Omit<PraxisListConfig, 'dataSource' | 'layout' | 'se
         currency?: string;
     };
     actions?: PraxisListConfig['actions'];
+    ui: NonNullable<PraxisListConfig['ui']>;
 };
 declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
     config: PraxisListConfig;
@@ -291,6 +333,7 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
         dateStyle?: 'short' | 'medium' | 'long' | 'full';
         class?: string;
         style?: string;
+        extraPipe?: string;
     };
     mappingSecondary: {
         field?: string;
@@ -300,6 +343,7 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
         dateStyle?: 'short' | 'medium' | 'long' | 'full';
         class?: string;
         style?: string;
+        extraPipe?: string;
     };
     mappingMeta: {
         field?: string;
@@ -312,11 +356,12 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
         placement?: 'side' | 'line';
         chipColor?: string;
         chipVariant?: 'filled' | 'outlined';
+        extraPipe?: string;
     };
     mappingMetaPrefixIcon?: string;
     mappingTrailing: {
         field?: string;
-        type?: 'text' | 'currency' | 'date' | 'chip';
+        type?: 'text' | 'currency' | 'date' | 'chip' | 'icon';
         class?: string;
         style?: string;
         chipColor?: string;
@@ -324,6 +369,7 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
         currencyCode?: string;
         locale?: string;
         dateStyle?: 'short' | 'medium' | 'long' | 'full';
+        extraPipe?: string;
     };
     mappingLeading: {
         type: 'icon' | 'image';
@@ -337,6 +383,16 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
         leadingIcon?: string;
     };
     private mappingDirty;
+    statusPosition: 'inline' | 'top-right' | undefined;
+    iconColorMapEntries: Array<{
+        key: string;
+        color?: string;
+    }>;
+    uiSortRows: Array<{
+        label?: string;
+        field?: string;
+        dir?: 'asc' | 'desc';
+    }>;
     mappingMetaFields: string[];
     mappingMetaSeparator: string;
     mappingMetaWrapSecondInParens: boolean;
@@ -380,6 +436,13 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
     onSelectionChanged(): void;
     onSkinChanged(): void;
     onPageSizeChange(value: any): void;
+    onUiChanged(): void;
+    addUiSortRow(): void;
+    removeUiSortRow(i: number): void;
+    onUiSortRowsChanged(): void;
+    isUiSortRowDuplicate(index: number): boolean;
+    isIconColorDuplicate(index: number): boolean;
+    private hydrateUiEditorFromConfig;
     private loadFieldsIfNeeded;
     updateSortConfig(): void;
     applyTemplate(): void;
@@ -388,6 +451,10 @@ declare class PraxisListConfigEditor implements SettingsValueProvider, DoCheck {
     addFeature(): void;
     removeFeature(idx: number): void;
     onFeaturesChanged(): void;
+    addIconColorEntry(): void;
+    removeIconColorEntry(i: number): void;
+    onIconColorMapChanged(): void;
+    setPipe(target: any, spec: string): void;
     insertFeatureToken(index: number, inputEl: HTMLInputElement | HTMLTextAreaElement, field: string): void;
     insertLiteralAt(index: number, inputEl: HTMLInputElement | HTMLTextAreaElement, text: string): void;
     wrapSelectionAt(index: number, inputEl: HTMLInputElement | HTMLTextAreaElement, left: string, right: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/list",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.30",
   "description": "List components and helpers for Praxis UI.",
   "peerDependencies": {
     "@angular/common": ">=16 <21",
@@ -18,11 +18,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/codexrodrigues/praxis"
+    "url": "https://github.com/codexrodrigues/praxis-ui-angular"
   },
-  "homepage": "https://github.com/codexrodrigues/praxis#readme",
+  "homepage": "https://github.com/codexrodrigues/praxis-ui-angular#readme",
   "bugs": {
-    "url": "https://github.com/codexrodrigues/praxis/issues"
+    "url": "https://github.com/codexrodrigues/praxis-ui-angular/issues"
   },
   "keywords": [
     "angular",