@likable-hair/svelte 4.2.4 → 4.3.0

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

@@ -9,7 +9,7 @@ import './DynamicTable.css';
 import type { QuickFilter } from "../../../utils/filters/quickFilters";
 import type { UIEventHandler } from "svelte/elements";
 import HeadersDrawer from "../common/HeadersDrawer.svelte";
-declare class __sveltets_Render<Item extends {
+declare function $$render<Item extends {
     [key: string]: any;
 } = {
     [key: string]: any;
@@ -17,8 +17,8 @@ declare class __sveltets_Render<Item extends {
     [key: string]: any;
 } = {
     [key: string]: any;
-}> {
-    props(): {
+}>(): {
+    props: {
         headers?: (import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
             cellEditorInfo?: {
                 title: string;
@@ -30,7 +30,7 @@ declare class __sveltets_Render<Item extends {
                     params?: {
                         min?: number;
                         max?: number;
-                    } | undefined;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -48,9 +48,9 @@ declare class __sveltets_Render<Item extends {
                 };
                 column: string;
                 info?: string;
-            } | undefined;
+            };
             info?: string;
-        })[] | undefined;
+        })[];
         headersToShowInTable?: (import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
             cellEditorInfo?: {
                 title: string;
@@ -62,7 +62,7 @@ declare class __sveltets_Render<Item extends {
                     params?: {
                         min?: number;
                         max?: number;
-                    } | undefined;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -80,9 +80,9 @@ declare class __sveltets_Render<Item extends {
                 };
                 column: string;
                 info?: string;
-            } | undefined;
+            };
             info?: string;
-        })[] | undefined;
+        })[];
         subHeaders?: (import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
             cellEditorInfo?: {
                 title: string;
@@ -94,7 +94,7 @@ declare class __sveltets_Render<Item extends {
                     params?: {
                         min?: number;
                         max?: number;
-                    } | undefined;
+                    };
                 } | {
                     key: "date";
                 } | {
@@ -112,9 +112,9 @@ declare class __sveltets_Render<Item extends {
                 };
                 column: string;
                 info?: string;
-            } | undefined;
+            };
             info?: string;
-        })[] | undefined;
+        })[];
         customizeHeaders?: boolean;
         rows?: {
             item: Item & {
@@ -125,7 +125,7 @@ declare class __sveltets_Render<Item extends {
                 disableEdit?: boolean;
                 rowDisableBackgroundColor?: string;
             })[];
-        }[] | undefined;
+        }[];
         sortedBy?: string;
         sortDirection?: "asc" | "desc";
         cellEdit?: boolean;
@@ -136,11 +136,11 @@ declare class __sveltets_Render<Item extends {
         selectedItems?: (Item & {
             disableEdit?: boolean;
             rowDisableBackgroundColor?: string;
-        })[] | undefined;
+        })[];
         unselectedItems?: (Item & {
             disableEdit?: boolean;
             rowDisableBackgroundColor?: string;
-        })[] | undefined;
+        })[];
         selectedAll?: boolean;
         showExpand?: boolean;
         loading?: boolean;
@@ -166,13 +166,13 @@ declare class __sveltets_Render<Item extends {
         sectionThreshold?: number;
         backwardThresholdPixel?: number;
         forwardThresholdPixel?: number;
-        uniqueKey?: "disableEdit" | "rowDisableBackgroundColor" | keyof Item | undefined;
+        uniqueKey?: keyof Item | "disableEdit" | "rowDisableBackgroundColor";
         numberOfResultsVisible?: boolean;
         endLineVisible?: boolean;
         resizableColumns?: boolean;
         resizedColumnSizeWithPadding?: {
             [value: string]: number;
-        } | undefined;
+        };
         pinnableColumns?: boolean;
         dynamicFilters?: boolean;
         useSelectedItemsOnly?: boolean;
