@ram_28/kf-ai-sdk 1.0.33 → 1.0.35

package/dist/components/hooks/useTable/types.d.ts

@@ -37,8 +37,8 @@ export interface UseTableReturnType<T> {
     error: Error | null;
     search: {
         query: string;
-        field: string | null;
-        set: (field: keyof T | string, query: string) => void;
+        field: keyof T | null;
+        set: (field: keyof T, query: string) => void;
         clear: () => void;
     };
     sort: {

package/dist/components/hooks/useTable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../sdk/components/hooks/useTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAG9F,YAAY,EAAE,oBAAoB,EAAE,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAM9E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAMD,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,oBAAoB;IACpB,YAAY,CAAC,EAAE;QACb,mDAAmD;QACnD,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,6CAA6C;QAC7C,UAAU,CAAC,EAAE,mBAAmB,CAAC;QACjC,6CAA6C;QAC7C,MAAM,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;KAClC,CAAC;IACF,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IAEnC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,MAAM,CAAC;IAGnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IAGpB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAGpB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACtD,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,CAAC;IAGF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;QACtB,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;QACjC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;QACjC,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;KAC1D,CAAC;IAGF,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAG/B,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACrC,CAAC;IAGF,OAAO,EAAE,MAAM,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC7C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../sdk/components/hooks/useTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAG9F,YAAY,EAAE,oBAAoB,EAAE,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAM9E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAMD,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,oBAAoB;IACpB,YAAY,CAAC,EAAE;QACb,mDAAmD;QACnD,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,6CAA6C;QAC7C,UAAU,CAAC,EAAE,mBAAmB,CAAC;QACjC,6CAA6C;QAC7C,MAAM,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;KAClC,CAAC;IACF,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IAEnC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,MAAM,CAAC;IAGnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IAGpB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAGpB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;QACtB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAC7C,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,CAAC;IAGF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;QACtB,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;QACjC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;QACjC,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;KAC1D,CAAC;IAGF,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAG/B,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACrC,CAAC;IAGF,OAAO,EAAE,MAAM,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC7C"}

package/dist/table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),x=require("@tanstack/react-query"),D=require("./client-DxjRcEtN.cjs"),y=require("./error-handling-CAoD0Kwb.cjs"),re=require("./useFilter-DzpP_ag0.cjs");function oe(o){var k,z,M,P,Q,O,R,w;const[a,h]=r.useState({query:"",debouncedQuery:"",field:null}),c=r.useRef(null),H=300,j=()=>{var t,n;const e=(t=o.initialState)==null?void 0:t.sort;if(e&&e.length>0){const A=e[0],L=Object.keys(A)[0],te=(n=A[L])==null?void 0:n.toLowerCase();return{field:L,direction:te}}return{field:null,direction:null}},[s,p]=r.useState(j),[i,u]=r.useState({pageNo:((z=(k=o.initialState)==null?void 0:k.pagination)==null?void 0:z.pageNo)||1,pageSize:((P=(M=o.initialState)==null?void 0:M.pagination)==null?void 0:P.pageSize)||10}),C=re.useFilter({conditions:(O=(Q=o.initialState)==null?void 0:Q.filter)==null?void 0:O.conditions,operator:((w=(R=o.initialState)==null?void 0:R.filter)==null?void 0:w.operator)||"And"}),l=r.useMemo(()=>{const e={};let t=C.payload;if(a.debouncedQuery&&a.field){const n={LHSField:a.field,Operator:"Contains",RHSValue:a.debouncedQuery,RHSType:"Constant"};t?t.Operator==="And"?t={...t,Condition:[...t.Condition||[],n]}:t={Operator:"And",Condition:[t,n]}:t={Operator:"And",Condition:[n]}}return t&&(e.Filter=t),e},[a.debouncedQuery,a.field,C.payload]),N=r.useMemo(()=>{const e={...l};return s.field&&s.direction&&(e.Sort=[{[String(s.field)]:s.direction==="asc"?"ASC":"DESC"}]),e.Page=i.pageNo,e.PageSize=i.pageSize,e},[l,s,i]),{data:d,isLoading:G,isFetching:I,error:T,refetch:E}=x.useQuery({queryKey:["table",o.source,N],queryFn:async()=>{try{const e=await D.api(o.source).list(N);return o.onSuccess&&o.onSuccess(e.Data),e}catch(e){throw o.onError&&o.onError(y.toError(e)),e}},staleTime:0,gcTime:0}),{data:g,isLoading:K,isFetching:_,error:q,refetch:F}=x.useQuery({queryKey:["table-count",o.source,l],queryFn:async()=>{try{return await D.api(o.source).count(l)}catch(e){throw o.onError&&o.onError(y.toError(e)),e}},staleTime:0,gcTime:0}),B=r.useMemo(()=>(d==null?void 0:d.Data)||[],[d]),f=r.useMemo(()=>(g==null?void 0:g.Count)||0,[g]),S=r.useMemo(()=>Math.ceil(f/i.pageSize),[f,i.pageSize]),U=r.useCallback(e=>{p(t=>{if(t.field===e){if(t.direction==="asc")return{field:e,direction:"desc"};if(t.direction==="desc")return{field:null,direction:null}}return{field:e,direction:"asc"}})},[]),V=r.useCallback(()=>{p({field:null,direction:null})},[]),J=r.useCallback((e,t)=>{p({field:e,direction:t})},[]),W=r.useCallback((e,t)=>{if(t.length>255){console.warn("Search query exceeds maximum length of 255 characters");return}h(n=>({...n,query:t,field:String(e)})),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{h(n=>({...n,debouncedQuery:t})),u(n=>({...n,pageNo:1}))},H)},[]),X=r.useCallback(()=>{c.current&&clearTimeout(c.current),h({query:"",debouncedQuery:"",field:null}),u(e=>({...e,pageNo:1}))},[]);r.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]);const b=i.pageNo<S,m=i.pageNo>1,Y=r.useCallback(()=>{b&&u(e=>({...e,pageNo:e.pageNo+1}))},[b]),Z=r.useCallback(()=>{m&&u(e=>({...e,pageNo:e.pageNo-1}))},[m]),$=r.useCallback(e=>{const t=Math.max(1,Math.min(e,S));u(n=>({...n,pageNo:t}))},[S]),v=r.useCallback(e=>{u(t=>({...t,pageSize:e,pageNo:1}))},[]),ee=r.useCallback(async()=>{const[e]=await Promise.all([E(),F()]);return e.data||{Data:[]}},[E,F]);return{rows:B,totalItems:f,isLoading:G||K,isFetching:I||_,error:T?y.toError(T):q?y.toError(q):null,search:{query:a.query,field:a.field,set:W,clear:X},sort:{field:s.field,direction:s.direction,toggle:U,clear:V,set:J},filter:C,pagination:{pageNo:i.pageNo,pageSize:i.pageSize,totalPages:S,totalItems:f,canGoNext:b,canGoPrevious:m,goToNext:Y,goToPrevious:Z,goToPage:$,setPageSize:v},refetch:ee}}exports.useTable=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),x=require("@tanstack/react-query"),D=require("./client-DxjRcEtN.cjs"),y=require("./error-handling-CAoD0Kwb.cjs"),re=require("./useFilter-DzpP_ag0.cjs");function oe(o){var k,z,M,P,Q,O,R,w;const[a,h]=r.useState({query:"",debouncedQuery:"",field:null}),c=r.useRef(null),H=300,j=()=>{var t,n;const e=(t=o.initialState)==null?void 0:t.sort;if(e&&e.length>0){const A=e[0],L=Object.keys(A)[0],te=(n=A[L])==null?void 0:n.toLowerCase();return{field:L,direction:te}}return{field:null,direction:null}},[s,p]=r.useState(j),[i,u]=r.useState({pageNo:((z=(k=o.initialState)==null?void 0:k.pagination)==null?void 0:z.pageNo)||1,pageSize:((P=(M=o.initialState)==null?void 0:M.pagination)==null?void 0:P.pageSize)||10}),C=re.useFilter({conditions:(O=(Q=o.initialState)==null?void 0:Q.filter)==null?void 0:O.conditions,operator:((w=(R=o.initialState)==null?void 0:R.filter)==null?void 0:w.operator)||"And"}),l=r.useMemo(()=>{const e={};let t=C.payload;if(a.debouncedQuery&&a.field){const n={LHSField:a.field,Operator:"Contains",RHSValue:a.debouncedQuery,RHSType:"Constant"};t?t.Operator==="And"?t={...t,Condition:[...t.Condition||[],n]}:t={Operator:"And",Condition:[t,n]}:t={Operator:"And",Condition:[n]}}return t&&(e.Filter=t),e},[a.debouncedQuery,a.field,C.payload]),N=r.useMemo(()=>{const e={...l};return s.field&&s.direction&&(e.Sort=[{[String(s.field)]:s.direction==="asc"?"ASC":"DESC"}]),e.Page=i.pageNo,e.PageSize=i.pageSize,e},[l,s,i]),{data:d,isLoading:G,isFetching:I,error:T,refetch:E}=x.useQuery({queryKey:["table",o.source,N],queryFn:async()=>{try{const e=await D.api(o.source).list(N);return o.onSuccess&&o.onSuccess(e.Data),e}catch(e){throw o.onError&&o.onError(y.toError(e)),e}},staleTime:0,gcTime:0}),{data:g,isLoading:K,isFetching:_,error:q,refetch:F}=x.useQuery({queryKey:["table-count",o.source,l],queryFn:async()=>{try{return await D.api(o.source).count(l)}catch(e){throw o.onError&&o.onError(y.toError(e)),e}},staleTime:0,gcTime:0}),B=r.useMemo(()=>(d==null?void 0:d.Data)||[],[d]),f=r.useMemo(()=>(g==null?void 0:g.Count)||0,[g]),S=r.useMemo(()=>Math.ceil(f/i.pageSize),[f,i.pageSize]),U=r.useCallback(e=>{p(t=>{if(t.field===e){if(t.direction==="asc")return{field:e,direction:"desc"};if(t.direction==="desc")return{field:null,direction:null}}return{field:e,direction:"asc"}})},[]),V=r.useCallback(()=>{p({field:null,direction:null})},[]),J=r.useCallback((e,t)=>{p({field:e,direction:t})},[]),W=r.useCallback((e,t)=>{if(t.length>255){console.warn("Search query exceeds maximum length of 255 characters");return}h(n=>({...n,query:t,field:e})),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{h(n=>({...n,debouncedQuery:t})),u(n=>({...n,pageNo:1}))},H)},[]),X=r.useCallback(()=>{c.current&&clearTimeout(c.current),h({query:"",debouncedQuery:"",field:null}),u(e=>({...e,pageNo:1}))},[]);r.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]);const b=i.pageNo<S,m=i.pageNo>1,Y=r.useCallback(()=>{b&&u(e=>({...e,pageNo:e.pageNo+1}))},[b]),Z=r.useCallback(()=>{m&&u(e=>({...e,pageNo:e.pageNo-1}))},[m]),$=r.useCallback(e=>{const t=Math.max(1,Math.min(e,S));u(n=>({...n,pageNo:t}))},[S]),v=r.useCallback(e=>{u(t=>({...t,pageSize:e,pageNo:1}))},[]),ee=r.useCallback(async()=>{const[e]=await Promise.all([E(),F()]);return e.data||{Data:[]}},[E,F]);return{rows:B,totalItems:f,isLoading:G||K,isFetching:I||_,error:T?y.toError(T):q?y.toError(q):null,search:{query:a.query,field:a.field,set:W,clear:X},sort:{field:s.field,direction:s.direction,toggle:U,clear:V,set:J},filter:C,pagination:{pageNo:i.pageNo,pageSize:i.pageSize,totalPages:S,totalItems:f,canGoNext:b,canGoPrevious:m,goToNext:Y,goToPrevious:Z,goToPage:$,setPageSize:v},refetch:ee}}exports.useTable=oe;

