@rkosafo/cai.components 0.0.53 → 0.0.55

package/dist/index.d.ts

@@ -48,6 +48,5 @@ export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
 export * from './utils/svelte-legos.js';
-import 'iconify-icon';
 export * from './keycloak/index.js';
 export { YouTube, BaseEditor };

package/dist/index.js

@@ -49,6 +49,5 @@ export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
 export * from './utils/svelte-legos.js';
-import 'iconify-icon';
 export * from './keycloak/index.js';
 export { YouTube, BaseEditor };

package/dist/types/index.d.ts

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

package/dist/ui/datatable/Datatable.svelte

@@ -82,6 +82,7 @@
 		},
 		modalFooter,
 		showModalButtons = true,
+		customAddAction,
 		...otherProps
 	}: DatatableProps = $props();
 
@@ -452,9 +453,13 @@
 						bind:hiddenColumns
 					/>
 				</div>
-				<div class:hidden={!showAdd} class="shrink-0">
-					<Button onclick={addNew}>{addButtonLabel}</Button>
-				</div>
+				{#if customAddAction}
+					{@render customAddAction?.()}
+				{:else}
+					<div class:hidden={!showAdd} class="shrink-0">
+						<Button onclick={addNew}>{addButtonLabel}</Button>
+					</div>
+				{/if}
 			</div>
 		</div>
 	</div>

package/dist/ui/datatable/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Datatable } from './Datatable.svelte';
-export { refetchDatatable } from './Datatable.svelte';
+import Datatable, { refetchDatatable } from './Datatable.svelte';
+export { Datatable, refetchDatatable };

package/dist/ui/datatable/index.js

@@ -1,2 +1,2 @@
-export { default as Datatable } from './Datatable.svelte';
-export { refetchDatatable } from './Datatable.svelte';
+import Datatable, { refetchDatatable } from './Datatable.svelte';
+export { Datatable, refetchDatatable };

package/dist/ui/icons/IconifyIcon.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import 'iconify-icon';
+
 	let { icon, ...otherProps } = $props();
 </script>
 

package/dist/ui/icons/IconifyIcon.svelte.d.ts

@@ -1,3 +1,4 @@
+import 'iconify-icon';
 declare const IconifyIcon: import("svelte").Component<{
     icon: any;
 } & Record<string, any>, {}, "">;

package/dist/ui/table/Table.svelte

@@ -14,7 +14,7 @@
 	let {
 		data = [],
 		headerColor = 'white',
-		height = 400,
+		height = 780,
 		bgWhite = false,
 		headerTextColor = 'black',
 		tableColumns = [],
@@ -117,7 +117,8 @@
 <div class="h-full w-full flex-auto">
 	<div class="grid grid-cols-1 gap-2">
 		<div
-			class=" scrollbar-thumb-blue scrollbar-thumb-rounded scrollbar-track-blue-lighter scrollbar-w-2 scrolling-touch h-full w-full overflow-x-auto"
+			class=" scrollbar-thumb-blue scrollbar-thumb-rounded scrollbar-track-blue-lighter scrollbar-w-2 scrolling-touch h-full w-full max-h-[{height}px] overflow-x-auto"
+			style="max-height: {height}px; min-height: {showMiniWidth && '250px'};"
 		>
 			<table {...$tableAttrs} class="mb-6 w-full pb-6">
 				<thead

package/package.json

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