@@ -185,67 +185,67 @@ declare class __sveltets_Render<Item extends {
             header?: string;
             row?: string;
             cell?: string;
-        } | undefined;
-        onsort?: ((event: {
+        };
+        onsort?: (event: {
             detail: {
                 sortedBy: string | undefined;
                 sortDirection: string;
             };
-        }) => void) | undefined;
-        onrowClick?: ((event: {
+        }) => void;
+        onrowClick?: (event: {
             detail: {
                 item: Item & {
                     disableEdit?: boolean;
                     rowDisableBackgroundColor?: string;
                 };
             };
-        }) => void) | undefined;
-        oncellClick?: ((event: {
+        }) => void;
+        oncellClick?: (event: {
             detail: {
                 item: Item & {
                     disableEdit?: boolean;
                     rowDisableBackgroundColor?: string;
                 };
             };
-        }) => void) | undefined;
-        onsaveCellEdit?: ((event: {
+        }) => void;
+        onsaveCellEdit?: (event: {
             detail: {
                 item: any;
             };
-        }) => void) | undefined;
+        }) => void;
         onsaveHeadersToShow?: ComponentProps<typeof HeadersDrawer>["onsaveHeadersToShow"];
-        onfiltersChange?: ((event: {
+        onfiltersChange?: (event: {
             detail: {
                 builder: FilterBuilder;
             };
-        }) => void) | undefined;
-        onfetchData?: (() => void) | undefined;
-        onremoveFilter?: ((event: {
+        }) => void;
+        onfetchData?: () => void;
+        onremoveFilter?: (event: {
             detail: {
                 filter: Filter;
             };
-        }) => void) | undefined;
-        onremoveAllFilters?: (() => void) | undefined;
-        onremoveCustomQuickFilter?: ((event: {
+        }) => void;
+        onremoveAllFilters?: () => void;
+        onremoveCustomQuickFilter?: (event: {
             detail: {
                 quickFilter: QuickFilter;
             };
-        }) => void) | undefined;
-        onapplyCustomQuickFilter?: ((event: {
+        }) => void;
+        onapplyCustomQuickFilter?: (event: {
             detail: {
                 quickFilter: QuickFilter;
                 setQuickFilterValue: (quickFilter: QuickFilter, value?: any) => void;
             };
-        }) => void) | undefined;
-        oncolumnResize?: ((event: {
+        }) => void;
+        oncolumnResize?: (event: {
             detail: {
                 id: string;
                 newWidthPx: number;
             };
-        }) => void) | undefined;
+        }) => void;
         searchBarSnippet?: Snippet<[{
             handleSearchChange: (searchText: string | undefined) => void;
-        }]> | undefined;
+        }]>;
         filterAppendSnippet?: ComponentProps<typeof Filters>["appendSnippet"];
         customFilterChipSnippet?: ComponentProps<typeof Filters>["customChipSnippet"];
         customFilterSnippet?: Snippet<[{
@@ -253,13 +253,13 @@ declare class __sveltets_Render<Item extends {
             mAndDown: boolean;
             updateCustomFilterValues?: Parameters<NonNullable<ComponentProps<typeof Filters>["contentSnippet"]>>[0]["updateMultiFilterValues"];
             updateFunction?: Parameters<NonNullable<ComponentProps<typeof Filters>["customSnippet"]>>[0]["updateFunction"];
-        }]> | undefined;
+        }]>;
         onscroll?: UIEventHandler<HTMLDivElement>;
         selectionSnippet?: ComponentProps<typeof Autocomplete>["selectionSnippet"];
         itemLabelSnippet?: ComponentProps<typeof Autocomplete>["itemLabelSnippet"];
         chipLabelSnippet?: Snippet<[{
             selection: ItemAutocomplete;
-        }]> | undefined;
+        }]>;
         headerSnippet?: Snippet<[{
             header: import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
                 cellEditorInfo?: {
@@ -272,7 +272,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -290,10 +290,10 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
-        }]> | undefined;
+        }]>;
         headerLabelSnippet?: Snippet<[{
             header: import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
                 cellEditorInfo?: {
@@ -306,7 +306,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -324,10 +324,10 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
-        }]> | undefined;
+        }]>;
         rowAppendSnippet?: Snippet<[{
             index: number;
             row?: {
@@ -339,8 +339,8 @@ declare class __sveltets_Render<Item extends {
                     disableEdit?: boolean;
                     rowDisableBackgroundColor?: string;
                 })[];
-            } | undefined;
-        }]> | undefined;
+            };
+        }]>;
         customRowSnippet?: Snippet<[{
             index: number;
             columnIndex: number;
@@ -355,7 +355,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -373,7 +373,7 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
             row: {
@@ -386,7 +386,7 @@ declare class __sveltets_Render<Item extends {
                     rowDisableBackgroundColor?: string;
                 })[];
             };
-        }]> | undefined;
+        }]>;
         subHeaderSnippet?: Snippet<[{
             subHeader: import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
                 cellEditorInfo?: {
@@ -399,7 +399,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -417,10 +417,10 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
-        }]> | undefined;
+        }]>;
         subHeaderLabelSnippet?: Snippet<[{
             subHeader: import("../../simple/lists/SimpleTable.svelte").Header<unknown> & {
                 cellEditorInfo?: {
@@ -433,7 +433,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -451,24 +451,24 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
-        }]> | undefined;
+        }]>;
         subRowAppendSnippet?: Snippet<[{
             index: number;
-            row?: (SubItem & {
+            row?: SubItem & {
                 disableEdit?: boolean;
                 rowDisableBackgroundColor?: string;
-            }) | undefined;
-        }]> | undefined;
+            };
+        }]>;
         subRowActionsSnippet?: Snippet<[{
             index: number;
-            row?: (SubItem & {
+            row?: SubItem & {
                 disableEdit?: boolean;
                 rowDisableBackgroundColor?: string;
-            }) | undefined;
-        }]> | undefined;
+            };
+        }]>;
         customSubRowSnippet?: Snippet<[{
             index: number;
             columnIndex: number;
@@ -483,7 +483,7 @@ declare class __sveltets_Render<Item extends {
                         params?: {
                             min?: number;
                             max?: number;
-                        } | undefined;
+                        };
                     } | {
                         key: "date";
                     } | {
@@ -501,25 +501,40 @@ declare class __sveltets_Render<Item extends {
                     };
                     column: string;
                     info?: string;
-                } | undefined;
+                };
                 info?: string;
             };
             row: SubItem & {
                 disableEdit?: boolean;
                 rowDisableBackgroundColor?: string;
             };
