@kayord/ui 0.16.4 → 0.17.0

package/dist/components/custom/data-table/Pagination.svelte

@@ -5,7 +5,6 @@
 	import DoubleArrowLeft from "@lucide/svelte/icons/arrow-left";
 	import DoubleArrowRight from "@lucide/svelte/icons/arrow-right";
 	import { Select, Button } from "../../..";
-	import type { ShadTable } from "./shad-table.svelte";
 
 	interface Props<T> {
 		table: Table<T>;

package/dist/components/custom/data-table/index.d.ts

@@ -1,2 +1,2 @@
 export { default as DataTable } from "./DataTable.svelte";
-export { ShadTable, createShadSvelteTable } from "./shad-table.svelte";
+export { createShadTable } from "./shad-table.svelte";

package/dist/components/custom/data-table/index.js

@@ -1,2 +1,2 @@
 export { default as DataTable } from "./DataTable.svelte";
-export { ShadTable, createShadSvelteTable } from "./shad-table.svelte";
+export { createShadTable } from "./shad-table.svelte";

package/dist/components/custom/data-table/shad-table.svelte.d.ts

@@ -1,18 +1,9 @@
-import { type ColumnDef, type RowData, type RowModel, type Table, type TableOptions, type TableState } from "@tanstack/table-core";
+import { type RowData, type RowModel, type Table, type TableOptions, type TableState } from "@tanstack/table-core";
 interface ShadTableOptions<TData extends RowData> extends Omit<TableOptions<TData>, "getCoreRowModel"> {
     getCoreRowModel?: (table: Table<any>) => () => RowModel<any>;
     enablePaging?: boolean;
     enableVisibility?: boolean;
     enableRowSelectionUI?: boolean;
 }
-export declare function createShadSvelteTable<TData extends RowData>(shadOptions: ShadTableOptions<TData>, stateUpdate?: (state: Partial<TableState>) => void): Table<TData>;
-export declare class ShadTable<TData extends RowData> {
-    #private;
-    columns: ColumnDef<TData>[];
-    table: Table<TData>;
-    options: ShadTableOptions<TData>;
-    constructor(initOptions: ShadTableOptions<TData>, stateUpdate?: (state: Partial<TableState>) => void);
-    updateOptions(): void;
-    private features;
-}
+export declare function createShadTable<TData extends RowData>(shadOptions: ShadTableOptions<TData>, stateUpdate?: (state: Partial<TableState>) => void): Table<TData>;
 export {};

package/dist/components/custom/data-table/shad-table.svelte.js

@@ -1,7 +1,7 @@
 import { createTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, } from "@tanstack/table-core";
 import DataTableCheckbox from "./DataTableCheckbox.svelte";
 import { renderComponent } from "../../ui";
-export function createShadSvelteTable(shadOptions, stateUpdate) {
+export function createShadTable(shadOptions, stateUpdate) {
     if (!shadOptions.getCoreRowModel) {
         shadOptions.getCoreRowModel = getCoreRowModel();
     }
@@ -148,153 +148,6 @@ export function createShadSvelteTable(shadOptions, stateUpdate) {
     }
     return table;
 }
-export class ShadTable {
-    columns;
-    table;
-    #state = $state({});
-    #stateUpdate;
-    options;
-    constructor(initOptions, stateUpdate) {
-        if (stateUpdate) {
-            this.#stateUpdate = stateUpdate;
-        }
-        else {
-            this.#stateUpdate = (state) => {
-                this.#state = state;
-            };
-        }
-        this.options = initOptions;
-        if (!this.options.getCoreRowModel) {
-            this.options.getCoreRowModel = getCoreRowModel();
-        }
-        if ((this.options.enablePaging ?? true) == false) {
-            this.options.manualPagination = true;
-        }
-        const plainOptions = this.options;
-        const resolvedOptions = mergeObjects({
-            state: {},
-            onStateChange() { },
-            renderFallbackValue: null,
-            mergeOptions: (defaultOptions, options) => {
-                return mergeObjects(defaultOptions, options);
-            },
-        }, plainOptions);
-        this.table = createTable(resolvedOptions);
-        this.#state = this.table.initialState;
-        this.columns = this.options.columns;
-        this.features();
-        this.updateOptions();
-        $effect.pre(() => {
-            this.updateOptions();
-        });
-        $effect(() => {
-            this.#stateUpdate(this.#state);
-        });
-    }
-    updateOptions() {
-        this.table.setOptions((prev) => {
-            return mergeObjects(prev, this.options, {
-                state: mergeObjects(this.#state, this.options.state || {}),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                onStateChange: (updater) => {
-                    if (updater instanceof Function)
-                        this.#state = updater(this.#state);
-                    else
-                        this.#state = mergeObjects(this.#state, updater);
-                    this.options.onStateChange?.(updater);
-                },
-            });
-        });
-    }
-    features() {
-        // Sorting
-        if ((this.options.enableSorting ?? true) && !this.options.getSortedRowModel) {
-            this.options.getSortedRowModel = getSortedRowModel();
-            this.options.onSortingChange = (updater) => {
-                if (typeof updater === "function") {
-                    if (this.options.state?.sorting) {
-                        this.options.state.sorting = updater(this.options.state.sorting);
-                    }
-                    else if (this.#state.sorting) {
-                        this.#state.sorting = updater(this.#state.sorting);
-                    }
-                }
-                else {
-                    if (this.options.state?.sorting) {
-                        this.options.state.sorting = updater;
-                    }
-                    else {
-                        this.#state.sorting = updater;
-                    }
-                }
-            };
-        }
-        // Paging
-        if ((this.options.enablePaging ?? true) && !this.options.getPaginationRowModel) {
-            this.options.getPaginationRowModel = getPaginationRowModel();
-            this.options.onPaginationChange = (updater) => {
-                if (typeof updater === "function") {
-                    if (this.options.state?.pagination) {
-                        this.options.state.pagination = updater(this.options.state.pagination);
-                    }
-                    else if (this.#state.pagination) {
-                        this.#state.pagination = updater(this.#state.pagination);
-                    }
-                }
-                else {
-                    if (this.options.state?.pagination) {
-                        this.options.state.pagination = updater;
-                    }
-                    else {
-                        this.#state.pagination = updater;
-                    }
-                }
-            };
-        }
-        // Row Selection
-        if ((this.options.enableRowSelection ?? true) && !this.options.onRowSelectionChange) {
-            this.options.onRowSelectionChange = (updater) => {
-                if (typeof updater === "function") {
-                    if (this.options.state?.rowSelection) {
-                        this.options.state.rowSelection = updater(this.options.state.rowSelection);
-                    }
-                    else if (this.#state.rowSelection) {
-                        this.#state.rowSelection = updater(this.#state.rowSelection);
-                    }
-                }
-                else {
-                    if (this.options.state?.rowSelection) {
-                        this.options.state.rowSelection = updater;
-                    }
-                    else {
-                        this.#state.rowSelection = updater;
-                    }
-                }
-            };
-        }
-        // Column Visibility
-        if ((this.options.enableVisibility ?? false) && !this.options.onColumnVisibilityChange) {
-            this.options.onColumnVisibilityChange = (updater) => {
-                if (typeof updater === "function") {
-                    if (this.options.state?.columnVisibility) {
-                        this.options.state.columnVisibility = updater(this.options.state.columnVisibility);
-                    }
-                    else if (this.#state.columnVisibility) {
-                        this.#state.columnVisibility = updater(this.#state.columnVisibility);
-                    }
-                }
-                else {
-                    if (this.options.state?.columnVisibility) {
-                        this.options.state.columnVisibility = updater;
-                    }
-                    else {
-                        this.#state.columnVisibility = updater;
-                    }
-                }
-            };
-        }
-    }
-}
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function mergeObjects(...sources) {
     const target = {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.16.4",
+  "version": "0.17.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",