@kayord/ui 0.4.1 → 0.4.3

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

@@ -11,6 +11,7 @@ export let hideHeader = false;
 export let noDataMessage = "No Data";
 export let serverItemCount = void 0;
 export let rowAction = void 0;
+export let showSelected = true;
 const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates, rows, flatColumns } = tableViewModel;
 const isSortEnabled = pluginStates.sort != void 0;
 const sortKeys = isSortEnabled ? pluginStates.sort.sortKeys : void 0;
@@ -19,6 +20,10 @@ const pageIndex = isPagingEnabled ? pluginStates.page.pageIndex : void 0;
 const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 const isSelectEnabled = pluginStates.select != void 0;
 const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds : void 0;
+const getOriginalData = (id) => {
+  const data = $pageRows[id];
+  return data.original;
+};
 </script>
 
 <div class="w-full">
@@ -100,7 +105,7 @@ const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds :
 								{...rowAttrs}
 								data-state={!isSelectEnabled ? false : $selectedDataIds[row.id] && "selected"}
 								class={rowAction == undefined ? "" : "hover:cursor-pointer"}
-								on:click={rowAction}
+								on:click={() => (rowAction != undefined ? rowAction(getOriginalData(row.id)) : undefined)}
 							>
 								{#each row.cells as cell (cell.id)}
 									<Subscribe attrs={cell.attrs()} let:attrs>
@@ -121,10 +126,10 @@ const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds :
 			</span>
 		{/if}
 	</div>
-	{#if isSelectEnabled}
+	{#if isSelectEnabled && showSelected}
 		<div class="flex-1 text-sm text-muted-foreground ml-4">
 			{Object.keys($selectedDataIds).length} of{" "}
-			{$rows.length} row(s) selected.
+			{serverItemCount ?? $rows.length} row(s) selected.
 		</div>
 	{/if}
 	{#if isPagingEnabled}

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

@@ -9,7 +9,8 @@ declare class __sveltets_Render<T extends RowData> {
         hideHeader?: boolean | undefined;
         noDataMessage?: string | undefined;
         serverItemCount?: number | undefined;
-        rowAction?: (() => void) | undefined;
+        rowAction?: ((row: T | undefined) => void) | undefined;
+        showSelected?: boolean | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

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

@@ -1,5 +1,8 @@
 <script>import { Checkbox } from "../../ui/checkbox";
+import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
 export let checked;
 </script>
 
-<Checkbox bind:checked={$checked} />
+<Checkbox bind:checked={$checked} class={cn(className)} />

package/package.json

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

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

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        checked: Writable<boolean>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DataTableCheckboxProps = typeof __propDef.props;
-export type DataTableCheckboxEvents = typeof __propDef.events;
-export type DataTableCheckboxSlots = typeof __propDef.slots;
-export default class DataTableCheckbox extends SvelteComponent<DataTableCheckboxProps, DataTableCheckboxEvents, DataTableCheckboxSlots> {
-}
-export {};