-        }]> | undefined;
+        }]>;
         customQuickFilterSnippet?: Snippet<[{
             quickFilter: QuickFilter;
             setQuickFilterMissingValue: (quickFilter: QuickFilter) => void;
-        }]> | undefined;
+        }]>;
         appendSnippet?: Snippet<[]>;
         headerDrawerContentSnippet?: ComponentProps<typeof HeadersDrawer>["contentSnippet"];
         headerDrawerHeadersToAddSnippet?: ComponentProps<typeof HeadersDrawer>["headersToAddSnippet"];
         headerDrawerItemSnippet?: ComponentProps<typeof HeadersDrawer>["itemSnippet"];
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "searchText" | "sortedBy" | "sortDirection" | "resizedColumnSizeWithPadding" | "filters" | "selectedItems" | "selectedAll" | "headersToShowInTable" | "unselectedItems";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Item extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}, SubItem extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> {
+    props(): ReturnType<typeof $$render<Item, SubItem>>['props'];
+    events(): ReturnType<typeof $$render<Item, SubItem>>['events'];
+    slots(): ReturnType<typeof $$render<Item, SubItem>>['slots'];
     bindings(): "searchText" | "sortedBy" | "sortDirection" | "resizedColumnSizeWithPadding" | "filters" | "selectedItems" | "selectedAll" | "headersToShowInTable" | "unselectedItems";
     exports(): {};
 }

package/dist/components/composed/list/EnhancedPaginatedTable.svelte

