@rkosafo/cai.components 0.0.27 → 0.0.28

package/dist/builders/filters/FilterBuilder.svelte

@@ -80,7 +80,7 @@
 	import { onMount } from 'svelte';
 	import { fade } from 'svelte/transition';
 
-	let { columns = [], filters = $bindable([]) }: FilterBuilderProps = $props();
+	let { columns = [], filters = $bindable([]), onRunQuery }: FilterBuilderProps = $props();
 
 	// Operator mappings for each type
 	const operatorsByType = {
@@ -543,7 +543,10 @@
 				<p class="text-sm text-gray-600">Live preview of your filter conditions</p>
 			</div>
 			<div class="flex items-center">
-				<Button color="blue">Run Query</Button>
+				<Button
+					color="blue"
+					onclick={() => onRunQuery({ jsonBuild: jsonQuery, sqlBuild: sqlQuery })}>Run Query</Button
+				>
 			</div>
 		</div>
 

package/dist/keycloak/index.d.ts

@@ -1,2 +1,2 @@
 export * from './types.js';
-export * from './keycloakService.js';
+export * from './keycloakService.svelte.js';

package/dist/keycloak/index.js

@@ -1,2 +1,2 @@
 export * from './types.js';
-export * from './keycloakService.js';
+export * from './keycloakService.svelte.js';

package/dist/types/index.d.ts

@@ -737,9 +737,14 @@ export interface FilterBuilderItem {
     logicalOperator?: 'AND' | 'OR';
     label?: string;
 }
+export interface FilterBuilderExport {
+    sqlBuild: string;
+    jsonBuild: any[];
+}
 export interface FilterBuilderProps {
     columns?: FilterBuilderColumnConfig[];
     filters?: FilterBuilderItem[];
+    onRunQuery?: (val: FilterBuilderExport) => void;
 }
 export interface ITab {
     id: number | string;

package/package.json

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