@likable-hair/svelte 3.3.21 → 3.3.22

package/dist/components/composed/list/DynamicTable.svelte.d.ts

@@ -1,20 +1,268 @@
-import { SvelteComponent } from "svelte";
 import { FilterBuilder } from "../../..";
 import { type ComponentProps } from "svelte";
 import Filters from "../search/Filters.svelte";
-import type { Filter } from "../../../utils/filters/filters";
+import type { DateMode, Filter, NumberMode, SelectMode, StringMode } from "../../../utils/filters/filters";
 import { type Action } from "../common/QuickActions.svelte";
 import './DynamicTable.css';
 import type { QuickFilter } from "../../../utils/filters/quickFilters";
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            header?: string | undefined;
-            row?: string | undefined;
-            cell?: string | undefined;
-        } | undefined;
-        headers?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DynamicTable: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        header?: string;
+        row?: string;
+        cell?: string;
+    };
+    headers?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+        cellEditorInfo?: {
+            title: string;
+            description: string;
+            type: {
+                key: "string";
+            } | {
+                key: "number";
+                params?: {
+                    min?: number;
+                    max?: number;
+                };
+            } | {
+                key: "date";
+            } | {
+                key: "select";
+                params: {
+                    options: {
+                        icon?: string;
+                        value: string | number | undefined;
+                        id?: number | undefined;
+                        text: string;
+                    }[];
+                };
+            } | {
+                key: "boolean";
+            };
+            column: string;
+            info?: string;
+        };
+        info?: string;
+        maxWidth?: string;
+    })[];
+    headersToShowInTable?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+        cellEditorInfo?: {
+            title: string;
+            description: string;
+            type: {
+                key: "string";
+            } | {
+                key: "number";
+                params?: {
+                    min?: number;
+                    max?: number;
+                };
+            } | {
+                key: "date";
+            } | {
+                key: "select";
+                params: {
+                    options: {
+                        icon?: string;
+                        value: string | number | undefined;
+                        id?: number | undefined;
+                        text: string;
+                    }[];
+                };
+            } | {
+                key: "boolean";
+            };
+            column: string;
+            info?: string;
+        };
+        info?: string;
+        maxWidth?: string;
+    })[];
+    subHeaders?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+        cellEditorInfo?: {
+            title: string;
+            description: string;
+            type: {
+                key: "string";
+            } | {
+                key: "number";
+                params?: {
+                    min?: number;
+                    max?: number;
+                };
+            } | {
+                key: "date";
+            } | {
+                key: "select";
+                params: {
+                    options: {
+                        icon?: string;
+                        value: string | number | undefined;
+                        id?: number | undefined;
+                        text: string;
+                    }[];
+                };
+            } | {
+                key: "boolean";
+            };
+            column: string;
+            info?: string;
+        };
+        info?: string;
+        maxWidth?: string;
+    })[];
+    customizeHeaders?: boolean;
+    rows?: {
+        item: {
+            [key: string]: any;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
+        subItems: {
+            [key: string]: any;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        }[];
+    }[];
+    sortedBy?: string | undefined;
+    sortDirection?: "asc" | "desc";
+    cellEdit?: boolean;
+    lang?: "it" | "en";
+    dateLocale?: "it" | "en" | undefined;
+    noItemsText?: string;
+    showSelect?: boolean;
+    showActions?: boolean;
+    selectMode?: "single" | "multiple";
+    selectedItems?: {
+        [key: string]: any;
+        disableEdit?: boolean;
+        rowDisableBackgroundColor?: string;
+    }[];
+    unselectedItems?: {
+        [key: string]: any;
+        disableEdit?: boolean;
+        rowDisableBackgroundColor?: string;
+    }[];
+    selectedAll?: boolean;
+    showExpand?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    filters?: ComponentProps<Filters>["filters"];
+    searchBarColumns?: string[] | undefined;
+    searchBarVisible?: boolean;
+    searchBarPlaceholder?: string;
+    filtersVisible?: boolean;
+    quickFiltersVisible?: boolean;
+    editFilterMode?: "one-edit" | "multi-edit";
+    showActiveFilters?: boolean;
+    quickFilters?: QuickFilter[];
+    actionsForSelectedItems?: Action[];
+    quickActionsDisabled?: boolean;
+    totalRows?: number;
+    searchText?: string | undefined;
+    renderedRowsNumber?: number;
+    sectionRowsNumber?: number;
+    sectionThreshold?: number;
+    backwardThresholdPixel?: number;
+    forwardThresholdPixel?: number;
+    uniqueKey?: keyof {
+        [key: string]: any;
+        disableEdit?: boolean;
+        rowDisableBackgroundColor?: string;
+    };
+    numberOfResultsVisible?: boolean;
+    endLineVisible?: boolean;
+    resizableColumns?: boolean;
+    resizedColumnSizeWithPadding?: {
+        [value: string]: number;
+    };
+    dynamicFilters?: boolean;
+    useSelectedItemsOnly?: boolean;
+}, {
+    scroll: Event;
+    click: MouseEvent;
+    sort: CustomEvent<{
+        sortedBy: string | undefined;
+        sortDirection: string;
+    }>;
+    rowClick: CustomEvent<{
+        item: {
+            [key: string]: any;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
+    }>;
+    cellClick: CustomEvent<{
+        item: {
+            [key: string]: any;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
+    }>;
+    saveCellEdit: CustomEvent<{
+        item: any;
+    }>;
+    saveHeadersToShow: CustomEvent<{
+        headersToShow: {
+            id: string;
+            name: string;
+        }[];
+    }>;
+    filtersChange: CustomEvent<{
+        builder: FilterBuilder;
+    }>;
+    fetchData: CustomEvent<{}>;
+    removeFilter: CustomEvent<{
+        filter: Filter;
+    }>;
+    removeAllFilters: CustomEvent<{}>;
+    removeCustomQuickFilter: CustomEvent<{
+        quickFilter: QuickFilter;
+    }>;
+    applyCustomQuickFilter: CustomEvent<{
+        quickFilter: QuickFilter;
+        setQuickFilterValue: (quickFilter: QuickFilter, value?: any) => void;
+    }>;
+    columnResize: CustomEvent<{
+        id: string;
+        newWidthPx: number;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'search-bar': {
+        handleSearchChange: (searchText: string | undefined) => void;
+    };
+    'filter-append': {};
+    'custom-filter-chip': {
+        filter: Filter;
+    };
+    'custom-filter': {
+        filter: Filter | undefined;
+        updateCustomFilterValues: (filterName: string, newValue: any, newValid: boolean, mode?: NumberMode | StringMode | SelectMode | DateMode) => void;
+        mAndDown: boolean;
+    };
+    'custom-static-filter': {
+        filter: Filter;
+        updateFunction: (filterName: string, newValue: any, newValid: boolean) => void;
+        mAndDown: boolean;
+    };
+    appendFilterRow: {};
+    header: {
+        subHeader: import("../../simple/lists/SimpleTable.svelte").Header & {
             cellEditorInfo?: {
                 title: string;
                 description: string;
@@ -23,9 +271,9 @@ declare const __propDef: {
                 } | {
                     key: "number";
                     params?: {
-                        min?: number | undefined;
-                        max?: number | undefined;
-                    } | undefined;
+                        min?: number;
+                        max?: number;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -42,12 +290,32 @@ declare const __propDef: {
                     key: "boolean";
                 };
                 column: string;
-                info?: string | undefined;
-            } | undefined;
-            info?: string | undefined;
-            maxWidth?: string | undefined;
-        })[] | undefined;
-        headersToShowInTable?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+                info?: string;
+            };
+            info?: string;
+            maxWidth?: string;
+        };
+    };
+    headerLabel: {};
+    append: {
+        index: any;
+        row: {
+            item: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            };
+            subItems: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            }[];
+        };
+    };
+    custom: {
+        index: any;
+        columnIndex: any;
+        header: import("../../simple/lists/SimpleTable.svelte").Header & {
             cellEditorInfo?: {
                 title: string;
                 description: string;
@@ -56,9 +324,9 @@ declare const __propDef: {
                 } | {
                     key: "number";
                     params?: {
-                        min?: number | undefined;
-                        max?: number | undefined;
-                    } | undefined;
+                        min?: number;
+                        max?: number;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -75,12 +343,51 @@ declare const __propDef: {
                     key: "boolean";
                 };
                 column: string;
-                info?: string | undefined;
-            } | undefined;
-            info?: string | undefined;
-            maxWidth?: string | undefined;
-        })[] | undefined;
-        subHeaders?: (import("../../simple/lists/SimpleTable.svelte").Header & {
+                info?: string;
+            };
+            info?: string;
+            maxWidth?: string;
+        };
+        row: {
+            item: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            };
+            subItems: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            }[];
+        };
+    };
+    rowActions: {
+        index: any;
+        row: {
+            item: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            };
+            subItems: {
+                [key: string]: any;
+                disableEdit?: boolean;
+                rowDisableBackgroundColor?: string;
+            }[];
+        };
+    };
+    subAppend: {
+        index: any;
+        subItem: {
+            [key: string]: any;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
+    };
+    'custom-subheader': {
+        index: any;
+        columnIndex: any;
+        subHeader: import("../../simple/lists/SimpleTable.svelte").Header & {
             cellEditorInfo?: {
                 title: string;
                 description: string;
@@ -89,9 +396,9 @@ declare const __propDef: {
                 } | {
                     key: "number";
                     params?: {
-                        min?: number | undefined;
-                        max?: number | undefined;
-                    } | undefined;
+                        min?: number;
+                        max?: number;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -108,342 +415,39 @@ declare const __propDef: {
                     key: "boolean";
                 };
                 column: string;
-                info?: string | undefined;
-            } | undefined;
-            info?: string | undefined;
-            maxWidth?: string | undefined;
-        })[] | undefined;
-        customizeHeaders?: boolean | undefined;
-        rows?: {
-            item: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
+                info?: string;
             };
-            subItems: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            }[];
-        }[] | undefined;
-        sortedBy?: string | undefined;
-        sortDirection?: "desc" | "asc" | undefined;
-        cellEdit?: boolean | undefined;
-        lang?: "it" | "en" | undefined;
-        dateLocale?: "it" | "en" | undefined;
-        noItemsText?: string | undefined;
-        showSelect?: boolean | undefined;
-        showActions?: boolean | undefined;
-        selectMode?: "multiple" | "single" | undefined;
-        selectedItems?: {
-            [key: string]: any;
-            disableEdit?: boolean | undefined;
-            rowDisableBackgroundColor?: string | undefined;
-        }[] | undefined;
-        unselectedItems?: {
+            info?: string;
+            maxWidth?: string;
+        };
+        subItem: {
             [key: string]: any;
-            disableEdit?: boolean | undefined;
-            rowDisableBackgroundColor?: string | undefined;
-        }[] | undefined;
-        selectedAll?: boolean | undefined;
-        showExpand?: boolean | undefined;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        filters?: ComponentProps<Filters>["filters"];
-        searchBarColumns?: string[] | undefined;
-        searchBarVisible?: boolean | undefined;
-        searchBarPlaceholder?: string | undefined;
-        filtersVisible?: boolean | undefined;
-        quickFiltersVisible?: boolean | undefined;
-        editFilterMode?: "one-edit" | "multi-edit" | undefined;
-        showActiveFilters?: boolean | undefined;
-        quickFilters?: QuickFilter[] | undefined;
-        actionsForSelectedItems?: Action[] | undefined;
-        quickActionsDisabled?: boolean | undefined;
-        totalRows?: number | undefined;
-        searchText?: string | undefined;
-        renderedRowsNumber?: number | undefined;
-        sectionRowsNumber?: number | undefined;
-        sectionThreshold?: number | undefined;
-        backwardThresholdPixel?: number | undefined;
-        forwardThresholdPixel?: number | undefined;
-        uniqueKey?: keyof {
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
+    };
+    subRowActions: {
+        index: any;
+        subItem: {
             [key: string]: any;
-            disableEdit?: boolean | undefined;
-            rowDisableBackgroundColor?: string | undefined;
-        } | undefined;
-        numberOfResultsVisible?: boolean | undefined;
-        endLineVisible?: boolean | undefined;
-        resizableColumns?: boolean | undefined;
-        resizedColumnSizeWithPadding?: {
-            [value: string]: number;
-        } | undefined;
-        dynamicFilters?: boolean | undefined;
-        useSelectedItemsOnly?: boolean | undefined;
+            disableEdit?: boolean;
+            rowDisableBackgroundColor?: string;
+        };
     };
