@starter-solutions/inertia-data-table-vue 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@inertiajs/vue3"),l=require("vue"),k=(e,u)=>{const o=m.usePage(),r=l.computed(()=>{const a=l.toValue(u),_=l.toValue(e),p=l.toValue(a==null?void 0:a.pagePropsKey)??_,n=l.toValue(a==null?void 0:a.useUrlQuery)??!1,y=l.toValue(a==null?void 0:a.reloadOnly)?[p,...l.toValue(a==null?void 0:a.reloadOnly)]:[p];return{tableKey:_,pagePropsKey:p,useUrlQuery:n,reloadOnly:y}}),g=l.computed(()=>o.props.inertiaDataTable.stateRoutes),d=l.computed(()=>o.props.inertiaDataTable.queryParams),s=l.computed(()=>o.props.inertiaDataTable.defaults);return{settings:r,stateRoutes:g,queryParams:d,defaults:s}},O=e=>{const u=l.computed(()=>R(l.toValue(e))),o=l.computed(()=>u.value.data),r=l.computed(()=>u.value.pagination);return{data:o,pagination:r,getPaginatedRequest:(s={})=>({page:s.page??r.value.current_page,per_page:s.per_page??r.value.per_page,sort_by:s.sort_by??r.value.sort_by,descending:s.descending??r.value.descending}),validPage:s=>s>0&&s<=r.value.last_page}},R=e=>({data:(e==null?void 0:e.data)??[],pagination:V(e)}),q=e=>"meta"in e&&typeof e.meta=="object"&&e.meta!==null,V=e=>{if(!e)return{current_page:1,last_page:1,per_page:10,total:0,from:null,to:null,path:"",links:[],first_page_url:null,last_page_url:null,next_page_url:null,prev_page_url:null,sort_by:"id",descending:!1};if(q(e))return{current_page:e.meta.current_page,last_page:e.meta.last_page,per_page:e.meta.per_page,total:e.meta.total,from:e.meta.from,to:e.meta.to,path:e.meta.path,links:e.meta.links,first_page_url:e.links.first,last_page_url:e.links.last,next_page_url:e.links.next,prev_page_url:e.links.prev,sort_by:e.meta.sort_by??"id",descending:e.meta.descending??!1};const{current_page:u,last_page:o,per_page:r,total:g,from:d,to:s,path:a,links:_,first_page_url:p,last_page_url:n,next_page_url:y,prev_page_url:f,sort_by:P,descending:K}=e;return{current_page:u,last_page:o,per_page:r,total:g,from:d,to:s,path:a,links:_,first_page_url:p,last_page_url:n,next_page_url:y,prev_page_url:f,sort_by:P??"id",descending:K??!1}},j=(e,u)=>{const{stateRoutes:o,settings:r}=k(e,u);l.onBeforeUnmount(()=>{m.router.delete(o.value.drop,{preserveScroll:!0,preserveState:!0,data:{tableKey:r.value.tableKey}})});const g=m.usePage(),d=l.computed(()=>g.props[r.value.pagePropsKey]??null),{data:s,pagination:a,getPaginatedRequest:_,validPage:p}=O(d),n=t=>{t=_(t),r.value.useUrlQuery?m.router.reload({only:r.value.reloadOnly,data:{tableKey:r.value.tableKey,filter:c,...t}}):m.router.post(o.value.set,{tableKey:r.value.tableKey,filter:c,pagination:t},{preserveState:!0,preserveScroll:!0,only:r.value.reloadOnly})},y=()=>{v(1)},f=()=>{v(a.value.current_page-1)},P=()=>{v(a.value.current_page+1)},K=()=>{v(a.value.last_page)},v=t=>{if(!p(t)){console.error(`Invalid page: ${t}`);return}n({page:t})},h=t=>{n({per_page:t,page:1})},S=(t,i)=>{const b=i??a.value.sort_by===t?!a.value.descending:!1;n({sort_by:t,descending:b})},c=l.reactive({}),x=(t,i)=>{c[t]=i,n({page:1})},I=t=>{t.forEach(({key:i,value:b})=>{c[i]=b}),n({page:1})},U=t=>{delete c[t],n({page:1})},F=()=>{Object.keys(c).forEach(t=>delete c[t]),n({page:1})},T=l.computed(()=>g.props[r.value.pagePropsKey].additional);return{data:s,reload:n,pagination:a,firstPage:y,previousPage:f,nextPage:P,lastPage:K,goToPage:v,itemsPerPage:h,sortBy:S,filter:c,setFilter:x,setFilters:I,removeFilter:U,resetFilters:F,additional:T,getAdditional:(t,i=void 0)=>t.split(".").reduce((D,Q)=>D==null?void 0:D[Q],T.value)??i}};function z(){return{install(e){}}}exports.createInertiaDataTable=z;exports.getPaginationMeta=V;exports.isResource=q;exports.normalizePagination=R;exports.useDataTable=j;exports.useInertiaDataTableConfig=k;exports.useLaravelPagination=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@inertiajs/vue3"),r=require("vue"),O=(e,p)=>{const c=m.usePage(),l=r.computed(()=>{const a=r.toValue(p),s=r.toValue(e),d=r.toValue(a==null?void 0:a.pagePropsKey)??s,o=r.toValue(a==null?void 0:a.useUrlQuery)??!1,y=r.toValue(a==null?void 0:a.reloadOnly)?[d,...r.toValue(a==null?void 0:a.reloadOnly)]:[d];return{tableKey:s,pagePropsKey:d,useUrlQuery:o,reloadOnly:y}}),_=r.computed(()=>{var a,s;return((s=(a=c.props)==null?void 0:a.inertiaDataTable)==null?void 0:s.stateRoutes)??{set:"",drop:"",dropAll:""}}),g=r.computed(()=>{var a,s;return((s=(a=c.props)==null?void 0:a.inertiaDataTable)==null?void 0:s.queryParams)??{tableKey:"tableKey",perPage:"per_page",sortBy:"sort_by",descending:"descending",pageName:"page",filter:"filter"}}),n=r.computed(()=>{var a,s;return((s=(a=c.props)==null?void 0:a.inertiaDataTable)==null?void 0:s.defaults)??{perPage:15,sortBy:"id"}});return{settings:l,stateRoutes:_,queryParams:g,defaults:n}},h=e=>{const p=r.computed(()=>R(r.toValue(e))),c=r.computed(()=>p.value.data),l=r.computed(()=>p.value.pagination);return{data:c,pagination:l,getPaginatedRequest:(n={})=>({page:n.page??l.value.current_page,per_page:n.per_page??l.value.per_page,sort_by:n.sort_by??l.value.sort_by,descending:n.descending??l.value.descending}),validPage:n=>n>0&&n<=l.value.last_page}},R=e=>({data:(e==null?void 0:e.data)??[],pagination:V(e)}),q=e=>"meta"in e&&typeof e.meta=="object"&&e.meta!==null,V=e=>{if(!e)return{current_page:1,last_page:1,per_page:10,total:0,from:null,to:null,path:"",links:[],first_page_url:null,last_page_url:null,next_page_url:null,prev_page_url:null,sort_by:"id",descending:!1};if(q(e))return{current_page:e.meta.current_page,last_page:e.meta.last_page,per_page:e.meta.per_page,total:e.meta.total,from:e.meta.from,to:e.meta.to,path:e.meta.path,links:e.meta.links,first_page_url:e.links.first,last_page_url:e.links.last,next_page_url:e.links.next,prev_page_url:e.links.prev,sort_by:e.meta.sort_by??"id",descending:e.meta.descending??!1};const{current_page:p,last_page:c,per_page:l,total:_,from:g,to:n,path:a,links:s,first_page_url:d,last_page_url:o,next_page_url:y,prev_page_url:f,sort_by:P,descending:K}=e;return{current_page:p,last_page:c,per_page:l,total:_,from:g,to:n,path:a,links:s,first_page_url:d,last_page_url:o,next_page_url:y,prev_page_url:f,sort_by:P??"id",descending:K??!1}},Q=(e,p)=>{var k;const{stateRoutes:c,settings:l}=O(e,p);r.onBeforeUnmount(()=>{m.router.delete(c.value.drop,{preserveScroll:!0,preserveState:!0,data:{tableKey:l.value.tableKey}})});const _=m.usePage(),g=r.computed(()=>{var t;return((t=_.props)==null?void 0:t[l.value.pagePropsKey])??null}),{data:n,pagination:a,getPaginatedRequest:s,validPage:d}=h(g),o=t=>{t=s(t),l.value.useUrlQuery?m.router.reload({only:l.value.reloadOnly,data:{tableKey:l.value.tableKey,filter:u,...t}}):m.router.post(c.value.set,{tableKey:l.value.tableKey,filter:u,pagination:t},{preserveState:!0,preserveScroll:!0,only:l.value.reloadOnly})},y=()=>{v(1)},f=()=>{v(a.value.current_page-1)},P=()=>{v(a.value.current_page+1)},K=()=>{v(a.value.last_page)},v=t=>{if(!d(t)){console.error(`Invalid page: ${t}`);return}o({page:t})},S=t=>{o({per_page:t,page:1})},j=(t,i)=>{const b=i??a.value.sort_by===t?!a.value.descending:!1;o({sort_by:t,descending:b})},u=r.reactive(((k=g.value)==null?void 0:k.filter)??{});r.watch(()=>{var t;return(t=g.value)==null?void 0:t.filter},t=>{Object.keys(u).forEach(i=>delete u[i]),Object.assign(u,t??{})});const x=(t,i)=>{u[t]=i,o({page:1})},I=t=>{t.forEach(({key:i,value:b})=>{u[i]=b}),o({page:1})},U=t=>{delete u[t],o({page:1})},B=()=>{Object.keys(u).forEach(t=>delete u[t]),o({page:1})},T=r.computed(()=>g.value.additional??{});return{data:n,reload:o,pagination:a,firstPage:y,previousPage:f,nextPage:P,lastPage:K,goToPage:v,itemsPerPage:S,sortBy:j,filter:u,setFilter:x,setFilters:I,removeFilter:U,resetFilters:B,additional:T,getAdditional:(t,i=void 0)=>t.split(".").reduce((D,F)=>D==null?void 0:D[F],T.value)??i}};function z(){return{install(e){}}}exports.createInertiaDataTable=z;exports.getPaginationMeta=V;exports.isResource=q;exports.normalizePagination=R;exports.useDataTable=Q;exports.useInertiaDataTableConfig=O;exports.useLaravelPagination=h;

