@shival99/z-ui 1.1.15 → 1.1.17

package/types/shival99-z-ui-components-z-table.d.ts

@@ -5,10 +5,14 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { NgScrollbar } from 'ngx-scrollbar';
+import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ZSelectOption } from '@shival99/z-ui/components/z-select';
 import * as _shival99_z_ui_components_z_tooltip from '@shival99/z-ui/components/z-tooltip';
 import { ZTooltipConfig } from '@shival99/z-ui/components/z-tooltip';
 import * as _shival99_z_ui_components_z_table from '@shival99/z-ui/components/z-table';
+import { ZDateRange } from '@shival99/z-ui/components/z-calendar';
+import { ZDropdownMenuItem } from '@shival99/z-ui/components/z-dropdown-menu';
 
 interface ZVirtualGroup {
     startIndex: number;
@@ -29,7 +33,7 @@ type ZTableCellContent<T> = string | number | TemplateRef<{
 }> | Type<unknown> | ((info: CellContext<T, unknown>) => string | number | TemplateRef<unknown>);
 type ZTableHeaderContent<T> = string | TemplateRef<unknown> | Type<unknown> | (() => string) | ((info: HeaderContext<T, unknown>) => string);
 type ZTableColumn<T = unknown> = ZTableColumnConfig<T>;
-type ZTableFilterType = 'text' | 'number' | 'select' | 'multi-select' | 'date' | 'range' | 'tags';
+type ZTableFilterType = 'text' | 'number' | 'select' | 'multi-select' | 'date' | 'date-range' | 'range' | 'tags';
 type ZTableMode = 'local' | 'server';
 interface ZTableSortConfig<T> {
     enabled?: boolean;
@@ -70,7 +74,6 @@ interface ZTableControl<T> {
     deleteItem: (id: string | number, fieldKey?: keyof T) => void;
     getItems: () => T[];
 }
-/** Header cell configuration */
 interface ZTableHeaderColumnConfig<T> {
     content?: ZTableHeaderContent<T>;
     class?: string;
@@ -78,9 +81,10 @@ interface ZTableHeaderColumnConfig<T> {
     align?: ZTableAlign;
     rowSpan?: number;
     colSpan?: number;
+    contentClass?: string | ((info: HeaderContext<T, unknown>) => string);
+    contentStyle?: Record<string, string> | ((info: HeaderContext<T, unknown>) => Record<string, string>);
     tooltip?: string | ZTooltipConfig;
 }
-/** Body/data cell configuration */
 interface ZTableBodyColumnConfig<T> {
     content?: ZTableCellContent<T>;
     class?: string | ((info: CellContext<T, unknown>) => string);
@@ -91,8 +95,8 @@ interface ZTableBodyColumnConfig<T> {
     contentClass?: string | ((info: CellContext<T, unknown>) => string);
     contentStyle?: Record<string, string> | ((info: CellContext<T, unknown>) => Record<string, string>);
     tooltip?: string | ZTooltipConfig | ((info: CellContext<T, unknown>) => string | ZTooltipConfig);
+    actions?: ZTableActionColumnConfig<T>;
 }
-/** Footer cell configuration */
 interface ZTableFooterColumnConfig<T> {
     content?: ZTableHeaderContent<T>;
     class?: string;
@@ -100,6 +104,8 @@ interface ZTableFooterColumnConfig<T> {
     align?: ZTableAlign;
     rowSpan?: number;
     colSpan?: number;
+    contentClass?: string | ((info: HeaderContext<T, unknown>) => string);
+    contentStyle?: Record<string, string> | ((info: HeaderContext<T, unknown>) => Record<string, string>);
     tooltip?: string | ZTooltipConfig;
 }
 interface ZTableColumnConfig<T> {
@@ -175,7 +181,29 @@ interface ZTableSearchChangeEvent {
     sorting: SortingState;
     pagination: PaginationState;
 }
-type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick';
+interface ZTableActionItem<T = unknown> {
+    key: string;
+    label?: string;
+    icon?: ZIcon;
+    tooltip?: string;
+    type?: ZButtonVariants['zType'];
+    size?: ZButtonVariants['zSize'];
+    class?: string;
+    disabled?: boolean | ((row: T) => boolean);
+    hidden?: boolean | ((row: T) => boolean);
+    divide?: 'before' | 'after';
+}
+interface ZTableActionClickEvent<T = unknown> {
+    key: string;
+    row: T;
+    rowId: string;
+    action: ZTableActionItem<T>;
+}
+interface ZTableActionColumnConfig<T = unknown> {
+    actions: ZTableActionItem<T>[];
+    maxVisible?: number;
+}
+type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick' | 'action';
 interface ZTableChangeEventBase {
     type: ZTableChangeType;
 }
@@ -223,7 +251,11 @@ interface ZTableExpandChange extends ZTableChangeEventBase {
         expanded: ExpandedState;
     };
 }
-type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T>;
+interface ZTableActionChange<T> extends ZTableChangeEventBase {
+    type: 'action';
+    data: ZTableActionClickEvent<T>;
+}
+type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T> | ZTableActionChange<T>;
 interface ZTableInitialState {
     columnPinning?: ColumnPinningState;
     rowPinning?: RowPinningState;
@@ -256,12 +288,13 @@ interface ZTableConfig<T> {
     showFooterShadow?: boolean;
     enableSettings?: boolean;
     enableColumnResizing?: boolean;
-    enableRowPinning?: boolean;
     enableMultiSort?: boolean;
     enableSearch?: boolean;
     enablePagination?: boolean;
+    enableRowPinning?: boolean;
     enableColumnPinning?: boolean;
     enableColumnOrdering?: boolean;
+    enableColumnSorting?: boolean;
     pagination?: ZTablePaginationConfig;
     initialState?: ZTableInitialState;
     loading?: boolean;
@@ -289,7 +322,6 @@ declare class ZTableComponent<T> implements AfterViewInit {
     readonly zChange: _angular_core.OutputEmitterRef<ZTableChangeEvent<T>>;
     readonly zControl: _angular_core.OutputEmitterRef<ZTableControl<T>>;
     private readonly _destroyRef;
-    private readonly _ngZone;
     private readonly _isSyncingScroll;
     private readonly _savedScrollLeft;
     private _resizeObserver;
@@ -331,6 +363,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly hasBodyRowSpan: _angular_core.Signal<boolean>;
     protected readonly hasSelectColumn: _angular_core.Signal<boolean>;
     protected readonly hasExpandColumn: _angular_core.Signal<boolean>;
+    protected readonly actionColumnInfo: _angular_core.Signal<{
+        columnId: string;
+        config: ZTableActionColumnConfig<T>;
+        width: number;
+    } | null>;
+    protected readonly hasActionColumn: _angular_core.Signal<boolean>;
     protected readonly hasFiltering: _angular_core.Signal<boolean>;
     protected readonly hasSorting: _angular_core.Signal<boolean>;
     private readonly _data;
@@ -390,6 +428,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     }, emitType?: 'user' | 'auto'): void;
     onSearchChange(value: string | number | null): void;
     toggleHeaderFooterShadow(): void;
+    onActionClick(event: ZTableActionClickEvent<T>): void;
     openSettingsDrawer(): void;
     onPendingColumnDrop(event: CdkDragDrop<string[]>): void;
     onVisibleColumnsChange(values: (string | number)[]): void;
@@ -426,6 +465,10 @@ declare class ZTableFilterComponent<T> implements OnDestroy {
     protected readonly maxPlaceholder: _angular_core.Signal<any>;
     protected readonly searchPlaceholder: _angular_core.Signal<any>;
     protected readonly allLabel: _angular_core.Signal<any>;
+    protected readonly datePlaceholder: _angular_core.Signal<any>;
+    protected readonly dateRangePlaceholder: _angular_core.Signal<any>;
+    readonly dateValue: _angular_core.Signal<Date | null>;
+    readonly dateRangeValue: _angular_core.Signal<ZDateRange | null>;
     readonly selectOptions: _angular_core.Signal<(ZSelectOption<unknown> | {
         label: string;
         value: string;
@@ -435,6 +478,8 @@ declare class ZTableFilterComponent<T> implements OnDestroy {
     onMaxChangeDebounced(value: string | number | null): void;
     onTextChangeDebounced(value: string | number | null): void;
     onSelectChange(value: unknown): void;
+    onDateChange(value: Date | null): void;
+    onDateRangeChange(value: ZDateRange | null): void;
     private _debounce;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableFilterComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableFilterComponent<any>, "z-table-filter", never, { "zColumn": { "alias": "zColumn"; "required": true; "isSignal": true; }; "zTable": { "alias": "zTable"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -452,6 +497,27 @@ declare class ZTableIconTextComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableIconTextComponent, "z-table-icon-text", never, { "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zTooltip": { "alias": "zTooltip"; "required": false; "isSignal": true; }; "zTriggerElement": { "alias": "zTriggerElement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ZTableActionsComponent<T = unknown> {
+    readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
+    readonly zRow: _angular_core.InputSignal<T>;
+    readonly zRowId: _angular_core.InputSignal<string>;
+    readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
+    readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
+    protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
+    protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;
+    protected readonly actionStates: _angular_core.Signal<Record<string, {
+        visible: boolean;
+        disabled: boolean;
+        tooltip: string;
+    }>>;
+    protected readonly dropdownItems: _angular_core.Signal<ZDropdownMenuItem[]>;
+    protected _onActionClick(action: ZTableActionItem<T>, event: Event): void;
+    protected _onDropdownItemClick(item: ZDropdownMenuItem): void;
+    private _emitActionClick;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableActionsComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableActionsComponent<any>, "z-table-actions", never, { "zConfig": { "alias": "zConfig"; "required": true; "isSignal": true; }; "zRow": { "alias": "zRow"; "required": true; "isSignal": true; }; "zRowId": { "alias": "zRowId"; "required": true; "isSignal": true; }; "zDropdownButtonSize": { "alias": "zDropdownButtonSize"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, never, true, never>;
+}
+
 declare const isHeaderConfig: <T>(config: ZTableHeaderColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableHeaderColumnConfig<T>;
 declare const isBodyConfig: <T>(config: ZTableBodyColumnConfig<T> | ZTableCellContent<T> | undefined) => config is ZTableBodyColumnConfig<T>;
 declare const isFooterConfig: <T>(config: ZTableFooterColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableFooterColumnConfig<T>;
@@ -463,6 +529,18 @@ declare const getHeaderConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
     tooltip: string | object | undefined;
     rowSpan: number | undefined;
     colSpan: number | undefined;
+    contentClass: string | ((info: unknown) => string) | undefined;
+    contentStyle: Record<string, string> | ((info: unknown) => Record<string, string>) | undefined;
+} | {
+    content: ZTableHeaderContent<T> | undefined;
+    class: string | undefined;
+    style: Record<string, string> | undefined;
+    align: ZTableAlign | undefined;
+    tooltip: string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig | undefined;
+    rowSpan: number | undefined;
+    colSpan: number | undefined;
+    contentClass: string | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | undefined;
+    contentStyle: Record<string, string> | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | undefined;
 };
 declare const getBodyConfig: <T>(col: ZTableColumnConfig<T> | undefined, ctx?: CellContext<T, unknown>) => {
     content: ZTableCellContent<T> | undefined;
@@ -493,9 +571,21 @@ declare const getFooterConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
     tooltip: string | object | undefined;
     rowSpan: number | undefined;
     colSpan: number | undefined;
+    contentClass: string | ((info: unknown) => string) | undefined;
+    contentStyle: Record<string, string> | ((info: unknown) => Record<string, string>) | undefined;
+} | {
+    content: ZTableHeaderContent<T> | undefined;
+    class: string | undefined;
+    style: Record<string, string> | undefined;
+    align: ZTableAlign | undefined;
+    tooltip: string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig | undefined;
+    rowSpan: number | undefined;
+    colSpan: number | undefined;
+    contentClass: string | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | undefined;
+    contentStyle: Record<string, string> | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | undefined;
 };
 declare const findColumnConfig: <T>(columnId: string, columns: ZTableColumnConfig<T>[]) => ZTableColumnConfig<T> | undefined;
 declare function columnConfigToColumnDef<T>(config: ZTableColumnConfig<T>): ColumnDef<T>;
 
-export { ZTableComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
-export type { ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSortChangeEvent, ZTableSortConfig };
+export { ZTableActionsComponent, ZTableComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
+export type { ZTableActionClickEvent, ZTableActionColumnConfig, ZTableActionItem, ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSortChangeEvent, ZTableSortConfig };

package/types/shival99-z-ui-components-z-timeline.d.ts

@@ -32,7 +32,7 @@ declare class ZTimelineComponent {
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zItems: _angular_core.InputSignal<ZTimelineItem[]>;
     readonly zSize: _angular_core.InputSignal<ZTimelineSize>;
-    readonly zTimeVariant: _angular_core.InputSignal<"default" | "outline" | "secondary" | "muted">;
+    readonly zTimeVariant: _angular_core.InputSignal<"default" | "secondary" | "outline" | "muted">;
     readonly zLineStyle: _angular_core.InputSignal<ZTimelineLineStyle>;
     readonly zIconStyle: _angular_core.InputSignal<ZTimelineIconStyle>;
     readonly zLayout: _angular_core.InputSignal<ZTimelineLayout>;
@@ -57,7 +57,7 @@ declare class ZTimelineClassPipe implements PipeTransform {
 }
 
 declare const zTimelineVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineItemVariants: (props?: ({
@@ -71,18 +71,18 @@ declare const zTimelineHeaderVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineIconVariants: (props?: ({
     zColor?: "default" | "primary" | "success" | "warning" | "error" | "info" | null | undefined;
-    zIconStyle?: "filled" | "outline" | null | undefined;
+    zIconStyle?: "outline" | "filled" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTitleVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTimeVariants: (props?: ({
-    zVariant?: "default" | "outline" | "secondary" | "muted" | null | undefined;
+    zVariant?: "default" | "secondary" | "outline" | "muted" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineDescriptionVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineContentVariants: (props?: ({
     zContentStyle?: "simple" | "card" | null | undefined;

package/types/shival99-z-ui-components-z-toast.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
 import { ClassValue } from 'clsx';
-import { ExternalToast } from 'ngx-sonner';
+import { ExternalToast } from '@shival99/ngx-sonner';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 

package/types/shival99-z-ui-components-z-upload.d.ts

@@ -87,7 +87,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -126,11 +126,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
+    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;