@@ -1,42 +1,85 @@
-<script lang="ts" generics="Item extends {[key: string]: any}, Data">import PaginatedTable from "./PaginatedTable.svelte";
-import HeadersDrawer from "../common/HeadersDrawer.svelte";
-import { Icon } from "../../..";
-import './EnhancedPaginatedTable.css';
-import lodash from "lodash";
-const deepEqual = lodash.isEqual;
-let { headersToShowInTable = $bindable(), pinnableColumns, headerDrawerProps, onsaveHeadersToShow, headerDrawerContentSnippet, headerDrawerItemSnippet, headerDrawerHeadersToAddSnippet, lang = 'en', headers, stickyAppendSnippet: internalStickyAppendSnippet, sortedBy = $bindable(undefined), sortDirection = $bindable("asc"), page = $bindable(1), rowsPerPage = $bindable(20), filters = $bindable([]), quickFilters = $bindable(), selectedItems = $bindable([]), selectedAll = $bindable(), resizedColumnSizeWithPadding = $bindable({}), ...rest } = $props();
-const organizedHeaders = () => {
+<script lang="ts" generics="Item extends {[key: string]: any}, Data">
+  import type { ComponentProps } from "svelte";
+  import PaginatedTable from "./PaginatedTable.svelte";
+  import HeadersDrawer from "../common/HeadersDrawer.svelte";
+  import { Icon } from "../../..";
+  import './EnhancedPaginatedTable.css'
+  import lodash from "lodash";
+
+  const deepEqual = lodash.isEqual
+
+  interface Props extends ComponentProps<typeof PaginatedTable<Item, Data>> {
+    headersToShowInTable: ComponentProps<typeof PaginatedTable<Item, Data>>['headers']
+    pinnableColumns?: boolean,
+    headerDrawerProps?: ComponentProps<typeof HeadersDrawer>['drawerProps']
+    onsaveHeadersToShow?: ComponentProps<typeof HeadersDrawer>['onsaveHeadersToShow']
+    headerDrawerContentSnippet?: ComponentProps<typeof HeadersDrawer>['contentSnippet']
+    headerDrawerHeadersToAddSnippet?: ComponentProps<typeof HeadersDrawer>['headersToAddSnippet']
+    headerDrawerItemSnippet?: ComponentProps<typeof HeadersDrawer>['itemSnippet']
+  }
+
+  let {
+    headersToShowInTable = $bindable(),
+    pinnableColumns,
+    headerDrawerProps,
+    onsaveHeadersToShow,
+    headerDrawerContentSnippet,
+    headerDrawerItemSnippet,
+    headerDrawerHeadersToAddSnippet,
+    lang = 'en',
+    headers,
+    stickyAppendSnippet: internalStickyAppendSnippet,
+    sortedBy = $bindable(undefined),
+    sortDirection = $bindable("asc"),
+    page = $bindable(1),
+    rowsPerPage = $bindable(20),
+    filters = $bindable([]),
+    quickFilters = $bindable(),
+    selectedItems = $bindable([]),
+    selectedAll = $bindable(),
+    resizedColumnSizeWithPadding = $bindable({}),
+    ...rest
+  }: Props = $props()
+
+  const organizedHeaders = () => {
     let pinnedFixedHeaders = headers.filter(h => h.pinned).map(h => ({
-        ...h,
-        locked: true,
-    }));
-    let pinnedByUserHeaders = headersToShowInTable.filter(h => h.pinned
-        && !pinnedFixedHeaders.find(fixed => fixed.value == h.value));
-    let otherHeaders = headersToShowInTable.filter(h => !pinnedFixedHeaders.find(fixed => fixed.value == h.value)
-        && !pinnedByUserHeaders.find(fixed => fixed.value == h.value));
+      ...h,
+      locked: true,
+    }))
+    let pinnedByUserHeaders = headersToShowInTable.filter(h => 
+      h.pinned
+      && !pinnedFixedHeaders.find(fixed => fixed.value == h.value)
+    )
+    let otherHeaders = headersToShowInTable.filter(h =>
+      !pinnedFixedHeaders.find(fixed => fixed.value == h.value)
+      && !pinnedByUserHeaders.find(fixed => fixed.value == h.value)
+    )
     return [
-        ...pinnedFixedHeaders,
-        ...pinnedByUserHeaders,
-        ...otherHeaders
+      ...pinnedFixedHeaders,
+      ...pinnedByUserHeaders,
+      ...otherHeaders
     ];