package/dist/index.js

@@ -1,46 +1,69 @@
-import { usePage as R, router as D } from "@inertiajs/vue3";
-import { computed as o, toValue as _, onBeforeUnmount as S, reactive as I } from "vue";
-const j = (e, u) => {
-  const n = R(), r = o(() => {
-    const a = _(u), y = _(e), g = _(a == null ? void 0 : a.pagePropsKey) ?? y, s = _(a == null ? void 0 : a.useUrlQuery) ?? !1, v = _(a == null ? void 0 : a.reloadOnly) ? [g, ..._(a == null ? void 0 : a.reloadOnly)] : [g];
+import { usePage as R, router as O } from "@inertiajs/vue3";
+import { computed as p, toValue as d, onBeforeUnmount as Q, reactive as S, watch as A } from "vue";
+const E = (e, i) => {
+  const u = R(), r = p(() => {
+    const a = d(i), l = d(e), _ = d(a == null ? void 0 : a.pagePropsKey) ?? l, n = d(a == null ? void 0 : a.useUrlQuery) ?? !1, v = d(a == null ? void 0 : a.reloadOnly) ? [_, ...d(a == null ? void 0 : a.reloadOnly)] : [_];
     return {
-      tableKey: y,
-      pagePropsKey: g,
-      useUrlQuery: s,
+      tableKey: l,
+      pagePropsKey: _,
+      useUrlQuery: n,
       reloadOnly: v
     };
-  }), p = o(
-    () => n.props.inertiaDataTable.stateRoutes
-  ), d = o(
-    () => n.props.inertiaDataTable.queryParams
-  ), l = o(
-    () => n.props.inertiaDataTable.defaults
+  }), y = p(
+    () => {
+      var a, l;
+      return ((l = (a = u.props) == null ? void 0 : a.inertiaDataTable) == null ? void 0 : l.stateRoutes) ?? {
+        set: "",
+        drop: "",
+        dropAll: ""
+      };
+    }
+  ), c = p(
+    () => {
+      var a, l;
+      return ((l = (a = u.props) == null ? void 0 : a.inertiaDataTable) == null ? void 0 : l.queryParams) ?? {
+        tableKey: "tableKey",
+        perPage: "per_page",
+        sortBy: "sort_by",
+        descending: "descending",
+        pageName: "page",
+        filter: "filter"
+      };
+    }
+  ), s = p(
+    () => {
+      var a, l;
+      return ((l = (a = u.props) == null ? void 0 : a.inertiaDataTable) == null ? void 0 : l.defaults) ?? {
+        perPage: 15,
+        sortBy: "id"
+      };
+    }
   );
   return {
     settings: r,
-    stateRoutes: p,
-    queryParams: d,
-    defaults: l
+    stateRoutes: y,
+    queryParams: c,
+    defaults: s
   };
-}, z = (e) => {
-  const u = o(() => A(_(e))), n = o(() => u.value.data), r = o(
-    () => u.value.pagination
+}, I = (e) => {
+  const i = p(() => z(d(e))), u = p(() => i.value.data), r = p(
+    () => i.value.pagination
   );
   return {
-    data: n,
+    data: u,
     pagination: r,
-    getPaginatedRequest: (l = {}) => ({
-      page: l.page ?? r.value.current_page,
-      per_page: l.per_page ?? r.value.per_page,
-      sort_by: l.sort_by ?? r.value.sort_by,
-      descending: l.descending ?? r.value.descending
+    getPaginatedRequest: (s = {}) => ({
+      page: s.page ?? r.value.current_page,
+      per_page: s.per_page ?? r.value.per_page,
+      sort_by: s.sort_by ?? r.value.sort_by,
+      descending: s.descending ?? r.value.descending
     }),
-    validPage: (l) => l > 0 && l <= r.value.last_page
+    validPage: (s) => s > 0 && s <= r.value.last_page
   };
-}, A = (e) => ({
+}, z = (e) => ({
   data: (e == null ? void 0 : e.data) ?? [],
-  pagination: E(e)
-}), B = (e) => "meta" in e && typeof e.meta == "object" && e.meta !== null, E = (e) => {
+  pagination: L(e)
+}), C = (e) => "meta" in e && typeof e.meta == "object" && e.meta !== null, L = (e) => {
   if (!e)
     return {
       current_page: 1,
@@ -60,7 +83,7 @@ const j = (e, u) => {
       sort_by: "id",
       descending: !1
     };
-  if (B(e))
+  if (C(e))
     return {
       current_page: e.meta.current_page,
       last_page: e.meta.last_page,
@@ -80,17 +103,17 @@ const j = (e, u) => {
       descending: e.meta.descending ?? !1
     };
   const {
-    current_page: u,
-    last_page: n,
+    current_page: i,
+    last_page: u,
     per_page: r,
-    total: p,
-    from: d,
-    to: l,
+    total: y,
+    from: c,
+    to: s,
     path: a,
-    links: y,
+    links: l,
     //links
-    first_page_url: g,
-    last_page_url: s,
+    first_page_url: _,
+    last_page_url: n,
     next_page_url: v,
     prev_page_url: b,
     //custom
@@ -98,50 +121,54 @@ const j = (e, u) => {
     descending: K
   } = e;
   return {
-    current_page: u,
-    last_page: n,
+    current_page: i,
+    last_page: u,
     per_page: r,
-    total: p,
-    from: d,
-    to: l,
+    total: y,
+    from: c,
+    to: s,
     path: a,
-    links: y,
+    links: l,
     //links
-    first_page_url: g,
-    last_page_url: s,
+    first_page_url: _,
+    last_page_url: n,
     next_page_url: v,
     prev_page_url: b,
     //custom
     sort_by: P ?? "id",
     descending: K ?? !1
   };
-}, V = (e, u) => {
-  const { stateRoutes: n, settings: r } = j(
+}, $ = (e, i) => {
+  var D;
+  const { stateRoutes: u, settings: r } = E(
     e,
-    u
+    i
   );
-  S(() => {
-    D.delete(n.value.drop, {
+  Q(() => {
+    O.delete(u.value.drop, {
       preserveScroll: !0,
       preserveState: !0,
       data: { tableKey: r.value.tableKey }
     });
   });
-  const p = R(), d = o(
-    () => p.props[r.value.pagePropsKey] ?? null
-  ), { data: l, pagination: a, getPaginatedRequest: y, validPage: g } = z(d), s = (t) => {
-    t = y(t), r.value.useUrlQuery ? D.reload({
+  const y = R(), c = p(
+    () => {
+      var t;
+      return ((t = y.props) == null ? void 0 : t[r.value.pagePropsKey]) ?? null;
+    }
+  ), { data: s, pagination: a, getPaginatedRequest: l, validPage: _ } = I(c), n = (t) => {
+    t = l(t), r.value.useUrlQuery ? O.reload({
       only: r.value.reloadOnly,
       data: {
         tableKey: r.value.tableKey,
-        filter: c,
+        filter: o,
         ...t
       }
-    }) : D.post(
-      n.value.set,
+    }) : O.post(
+      u.value.set,
       {
         tableKey: r.value.tableKey,
-        filter: c,
+        filter: o,
         pagination: t
       },
       {
@@ -159,30 +186,40 @@ const j = (e, u) => {
   }, K = () => {
     f(a.value.last_page);
   }, f = (t) => {
-    if (!g(t)) {
+    if (!_(t)) {
       console.error(`Invalid page: ${t}`);
       return;
     }
-    s({ page: t });
+    n({ page: t });
   }, T = (t) => {
-    s({ per_page: t, page: 1 });
-  }, h = (t, i) => {
-    const m = i ?? a.value.sort_by === t ? !a.value.descending : !1;
-    s({ sort_by: t, descending: m });
-  }, c = I({}), x = (t, i) => {
-    c[t] = i, s({ page: 1 });
-  }, q = (t) => {
-    t.forEach(({ key: i, value: m }) => {
-      c[i] = m;
-    }), s({ page: 1 });
+    n({ per_page: t, page: 1 });
+  }, x = (t, g) => {
+    const m = g ?? a.value.sort_by === t ? !a.value.descending : !1;
+    n({ sort_by: t, descending: m });
+  }, o = S(((D = c.value) == null ? void 0 : D.filter) ?? {});
+  A(
+    () => {
+      var t;
+      return (t = c.value) == null ? void 0 : t.filter;
+    },
+    (t) => {
+      Object.keys(o).forEach((g) => delete o[g]), Object.assign(o, t ?? {});
+    }
+  );
+  const q = (t, g) => {
+    o[t] = g, n({ page: 1 });
   }, U = (t) => {
-    delete c[t], s({ page: 1 });
-  }, F = () => {
-    Object.keys(c).forEach((t) => delete c[t]), s({ page: 1 });
-  }, O = o(() => p.props[r.value.pagePropsKey].additional);
+    t.forEach(({ key: g, value: m }) => {
+      o[g] = m;
+    }), n({ page: 1 });
+  }, j = (t) => {
+    delete o[t], n({ page: 1 });
+  }, B = () => {
+    Object.keys(o).forEach((t) => delete o[t]), n({ page: 1 });
+  }, h = p(() => c.value.additional ?? {});
   return {
-    data: l,
-    reload: s,
+    data: s,
+    reload: n,
     pagination: a,
     firstPage: v,
     previousPage: b,
@@ -190,31 +227,31 @@ const j = (e, u) => {
     lastPage: K,
     goToPage: f,
     itemsPerPage: T,
-    sortBy: h,
-    filter: c,
-    setFilter: x,
-    setFilters: q,
-    removeFilter: U,
-    resetFilters: F,
-    additional: O,
-    getAdditional: (t, i = void 0) => t.split(".").reduce(
-      (k, Q) => k == null ? void 0 : k[Q],
-      O.value
-    ) ?? i
+    sortBy: x,
+    filter: o,
+    setFilter: q,
+    setFilters: U,
+    removeFilter: j,
+    resetFilters: B,
+    additional: h,
+    getAdditional: (t, g = void 0) => t.split(".").reduce(
+      (k, F) => k == null ? void 0 : k[F],
+      h.value
+    ) ?? g
   };
 };
-function $() {
+function w() {
   return {
     install(e) {
     }
   };
 }
 export {
-  $ as createInertiaDataTable,
-  E as getPaginationMeta,
-  B as isResource,
-  A as normalizePagination,
-  V as useDataTable,
-  j as useInertiaDataTableConfig,
-  z as useLaravelPagination
+  w as createInertiaDataTable,
+  L as getPaginationMeta,
+  C as isResource,
+  z as normalizePagination,
+  $ as useDataTable,
+  E as useInertiaDataTableConfig,
+  I as useLaravelPagination
 };

package/dist/types/config.d.ts

@@ -11,6 +11,7 @@ export type InertiaDataTableQueryParams = {
     sortBy: string;
     descending: string;
     pageName: string;
+    filter: string;
 };
 export type InertiaDataTableDefaults = {
     perPage: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@starter-solutions/inertia-data-table-vue",
-    "version": "0.5.0",
+    "version": "0.6.0",
     "license": "MIT",
     "description": "Vue 3 + Inertia.js data table utilities with Laravel backend integration.",
     "type": "module",
@@ -48,11 +48,11 @@
         "git-major": "npm version major && git push --follow-tags"
     },
     "peerDependencies": {
-        "@inertiajs/vue3": "^2.0.0",
+        "@inertiajs/vue3": "^2.0.0 || ^3.0.0",
         "vue": "^3.3.0"
     },
     "devDependencies": {
-        "@inertiajs/vue3": "^2.0.0",
+        "@inertiajs/vue3": "^2.0.0 || ^3.0.0",
         "@types/node": "^25.3.3",
         "@vitejs/plugin-vue": "^5.0.0",
         "typescript": "^5.0.0",