package/dist/table.mjs

@@ -1,4 +1,4 @@
-import { useState as T, useRef as ie, useMemo as l, useCallback as i, useEffect as ne } from "react";
+import { useState as T, useRef as ne, useMemo as l, useCallback as n, useEffect as ie } from "react";
 import { useQuery as k } from "@tanstack/react-query";
 import { a as G } from "./client-BIkaIr2y.js";
 import { t as h } from "./error-handling-CrhTtD88.js";
@@ -9,7 +9,7 @@ function ge(r) {
     query: "",
     debouncedQuery: "",
     field: null
-  }), c = ie(null), I = 300, K = () => {
+  }), c = ne(null), I = 300, K = () => {
     var t, o;
     const e = (t = r.initialState) == null ? void 0 : t.sort;
     if (e && e.length > 0) {
@@ -17,7 +17,7 @@ function ge(r) {
       return { field: H, direction: oe };
     }
     return { field: null, direction: null };
-  }, [s, y] = T(K), [n, u] = T({
+  }, [s, y] = T(K), [i, u] = T({
     pageNo: ((A = (w = r.initialState) == null ? void 0 : w.pagination) == null ? void 0 : A.pageNo) || 1,
     pageSize: ((Q = (O = r.initialState) == null ? void 0 : O.pagination) == null ? void 0 : Q.pageSize) || 10
   }), N = ae({
@@ -51,8 +51,8 @@ function ge(r) {
       {
         [String(s.field)]: s.direction === "asc" ? "ASC" : "DESC"
       }
-    ]), e.Page = n.pageNo, e.PageSize = n.pageSize, e;
-  }, [d, s, n]), {
+    ]), e.Page = i.pageNo, e.PageSize = i.pageSize, e;
+  }, [d, s, i]), {
     data: g,
     isLoading: _,
     isFetching: j,
@@ -87,7 +87,7 @@ function ge(r) {
     },
     staleTime: 0,
     gcTime: 0
-  }), V = l(() => (g == null ? void 0 : g.Data) || [], [g]), S = l(() => (f == null ? void 0 : f.Count) || 0, [f]), p = l(() => Math.ceil(S / n.pageSize), [S, n.pageSize]), J = i((e) => {
+  }), V = l(() => (g == null ? void 0 : g.Data) || [], [g]), S = l(() => (f == null ? void 0 : f.Count) || 0, [f]), p = l(() => Math.ceil(S / i.pageSize), [S, i.pageSize]), J = n((e) => {
     y((t) => {
       if (t.field === e) {
         if (t.direction === "asc")
@@ -97,44 +97,44 @@ function ge(r) {
       }
       return { field: e, direction: "asc" };
     });
-  }, []), W = i(() => {
+  }, []), W = n(() => {
     y({ field: null, direction: null });
-  }, []), X = i(
+  }, []), X = n(
     (e, t) => {
       y({ field: e, direction: t });
     },
     []
-  ), Y = i((e, t) => {
+  ), Y = n((e, t) => {
     if (t.length > 255) {
       console.warn("Search query exceeds maximum length of 255 characters");
       return;
     }
-    m((o) => ({ ...o, query: t, field: String(e) })), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+    m((o) => ({ ...o, query: t, field: e })), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
       m((o) => ({ ...o, debouncedQuery: t })), u((o) => ({ ...o, pageNo: 1 }));
     }, I);
-  }, []), Z = i(() => {
+  }, []), Z = n(() => {
     c.current && clearTimeout(c.current), m({ query: "", debouncedQuery: "", field: null }), u((e) => ({ ...e, pageNo: 1 }));
   }, []);