-};
-$effect(() => {
-    if (!deepEqual(organizedHeaders(), headersToShowInTable)) {
-        headersToShowInTable = organizedHeaders();
+  }
+  $effect(() => {
+    if(!deepEqual(organizedHeaders(), headersToShowInTable)) {
+      headersToShowInTable = organizedHeaders()
     }
-});
-let openHeaderDrawer = $state(false), availableHeaders = $derived.by(() => {
-    return !!headers
+  });
+
+  let openHeaderDrawer: boolean = $state(false),
+    availableHeaders = $derived.by(() => {
+      return !!headers
         ? headers
             .filter((h) => {
-            return !headersToShowInTable.find((hst) => hst.value == h.value);
-        })
-        : [];
-});
-function handleSaveHeadersToShow(event) {
+              return !headersToShowInTable.find((hst) => hst.value == h.value);
+            })
+        : []
+    })
+
+  function handleSaveHeadersToShow(event: Parameters<NonNullable<ComponentProps<typeof HeadersDrawer<Item, Data>>['onsaveHeadersToShow']>>[0]) {
     headersToShowInTable = event.detail.headersToShow;
-    onsaveHeadersToShow?.(event);
-}
+    onsaveHeadersToShow?.(event)
+  }
 </script>
 
 <PaginatedTable 

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

@@ -1,10 +1,11 @@
 import type { ComponentProps } from "svelte";
+import PaginatedTable from "./PaginatedTable.svelte";
 import HeadersDrawer from "../common/HeadersDrawer.svelte";
 import './EnhancedPaginatedTable.css';
-declare class __sveltets_Render<Item extends {
+declare function $$render<Item extends {
     [key: string]: any;
-}, Data> {
-    props(): Omit<{
+}, Data>(): {
+    props: Omit<{
         headers: import("../../simple/lists/SimpleTable.svelte").Header<Data>[];
         items: Item[];
         sortedBy?: string;
@@ -146,7 +147,7 @@ declare class __sveltets_Render<Item extends {
         }]> | undefined;
         totalsSnippet?: import("svelte").Snippet<[]>;
     } & {
-        headersToShowInTable: import("../../simple/lists/SimpleTable.svelte").Header<Data>[];
+        headersToShowInTable: ComponentProps<typeof PaginatedTable<Item, Data>>["headers"];
         pinnableColumns?: boolean;
         headerDrawerProps?: ComponentProps<typeof HeadersDrawer>["drawerProps"];
         onsaveHeadersToShow?: ComponentProps<typeof HeadersDrawer>["onsaveHeadersToShow"];
@@ -154,8 +155,17 @@ declare class __sveltets_Render<Item extends {
         headerDrawerHeadersToAddSnippet?: ComponentProps<typeof HeadersDrawer>["headersToAddSnippet"];
         headerDrawerItemSnippet?: ComponentProps<typeof HeadersDrawer>["itemSnippet"];
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "page" | "sortedBy" | "sortDirection" | "resizedColumnSizeWithPadding" | "filters" | "selectedItems" | "rowsPerPage" | "quickFilters" | "selectedAll" | "headersToShowInTable";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Item extends {
+    [key: string]: any;
+}, Data> {
+    props(): ReturnType<typeof $$render<Item, Data>>['props'];
+    events(): ReturnType<typeof $$render<Item, Data>>['events'];
+    slots(): ReturnType<typeof $$render<Item, Data>>['slots'];
     bindings(): "page" | "sortedBy" | "sortDirection" | "resizedColumnSizeWithPadding" | "filters" | "selectedItems" | "rowsPerPage" | "quickFilters" | "selectedAll" | "headersToShowInTable";
     exports(): {};
 }