@rkosafo/cai.components 0.0.49 → 0.0.51

package/dist/types/index.d.ts

@@ -681,6 +681,7 @@ export interface DatatableProps<T = any> extends TableProps {
     take?: number;
     editor?: Snippet<[DatatableEditorFormProps]>;
     customFilter?: Snippet<[TableFilter]>;
+    modalFooter?: Snippet;
 }
 export interface DatatableEditorFormProps {
     recordId?: number | string | null;

package/dist/ui/datatable/Datatable.svelte

@@ -80,6 +80,7 @@
 		deleteEntry = async (id: string | number) => {
 			return { success: false, data: null, error: null } as any;
 		},
+		modalFooter,
 		...otherProps
 	}: DatatableProps = $props();
 
@@ -506,7 +507,9 @@
 	})}
 
 	{#snippet footer()}
-		{#if !viewing}
+		{#if modalFooter}
+			{@render modalFooter()}
+		{:else if !viewing}
 			<Button disabled={!isValid} loading={isLoading} type="submit" class="w-full" value="submit"
 				>Submit</Button
 			>

package/dist/ui/table/Table.svelte

@@ -142,7 +142,7 @@
 											class="px-6 py-2.5 text-left text-sm font-semibold whitespace-nowrap rtl:text-right"
 										>
 											<Checkbox
-												class="cursor-pointer"
+												class="h-5 w-5 cursor-pointer"
 												checked={selectAllChecked}
 												onchange={handleSelectAllChange}
 											/>
@@ -225,9 +225,8 @@
 								>
 									{#if showCheckBox}
 										<td class="px-6 py-2">
-											<input
-												type="checkbox"
-												class="cursor-pointer"
+											<Checkbox
+												class="h-5 w-5 cursor-pointer"
 												onchange={(e) => {
 													const checked = e?.target?.checked;
 													handleRowCheckboxChange(checked, getRow(row));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "files": [
     "dist",
     "!dist/**/*.test.*",