-  ne(() => () => {
+  ie(() => () => {
     c.current && clearTimeout(c.current);
   }, []);
-  const C = n.pageNo < p, b = n.pageNo > 1, $ = i(() => {
+  const C = i.pageNo < p, b = i.pageNo > 1, $ = n(() => {
     C && u((e) => ({ ...e, pageNo: e.pageNo + 1 }));
-  }, [C]), v = i(() => {
+  }, [C]), v = n(() => {
     b && u((e) => ({ ...e, pageNo: e.pageNo - 1 }));
-  }, [b]), ee = i(
+  }, [b]), ee = n(
     (e) => {
       const t = Math.max(1, Math.min(e, p));
       u((o) => ({ ...o, pageNo: t }));
     },
     [p]
-  ), te = i((e) => {
+  ), te = n((e) => {
     u((t) => ({
       ...t,
       pageSize: e,
       pageNo: 1
     }));
-  }, []), re = i(async () => {
+  }, []), re = n(async () => {
     const [e] = await Promise.all([z(), q()]);
     return e.data || { Data: [] };
   }, [z, q]);
@@ -166,8 +166,8 @@ function ge(r) {
     filter: N,
     // Pagination (Flat Access)
     pagination: {
-      pageNo: n.pageNo,
-      pageSize: n.pageSize,
+      pageNo: i.pageNo,
+      pageSize: i.pageSize,
       totalPages: p,
       totalItems: S,
       canGoNext: C,

package/docs/api.md

@@ -1,7 +1,11 @@
 # API
 
+This Api SDK provides the interface for making any api call to server.
+
 Direct API methods for CRUD operations, drafts, metrics, and metadata.
 
+You SHOULD only use this Api for making any api call to post and read data.
+
 ## Setup
 
 ```typescript

package/docs/useAuth.md

@@ -1,6 +1,9 @@
-# useAuth
+# Auth SDK API
 
-Authentication state management with session handling.
+This Auth SDK API provides necessary React-hooks and Components to build the
+authentication and state management with session handling.
+
+Here is the example how to use this API:
 
 ## Imports
 

package/docs/useFilter.md

@@ -1,11 +1,20 @@
-# useFilter
+# Filter SDK API
 
-Build and manage filter conditions with support for nested groups and complex logic.
+This Filter SDK API provides necessary React-hooks and Components to build the
+Filter for using it when making api calls and building form component.
+
+Here is the example of Build and manage filter conditions with support for nested groups and complex logic.
+
+You SHOULD only use this API to building Table, Form, any other api call with that requires Filter.
 
 ## Imports
 
 ```typescript
-import { useFilter, isCondition, isConditionGroup } from "@ram_28/kf-ai-sdk/filter";
+import {
+  useFilter,
+  isCondition,
+  isConditionGroup,
+} from "@ram_28/kf-ai-sdk/filter";
 import type {
   UseFilterOptionsType,
   UseFilterReturnType,
@@ -22,14 +31,22 @@ import type {
 ```typescript
 // Condition operators
 type ConditionOperatorType =
-  | "EQ" | "NE"           // Equal, Not Equal
-  | "GT" | "GTE"          // Greater Than, Greater Than or Equal
-  | "LT" | "LTE"          // Less Than, Less Than or Equal
-  | "Between" | "NotBetween"
-  | "IN" | "NIN"          // In List, Not In List
-  | "Empty" | "NotEmpty"
-  | "Contains" | "NotContains"
-  | "MinLength" | "MaxLength";
+  | "EQ"
+  | "NE" // Equal, Not Equal
+  | "GT"
+  | "GTE" // Greater Than, Greater Than or Equal
+  | "LT"
+  | "LTE" // Less Than, Less Than or Equal
+  | "Between"
+  | "NotBetween"
+  | "IN"
+  | "NIN" // In List, Not In List
+  | "Empty"
+  | "NotEmpty"
+  | "Contains"
+  | "NotContains"
+  | "MinLength"
+  | "MaxLength";
 
 // Group operators
 type ConditionGroupOperatorType = "And" | "Or" | "Not";
@@ -96,22 +113,36 @@ interface UseFilterReturnType<T = any> {
   // ============================================================
 
   // Add a condition, optionally to a parent group. Returns the new condition's ID
-  addCondition: (condition: Omit<ConditionType<T>, "id">, parentId?: string) => string;
+  addCondition: (
+    condition: Omit<ConditionType<T>, "id">,
+    parentId?: string,
+  ) => string;
 
   // Add a condition group, optionally to a parent group. Returns the new group's ID
-  addConditionGroup: (operator: ConditionGroupOperatorType, parentId?: string) => string;
+  addConditionGroup: (
+    operator: ConditionGroupOperatorType,
+    parentId?: string,
+  ) => string;
 
   // Update a condition's properties (Operator, LHSField, RHSValue)
-  updateCondition: (id: string, updates: Partial<Omit<ConditionType<T>, "id">>) => void;
+  updateCondition: (
+    id: string,
+    updates: Partial<Omit<ConditionType<T>, "id">>,
+  ) => void;
 
   // Change a group's operator (And, Or, Not)
-  updateGroupOperator: (id: string, operator: ConditionGroupOperatorType) => void;
+  updateGroupOperator: (
+    id: string,
+    operator: ConditionGroupOperatorType,
+  ) => void;
 
   // Remove a condition or group by ID
   removeCondition: (id: string) => void;
 
   // Get a condition or group by ID
-  getCondition: (id: string) => ConditionType<T> | ConditionGroupType<T> | undefined;
+  getCondition: (
+    id: string,
+  ) => ConditionType<T> | ConditionGroupType<T> | undefined;
 
   // Remove all conditions and groups
   clearAllConditions: () => void;
@@ -123,15 +154,15 @@ interface UseFilterReturnType<T = any> {
 
 ## Operator Applicability
 
-| Operator | Applicable Field Types |
-|----------|----------------------|
-| EQ, NE | All types |
-| GT, GTE, LT, LTE | number, date, currency |
-| Between, NotBetween | number, date, currency |
-| IN, NIN | All types |
-| Empty, NotEmpty | All types |
-| Contains, NotContains | string only |
-| MinLength, MaxLength | string only |
+| Operator              | Applicable Field Types |
+| --------------------- | ---------------------- |
+| EQ, NE                | All types              |
+| GT, GTE, LT, LTE      | number, date, currency |
+| Between, NotBetween   | number, date, currency |
+| IN, NIN               | All types              |
+| Empty, NotEmpty       | All types              |
+| Contains, NotContains | string only            |
+| MinLength, MaxLength  | string only            |
 
 ## Basic Example
 
@@ -154,7 +185,10 @@ function SimpleFilter() {
   return (
     <div>
       <button onClick={addCategoryFilter}>Filter by Electronics</button>
-      <button onClick={filter.clearAllConditions} disabled={!filter.hasConditions}>
+      <button
+        onClick={filter.clearAllConditions}
+        disabled={!filter.hasConditions}
+      >
         Clear
       </button>
       <p>Active filters: {filter.items.length}</p>
@@ -186,7 +220,7 @@ function TypeSafeFilter() {
   const addCategoryFilter = () => {
     filter.addCondition({
       Operator: "EQ",
-      LHSField: "Category",  // TypeScript validates this field exists
+      LHSField: "Category", // TypeScript validates this field exists
       RHSValue: "Electronics",
     });
   };
@@ -194,7 +228,7 @@ function TypeSafeFilter() {
   const addInvalidFilter = () => {
     filter.addCondition({
       Operator: "EQ",
-      LHSField: "InvalidField",  // TypeScript error: not a key of BuyerProduct
+      LHSField: "InvalidField", // TypeScript error: not a key of BuyerProduct
       RHSValue: "test",
     });
   };
@@ -210,6 +244,7 @@ function TypeSafeFilter() {
 ### UseFilterOptionsType for Initial State
 
 `UseFilterOptionsType<T>` is used for:
+
 - Initializing `useFilter` directly
 - Setting `initialState.filter` in `useTable`
 - Setting `initialState.filter` in `useKanban`
@@ -269,7 +304,9 @@ function EqualityFilters() {
   return (
     <div>
       <button onClick={() => filterByStatus("Active")}>Active Only</button>
-      <button onClick={() => excludeStatus("Archived")}>Exclude Archived</button>
+      <button onClick={() => excludeStatus("Archived")}>
+        Exclude Archived
+      </button>
     </div>
   );
 }
@@ -359,7 +396,9 @@ function RangeFilters() {
   return (
     <div>
       <button onClick={() => filterPriceRange(50, 200)}>$50 - $200</button>
-      <button onClick={() => excludePriceRange(0, 10)}>Exclude Under $10</button>
+      <button onClick={() => excludePriceRange(0, 10)}>
+        Exclude Under $10
+      </button>
     </div>
   );
 }
@@ -517,9 +556,7 @@ function AndFilter() {
 
   return (
     <div>
-      <button onClick={applyFilters}>
-        Electronics under $500, In Stock
-      </button>
+      <button onClick={applyFilters}>Electronics under $500, In Stock</button>
       <p>Root operator: {filter.operator}</p>
     </div>
   );
@@ -552,9 +589,7 @@ function OrFilter() {
     });
   };
 
-  return (
-    <button onClick={applyFilters}>Urgent Tasks</button>
-  );
+  return <button onClick={applyFilters}>Urgent Tasks</button>;
 }
 ```
 
@@ -583,24 +618,26 @@ function NestedFilter() {
     const orGroupId = filter.addConditionGroup("Or");
 
     // Add conditions to the OR group
-    filter.addCondition({
-      Operator: "LT",
-      LHSField: "Price",
-      RHSValue: 100,
-    }, orGroupId);
-
-    filter.addCondition({
-      Operator: "EQ",
-      LHSField: "OnSale",
-      RHSValue: true,
-    }, orGroupId);
+    filter.addCondition(
+      {
+        Operator: "LT",
+        LHSField: "Price",
+        RHSValue: 100,
+      },
+      orGroupId,
+    );
+
+    filter.addCondition(
+      {
+        Operator: "EQ",
+        LHSField: "OnSale",
+        RHSValue: true,
+      },
+      orGroupId,
+    );
   };
 
-  return (
-    <button onClick={applyComplexFilter}>
-      Affordable Electronics
-    </button>
-  );
+  return <button onClick={applyComplexFilter}>Affordable Electronics</button>;
 }
 ```
 
@@ -619,13 +656,25 @@ function DeepNestedFilter() {
 
     // First AND group
     const group1 = filter.addConditionGroup("And");
-    filter.addCondition({ Operator: "EQ", LHSField: "Type", RHSValue: "A" }, group1);
-    filter.addCondition({ Operator: "GT", LHSField: "Value", RHSValue: 10 }, group1);
+    filter.addCondition(
+      { Operator: "EQ", LHSField: "Type", RHSValue: "A" },
+      group1,
+    );
+    filter.addCondition(
+      { Operator: "GT", LHSField: "Value", RHSValue: 10 },
+      group1,
+    );
 
     // Second AND group
     const group2 = filter.addConditionGroup("And");
-    filter.addCondition({ Operator: "EQ", LHSField: "Type", RHSValue: "B" }, group2);
-    filter.addCondition({ Operator: "LT", LHSField: "Value", RHSValue: 5 }, group2);
+    filter.addCondition(
+      { Operator: "EQ", LHSField: "Type", RHSValue: "B" },
+      group2,
+    );
+    filter.addCondition(
+      { Operator: "LT", LHSField: "Value", RHSValue: 5 },
+      group2,
+    );
   };
 
   return <button onClick={buildFilter}>Apply Complex Filter</button>;
@@ -760,7 +809,11 @@ function EditableFilter() {
       <button onClick={addFilter}>Add Price Filter</button>
       {conditionId && (
         <div>
-          <select onChange={(e) => updateOperator(e.target.value as ConditionOperatorType)}>
+          <select
+            onChange={(e) =>
+              updateOperator(e.target.value as ConditionOperatorType)
+            }
+          >
             <option value="GT">Greater Than</option>
             <option value="LT">Less Than</option>
             <option value="EQ">Equals</option>
@@ -804,9 +857,7 @@ function ToggleableGroupOperator() {
   return (
     <div>
       <button onClick={createGroup}>Create Group</button>
-      {groupId && (
-        <button onClick={toggleOperator}>Toggle AND/OR</button>
-      )}
+      {groupId && <button onClick={toggleOperator}>Toggle AND/OR</button>}
     </div>
   );
 }
@@ -844,11 +895,15 @@ function FilterWithApi() {
 
   return (
     <div>
-      <button onClick={() => filter.addCondition({
-        Operator: "EQ",
-        LHSField: "Status",
-        RHSValue: "Active",
-      })}>
+      <button
+        onClick={() =>
+          filter.addCondition({
+            Operator: "EQ",
+            LHSField: "Status",
+            RHSValue: "Active",
+          })
+        }
+      >
         Add Filter
       </button>
       <button onClick={fetchFiltered}>Fetch Data</button>
@@ -919,7 +974,11 @@ Produces:
 ### Multiple Conditions (AND)
 
 ```tsx
-filter.addCondition({ Operator: "EQ", LHSField: "Category", RHSValue: "Electronics" });
+filter.addCondition({
+  Operator: "EQ",
+  LHSField: "Category",
+  RHSValue: "Electronics",
+});
 filter.addCondition({ Operator: "GT", LHSField: "Price", RHSValue: 100 });
 filter.addCondition({ Operator: "LTE", LHSField: "Stock", RHSValue: 50 });
 ```
@@ -930,9 +989,24 @@ Produces:
 {
   "Operator": "And",
   "Condition": [
-    { "Operator": "EQ", "LHSField": "Category", "RHSValue": "Electronics", "RHSType": "Constant" },
-    { "Operator": "GT", "LHSField": "Price", "RHSValue": 100, "RHSType": "Constant" },
-    { "Operator": "LTE", "LHSField": "Stock", "RHSValue": 50, "RHSType": "Constant" }
+    {
+      "Operator": "EQ",
+      "LHSField": "Category",
+      "RHSValue": "Electronics",
+      "RHSType": "Constant"
+    },
+    {
+      "Operator": "GT",
+      "LHSField": "Price",
+      "RHSValue": 100,
+      "RHSType": "Constant"
+    },
+    {
+      "Operator": "LTE",
+      "LHSField": "Stock",
+      "RHSValue": 50,
+      "RHSType": "Constant"
+    }
   ]
 }
 ```
@@ -942,10 +1016,20 @@ Produces:
 ```tsx
 // Root: AND
 // Category = "Electronics" AND (Price < 100 OR OnSale = true)
-filter.addCondition({ Operator: "EQ", LHSField: "Category", RHSValue: "Electronics" });
+filter.addCondition({
+  Operator: "EQ",
+  LHSField: "Category",
+  RHSValue: "Electronics",
+});
 const orGroupId = filter.addConditionGroup("Or");
-filter.addCondition({ Operator: "LT", LHSField: "Price", RHSValue: 100 }, orGroupId);
-filter.addCondition({ Operator: "EQ", LHSField: "OnSale", RHSValue: true }, orGroupId);
+filter.addCondition(
+  { Operator: "LT", LHSField: "Price", RHSValue: 100 },
+  orGroupId,
+);
+filter.addCondition(
+  { Operator: "EQ", LHSField: "OnSale", RHSValue: true },
+  orGroupId,
+);
 ```
 
 Produces:
@@ -954,12 +1038,27 @@ Produces:
 {
   "Operator": "And",
   "Condition": [
-    { "Operator": "EQ", "LHSField": "Category", "RHSValue": "Electronics", "RHSType": "Constant" },
+    {
+      "Operator": "EQ",
+      "LHSField": "Category",
+      "RHSValue": "Electronics",
+      "RHSType": "Constant"
+    },
     {
       "Operator": "Or",
       "Condition": [
-        { "Operator": "LT", "LHSField": "Price", "RHSValue": 100, "RHSType": "Constant" },
-        { "Operator": "EQ", "LHSField": "OnSale", "RHSValue": true, "RHSType": "Constant" }
+        {
+          "Operator": "LT",
+          "LHSField": "Price",
+          "RHSValue": 100,
+          "RHSType": "Constant"
+        },
+        {
+          "Operator": "EQ",
+          "LHSField": "OnSale",
+          "RHSValue": true,
+          "RHSType": "Constant"
+        }
       ]
     }
   ]
@@ -982,7 +1081,12 @@ Produces:
 {
   "Operator": "And",
   "Condition": [
-    { "Operator": "Between", "LHSField": "Price", "RHSValue": [50, 200], "RHSType": "Constant" }
+    {
+      "Operator": "Between",
+      "LHSField": "Price",
+      "RHSValue": [50, 200],
+      "RHSType": "Constant"
+    }
   ]
 }
 ```
@@ -1003,7 +1107,12 @@ Produces:
 {
   "Operator": "And",
   "Condition": [
-    { "Operator": "IN", "LHSField": "Category", "RHSValue": ["Electronics", "Computers", "Accessories"], "RHSType": "Constant" }
+    {
+      "Operator": "IN",
+      "LHSField": "Category",
+      "RHSValue": ["Electronics", "Computers", "Accessories"],
+      "RHSType": "Constant"
+    }
   ]
 }
 ```

package/docs/useForm.md

@@ -1,6 +1,9 @@
-# useForm
+# Form SDK API
 
-Form state management with schema validation, computed fields, and react-hook-form integration.
+This Form SDK API proivdes the React-hooks and apis to build Form component when building the Pages.
+Here is the example of building Form Component with Form state management with schema validation, computed fields.
+
+You SHOULD only use this API to build Form component
 
 ## Imports
 
@@ -533,10 +536,7 @@ function ProductCategoryForm({ recordId }: { recordId: string }) {
     <form onSubmit={form.handleSubmit()}>
       <div>
         <label>Category</label>
-        <select
-          {...form.register("Category")}
-          onFocus={handleDropdownOpen}
-        >
+        <select {...form.register("Category")} onFocus={handleDropdownOpen}>
           <option value="">Select category</option>
           {loadingOptions ? (
             <option disabled>Loading...</option>
@@ -578,7 +578,8 @@ type SupplierOption = {
 function ProductSupplierForm({ recordId }: { recordId: string }) {
   const product = new Product(Roles.Buyer);
   const [supplierOptions, setSupplierOptions] = useState<SupplierOption[]>([]);
-  const [selectedSupplier, setSelectedSupplier] = useState<SupplierOption | null>(null);
+  const [selectedSupplier, setSelectedSupplier] =
+    useState<SupplierOption | null>(null);
   const [isOpen, setIsOpen] = useState(false);
   const [loadingOptions, setLoadingOptions] = useState(false);
 
@@ -607,7 +608,10 @@ function ProductSupplierForm({ recordId }: { recordId: string }) {
 
   const handleSelect = (supplier: SupplierOption) => {
     setSelectedSupplier(supplier);
-    form.setValue("SupplierInfo", { _id: supplier._id, SupplierName: supplier.SupplierName });
+    form.setValue("SupplierInfo", {
+      _id: supplier._id,
+      SupplierName: supplier.SupplierName,
+    });
     setIsOpen(false);
   };
 
@@ -637,7 +641,8 @@ function ProductSupplierForm({ recordId }: { recordId: string }) {
                 >
                   <span className="supplier-name">{supplier.SupplierName}</span>
                   <span className="supplier-rating">
-                    {"★".repeat(supplier.Rating)}{"☆".repeat(5 - supplier.Rating)}
+                    {"★".repeat(supplier.Rating)}
+                    {"☆".repeat(5 - supplier.Rating)}
                   </span>
                 </div>
               ))

package/docs/useTable.md

@@ -1,6 +1,10 @@
-# useTable
+# Table SDK API
 
-Complete table state management with data fetching, sorting, filtering, search, and pagination.
+This Table SDK API proivdes the React-hooks and apis to build Table and any List like component when building the Pages.
+
+Here is the complete exmaple of building table with state management with data fetching, sorting, filtering, search, and pagination.
+
+You SHOULD only use this API to build Table, List, Galllary, any other list like component.
 
 ## Imports
 
@@ -119,11 +123,11 @@ interface UseTableReturnType<T> {
     query: string;
 
     // Field being searched, null if no search active
-    field: string | null;
+    field: keyof T | null;
 
     // Set search field and query (triggers API call, 300ms debounced)
     // Internally creates a Contains filter condition
-    set: (field: keyof T | string, query: string) => void;
+    set: (field: keyof T, query: string) => void;
 
     // Clear search and reset to empty string (triggers API call)
     clear: () => void;
@@ -821,7 +825,7 @@ Search by field with filter-based implementation. The search internally creates
 ### API
 
 - `search.query: string` - Current search query string
-- `search.field: string | null` - Field being searched
+- `search.field: keyof T | null` - Field being searched
 - `search.set(field, query)` - Set search field and query (triggers API call, 300ms debounced)
 - `search.clear()` - Clear search (triggers API call)
 
@@ -1078,4 +1082,3 @@ function ProductListPage() {
   );
 }
 ```
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ram_28/kf-ai-sdk",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Type-safe, AI-driven SDK for building modern web applications with role-based access control",
   "author": "Ramprasad",
   "license": "MIT",

package/sdk/components/hooks/useTable/types.ts

@@ -57,8 +57,8 @@ export interface UseTableReturnType<T> {
   // Search (Flat Access)
   search: {
     query: string;
-    field: string | null;
-    set: (field: keyof T | string, query: string) => void;
+    field: keyof T | null;
+    set: (field: keyof T, query: string) => void;
     clear: () => void;
   };
 

package/sdk/components/hooks/useTable/useTable.llm.txt

@@ -82,17 +82,18 @@ const table = useTable<ProductType>({
 | Property | Type | Description |
 |----------|------|-------------|
 | `search.query` | `string` | Current search query |
-| `search.setQuery` | `(value: string) => void` | Set search query (auto-resets to page 1) |
-| `search.clear` | `() => void` | Clear search query |
+| `search.field` | `keyof T \| null` | Field being searched |
+| `search.set` | `(field: keyof T, query: string) => void` | Set search field and query (triggers API call, 300ms debounced) |
+| `search.clear` | `() => void` | Clear search (triggers API call) |
 
 #### Sorting
 | Property | Type | Description |
 |----------|------|-------------|
 | `sort.field` | `keyof T \| null` | Current sort field |
 | `sort.direction` | `"asc" \| "desc" \| null` | Current sort direction |
-| `sort.toggle` | `(field: keyof T) => void` | Toggle sort (cycles: asc -> desc -> none) |
-| `sort.clear` | `() => void` | Clear sorting |
-| `sort.set` | `(field: keyof T, direction: "asc" \| "desc") => void` | Set specific sort |
+| `sort.toggle` | `(field: keyof T) => void` | Toggle sort (triggers API call, cycles: asc -> desc -> none) |
+| `sort.clear` | `() => void` | Clear sorting (triggers API call) |
+| `sort.set` | `(field: keyof T, direction: "asc" \| "desc") => void` | Set specific sort (triggers API call) |
 
 #### Filtering (Advanced)
 | Property | Type | Description |
@@ -177,10 +178,10 @@ const table = useTable<SellerProduct>({
   },
 });
 
-// Search
+// Search by Title field
 <Input
   value={table.search.query}
-  onChange={(e) => table.search.setQuery(e.target.value)}
+  onChange={(e) => table.search.set("Title", e.target.value)}
 />
 
 // Display rows

package/sdk/components/hooks/useTable/useTable.ts

@@ -10,10 +10,10 @@ import type { UseTableOptionsType, UseTableReturnType } from "./types";
 // INTERNAL STATE TYPES
 // ============================================================
 
-interface SearchState {
+interface SearchState<T> {
   query: string; // Immediate UI value
   debouncedQuery: string; // Debounced value for API queries
-  field: string | null; // Field being searched
+  field: keyof T | null; // Field being searched
 }
 
 interface SortingState<T> {
@@ -37,7 +37,7 @@ export function useTable<T = any>(
   // STATE MANAGEMENT
   // ============================================================
 
-  const [search, setSearch] = useState<SearchState>({
+  const [search, setSearch] = useState<SearchState<T>>({
     query: "",
     debouncedQuery: "",
     field: null,
@@ -242,7 +242,7 @@ export function useTable<T = any>(
   // SEARCH OPERATIONS
   // ============================================================
 
-  const setSearchFieldAndQuery = useCallback((field: keyof T | string, query: string) => {
+  const setSearchFieldAndQuery = useCallback((field: keyof T, query: string) => {
     // Validate search query length to prevent DoS
     if (query.length > 255) {
       console.warn("Search query exceeds maximum length of 255 characters");
@@ -250,7 +250,7 @@ export function useTable<T = any>(
     }
 
     // Update immediate value for UI
-    setSearch((prev) => ({ ...prev, query, field: String(field) }));
+    setSearch((prev) => ({ ...prev, query, field }));
 
     // Clear existing debounce timeout
     if (searchDebounceRef.current) {