-    events: {
-        scroll: Event;
-        click: MouseEvent;
-        sort: CustomEvent<{
-            sortedBy: string | undefined;
-            sortDirection: string;
-        }>;
-        rowClick: CustomEvent<{
-            item: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            };
-        }>;
-        cellClick: CustomEvent<{
-            item: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            };
-        }>;
-        saveCellEdit: CustomEvent<{
-            item: any;
-        }>;
-        saveHeadersToShow: CustomEvent<{
-            headersToShow: {
-                id: string;
-                name: string;
-            }[];
-        }>;
-        filtersChange: CustomEvent<{
-            builder: FilterBuilder;
-        }>;
-        fetchData: CustomEvent<{}>;
-        removeFilter: CustomEvent<{
-            filter: Filter;
-        }>;
-        removeAllFilters: CustomEvent<{}>;
-        removeCustomQuickFilter: CustomEvent<{
-            quickFilter: QuickFilter;
-        }>;
-        applyCustomQuickFilter: CustomEvent<{
-            quickFilter: QuickFilter;
-            setQuickFilterValue: (quickFilter: QuickFilter, value?: any) => void;
-        }>;
-        columnResize: CustomEvent<{
-            id: string;
-            newWidthPx: number;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    'custom-quick-filter': {
+        quickFilter: QuickFilter;
+        setQuickFilterMissingValue: (quickFilter: QuickFilter) => void;
     };
-    slots: {
-        'search-bar': {
-            handleSearchChange: (searchText: string | undefined) => void;
-        };
-        'filter-append': {};
-        'custom-filter-chip': {
-            filter: Filter;
-        };
-        'custom-filter': {
-            filter: Filter | undefined;
-            updateCustomFilterValues: (filterName: string, newValue: any, newValid: boolean, mode?: "equal" | "like" | "ilike" | "contains" | "greater" | "lower" | "between" | "different" | undefined) => void;
-            mAndDown: boolean;
-        };
-        'custom-static-filter': {
-            filter: Filter;
-            updateFunction: (filterName: string, newValue: any, newValid: boolean) => void;
-            mAndDown: boolean;
-        };
-        appendFilterRow: {};
-        header: {
-            subHeader: import("../../simple/lists/SimpleTable.svelte").Header & {
-                cellEditorInfo?: {
-                    title: string;
-                    description: string;
-                    type: {
-                        key: "string";
-                    } | {
-                        key: "number";
-                        params?: {
-                            min?: number | undefined;
-                            max?: number | undefined;
-                        } | undefined;
-                    } | {
-                        key: "date";
-                    } | {
-                        key: "select";
-                        params: {
-                            options: {
-                                icon?: string;
-                                value: string | number | undefined;
-                                id?: number | undefined;
-                                text: string;
-                            }[];
-                        };
-                    } | {
-                        key: "boolean";
-                    };
-                    column: string;
-                    info?: string | undefined;
-                } | undefined;
-                info?: string | undefined;
-                maxWidth?: string | undefined;
-            };
-        };
-        headerLabel: {};
-        append: {
-            index: any;
-            row: {
-                item: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                };
-                subItems: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                }[];
-            };
-        };
-        custom: {
-            index: any;
-            columnIndex: any;
-            header: import("../../simple/lists/SimpleTable.svelte").Header & {
-                cellEditorInfo?: {
-                    title: string;
-                    description: string;
-                    type: {
-                        key: "string";
-                    } | {
-                        key: "number";
-                        params?: {
-                            min?: number | undefined;
-                            max?: number | undefined;
-                        } | undefined;
-                    } | {
-                        key: "date";
-                    } | {
-                        key: "select";
-                        params: {
-                            options: {
-                                icon?: string;
-                                value: string | number | undefined;
-                                id?: number | undefined;
-                                text: string;
-                            }[];
-                        };
-                    } | {
-                        key: "boolean";
-                    };
-                    column: string;
-                    info?: string | undefined;
-                } | undefined;
-                info?: string | undefined;
-                maxWidth?: string | undefined;
-            };
-            row: {
-                item: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                };
-                subItems: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                }[];
-            };
-        };
-        rowActions: {
-            index: any;
-            row: {
-                item: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                };
-                subItems: {
-                    [key: string]: any;
-                    disableEdit?: boolean | undefined;
-                    rowDisableBackgroundColor?: string | undefined;
-                }[];
-            };
-        };
-        subAppend: {
-            index: any;
-            subItem: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            };
-        };
-        'custom-subheader': {
-            index: any;
-            columnIndex: any;
-            subHeader: import("../../simple/lists/SimpleTable.svelte").Header & {
-                cellEditorInfo?: {
-                    title: string;
-                    description: string;
-                    type: {
-                        key: "string";
-                    } | {
-                        key: "number";
-                        params?: {
-                            min?: number | undefined;
-                            max?: number | undefined;
-                        } | undefined;
-                    } | {
-                        key: "date";
-                    } | {
-                        key: "select";
-                        params: {
-                            options: {
-                                icon?: string;
-                                value: string | number | undefined;
-                                id?: number | undefined;
-                                text: string;
-                            }[];
-                        };
-                    } | {
-                        key: "boolean";
-                    };
-                    column: string;
-                    info?: string | undefined;
-                } | undefined;
-                info?: string | undefined;
-                maxWidth?: string | undefined;
-            };
-            subItem: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            };
-        };
-        subRowActions: {
-            index: any;
-            subItem: {
-                [key: string]: any;
-                disableEdit?: boolean | undefined;
-                rowDisableBackgroundColor?: string | undefined;
-            };
-        };
-        'custom-quick-filter': {
-            quickFilter: QuickFilter;
-            setQuickFilterMissingValue: (quickFilter: QuickFilter) => void;
-        };
-        selection: {
-            selection: import("../../simple/forms/Autocomplete.svelte").Item;
-            unselect: (item: import("../../simple/forms/Autocomplete.svelte").Item) => void;
-        };
-        'chip-label': {
-            selection: import("../../simple/forms/Autocomplete.svelte").Item;
-        };
-        'item-label': {
-            item: import("../../simple/forms/Autocomplete.svelte").Item;
-        };
+    selection: {
+        selection: import("../../simple/forms/Autocomplete.svelte").Item;
+        unselect: (item: import("../../simple/forms/Autocomplete.svelte").Item) => void;
     };
-};
-export type DynamicTableProps = typeof __propDef.props;
-export type DynamicTableEvents = typeof __propDef.events;
-export type DynamicTableSlots = typeof __propDef.slots;
-export default class DynamicTable extends SvelteComponent<DynamicTableProps, DynamicTableEvents, DynamicTableSlots> {
-}
-export {};
+    'chip-label': {
+        selection: import("../../simple/forms/Autocomplete.svelte").Item;
+    };
+    'item-label': {
+        item: import("../../simple/forms/Autocomplete.svelte").Item;
+    };
+}, {}, string>;
+type DynamicTable = InstanceType<typeof DynamicTable>;
+export default DynamicTable;