@honed/table 0.3.2 → 0.4.1

package/dist/index.d.ts

@@ -105,6 +105,15 @@ export declare interface Table<RecordType extends Record<string, any> = any, Pag
     meta: Record<string, any>;
 }
 
+export declare interface TableColumn<T extends Record<string, any>> extends Column<T> {
+    toggle: (options: VisitOptions) => void;
+}
+
+export declare interface TableHeading<T extends Record<string, any>> extends Column<T> {
+    isSorting: boolean;
+    toggleSort: (options: VisitOptions) => void;
+}
+
 export declare interface TableOptions<RecordType extends Record<string, any>> {
     /**
      * Actions to be applied on a record in JavaScript.
@@ -114,7 +123,7 @@ export declare interface TableOptions<RecordType extends Record<string, any>> {
 
 export declare interface TableRecord<RecordType extends Record<string, any>> {
     record: RecordType;
-    default: (options: VisitOptions) => void;
+    default: (options?: VisitOptions) => void;
     actions: InlineAction[];
     select: () => void;
     deselect: () => void;
@@ -125,6 +134,8 @@ export declare interface TableRecord<RecordType extends Record<string, any>> {
     extra: (column: Column<RecordType> | string) => any;
 }
 
+export declare type UseTable = typeof useTable;
+
 export declare function useTable<Props extends object, Key extends Props[keyof Props] extends Refine ? keyof Props : never, RecordType extends Record<string, any> = any, Paginator extends PaginatorKind = "length-aware">(props: Props, key: Key, tableOptions?: TableOptions<RecordType>, defaultOptions?: VisitOptions): {
     filters: {
         apply: (value: Props, options?: Partial<Visit & VisitCallbacks> | undefined) => void;
@@ -135,6 +146,7 @@ export declare function useTable<Props extends object, Key extends Props[keyof P
         } | undefined;
         type: string;
         value: FilterValue;
+        /** Selects this record */
         options: Option_2[];
         multiple: boolean;
         name: string;
@@ -173,9 +185,9 @@ export declare function useTable<Props extends object, Key extends Props[keyof P
     getFilter: (name: string) => Filter | undefined;
     getSort: (name: string, direction?: Direction | undefined) => Sort | undefined;
     getSearch: (name: string) => Search | undefined;
-    currentFilters: () => Filter[];
-    currentSort: () => Sort | undefined;
-    currentSearches: () => Search[];
+    currentFilters: Filter[];
+    currentSort: Sort | undefined;
+    currentSearches: Search[];
     isFiltering: (name?: string | Filter | undefined) => boolean;
     isSorting: (name?: string | Sort | undefined) => boolean;
     isSearching: (name?: string | Search | undefined) => boolean;
@@ -279,9 +291,9 @@ export declare function useTable<Props extends object, Key extends Props[keyof P
             value: Identifier;
         };
         /** Get the value of the record for the column */
-        value: (column: Column<RecordType> | string) => RecordType[string] | RecordType[number] | RecordType[symbol];
+        value: (column: Column<RecordType> | string) => RecordType[string] | RecordType[number] | RecordType[symbol] | null;
         /** Get the extra data of the record for the column */
-        extra: (column: Column<RecordType> | string) => Record<string, any>;
+        extra: (column: Column<RecordType> | string) => any;
     }[];
     bulkActions: {
         /** Executes this bulk action */

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { ref as _, computed as h, toValue as J, reactive as Q } from "vue";
-import { router as S } from "@inertiajs/vue3";
+import { ref as _, computed as p, toValue as J, reactive as Q } from "vue";
+import { router as x } from "@inertiajs/vue3";
 function X() {
   const o = _({
     all: !1,
@@ -9,65 +9,65 @@ function X() {
   function m() {
     o.value.all = !0, o.value.only.clear(), o.value.except.clear();
   }
-  function v() {
+  function d() {
     o.value.all = !1, o.value.only.clear(), o.value.except.clear();
   }
-  function l(...s) {
-    s.forEach((p) => o.value.except.delete(p)), s.forEach((p) => o.value.only.add(p));
+  function l(...c) {
+    c.forEach((g) => o.value.except.delete(g)), c.forEach((g) => o.value.only.add(g));
   }
-  function i(...s) {
-    s.forEach((p) => o.value.except.add(p)), s.forEach((p) => o.value.only.delete(p));
+  function i(...c) {
+    c.forEach((g) => o.value.except.add(g)), c.forEach((g) => o.value.only.delete(g));
   }
-  function u(s, p) {
-    if (b(s) || p === !1)
-      return i(s);
-    if (!b(s) || p === !0)
-      return l(s);
+  function u(c, g) {
+    if (b(c) || g === !1)
+      return i(c);
+    if (!b(c) || g === !0)
+      return l(c);
   }
-  function b(s) {
-    return o.value.all ? !o.value.except.has(s) : o.value.only.has(s);
+  function b(c) {
+    return o.value.all ? !o.value.except.has(c) : o.value.only.has(c);
   }
-  const d = h(() => o.value.all && o.value.except.size === 0), A = h(() => o.value.only.size > 0 || d.value);
-  function x(s) {
+  const f = p(() => o.value.all && o.value.except.size === 0), A = p(() => o.value.only.size > 0 || f.value);
+  function S(c) {
     return {
-      "onUpdate:modelValue": (p) => {
-        p ? l(s) : i(s);
+      "onUpdate:modelValue": (g) => {
+        g ? l(c) : i(c);
       },
-      modelValue: b(s),
-      value: s
+      modelValue: b(c),
+      value: c
     };
   }
   function k() {
     return {
-      "onUpdate:modelValue": (s) => {
-        s ? m() : v();
+      "onUpdate:modelValue": (c) => {
+        c ? m() : d();
       },
-      modelValue: d.value,
-      value: d.value
+      modelValue: f.value,
+      value: f.value
     };
   }
   return {
-    allSelected: d,
+    allSelected: f,
     selection: o,
     hasSelected: A,
     selectAll: m,
-    deselectAll: v,
+    deselectAll: d,
     select: l,
     deselect: i,
     toggle: u,
     selected: b,
-    bind: x,
+    bind: S,
     bindAll: k
   };
 }
-function I(o, m, v = {}, l = {}) {
-  return o.route ? (S.visit(o.route.href, {
+function I(o, m, d = {}, l = {}) {
+  return o.route ? (x.visit(o.route.href, {
     ...l,
     method: o.route.method
-  }), !0) : o.action && m ? (S.post(
+  }), !0) : o.action && m ? (x.post(
     m,
     {
-      ...v,
+      ...d,
       name: o.name,
       type: o.type
     },
@@ -78,168 +78,171 @@ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Y = () => {
 };
 function Z(o, m) {
-  function v(...l) {
+  function d(...l) {
     return new Promise((i, u) => {
       Promise.resolve(o(() => m.apply(this, l), { fn: m, thisArg: this, args: l })).then(i).catch(u);
     });
   }
-  return v;
+  return d;
 }
 function O(o, m = {}) {
-  let v, l, i = Y;
-  const u = (d) => {
-    clearTimeout(d), i(), i = Y;
+  let d, l, i = Y;
+  const u = (f) => {
+    clearTimeout(f), i(), i = Y;
   };
   let b;
-  return (d) => {
-    const A = J(o), x = J(m.maxWait);
-    return v && u(v), A <= 0 || x !== void 0 && x <= 0 ? (l && (u(l), l = null), Promise.resolve(d())) : new Promise((k, s) => {
-      i = m.rejectOnCancel ? s : k, b = d, x && !l && (l = setTimeout(() => {
-        v && u(v), l = null, k(b());
-      }, x)), v = setTimeout(() => {
-        l && u(l), l = null, k(d());
+  return (f) => {
+    const A = J(o), S = J(m.maxWait);
+    return d && u(d), A <= 0 || S !== void 0 && S <= 0 ? (l && (u(l), l = null), Promise.resolve(f())) : new Promise((k, c) => {
+      i = m.rejectOnCancel ? c : k, b = f, S && !l && (l = setTimeout(() => {
+        d && u(d), l = null, k(b());
+      }, S)), d = setTimeout(() => {
+        l && u(l), l = null, k(f());
       }, A);
     });
   };
 }
-function q(o, m = 200, v = {}) {
+function q(o, m = 200, d = {}) {
   return Z(
-    O(m, v),
+    O(m, d),
     o
   );
 }
-function ee(o, m, v = {}) {
-  const l = h(() => o[m]), i = h(
+function ee(o, m, d = {}) {
+  const l = p(() => o[m]), i = p(
     () => {
       var e;
       return ((e = l.value.filters) == null ? void 0 : e.map((n) => ({
         ...n,
-        apply: (a, c = {}) => F(n, a, c),
-        clear: (a = {}) => N(n, a),
-        bind: () => r(n.name)
+        apply: (r, v = {}) => L(n, r, v),
+        clear: (r = {}) => N(n, r),
+        bind: () => a(n.name)
       }))) ?? [];
     }
-  ), u = h(
+  ), u = p(
     () => {
       var e;
       return ((e = l.value.sorts) == null ? void 0 : e.map((n) => ({
         ...n,
-        apply: (a = {}) => M(n, n.direction, a),
-        clear: (a = {}) => W(a),
-        bind: () => f(n)
+        apply: (r = {}) => M(n, n.direction, r),
+        clear: (r = {}) => z(r),
+        bind: () => s(n)
       }))) ?? [];
     }
-  ), b = h(
+  ), b = p(
     () => {
       var e;
       return (e = l.value.searches) == null ? void 0 : e.map((n) => ({
         ...n,
-        apply: (a = {}) => U(n, a),
-        clear: (a = {}) => U(n, a),
-        bind: () => E(n)
+        apply: (r = {}) => U(n, r),
+        clear: (r = {}) => U(n, r),
+        bind: () => F(n)
       }));
     }
+  ), f = p(
+    () => {
+      var e;
+      return ((e = l.value.filters) == null ? void 0 : e.filter(({ active: n }) => n)) ?? [];
+    }
+  ), A = p(
+    () => {
+      var e;
+      return (e = l.value.sorts) == null ? void 0 : e.find(({ active: n }) => n);
+    }
+  ), S = p(
+    () => {
+      var e;
+      return ((e = l.value.searches) == null ? void 0 : e.filter(({ active: n }) => n)) ?? [];
+    }
   );
-  function d(e) {
+  function k(e) {
     return Array.isArray(e) ? e.join(l.value.config.delimiter) : e;
   }
-  function A(e) {
+  function c(e) {
     return typeof e != "string" ? e : e.trim().replace(/\s+/g, "+");
   }
-  function x(e) {
+  function g(e) {
     if (!["", null, void 0, []].includes(e))
       return e;
   }
-  function k(e) {
-    return [d, A, x].reduce(
-      (n, a) => a(n),
+  function B(e) {
+    return [k, c, g].reduce(
+      (n, r) => r(n),
       e
     );
   }
-  function s(e, n) {
-    return n = Array.isArray(n) ? n : [n], n.includes(e) ? n.filter((a) => a !== e) : [...n, e];
+  function j(e, n) {
+    return n = Array.isArray(n) ? n : [n], n.includes(e) ? n.filter((r) => r !== e) : [...n, e];
   }
-  function p(e) {
+  function C(e) {
     var n;
-    return (n = l.value.filters) == null ? void 0 : n.find((a) => a.name === e);
+    return (n = l.value.filters) == null ? void 0 : n.find((r) => r.name === e);
   }
-  function j(e, n = null) {
-    var a;
-    return (a = l.value.sorts) == null ? void 0 : a.find(
-      (c) => c.name === e && c.direction === n
+  function h(e, n = null) {
+    var r;
+    return (r = l.value.sorts) == null ? void 0 : r.find(
+      (v) => v.name === e && v.direction === n
     );
   }
-  function C(e) {
+  function E(e) {
     var n;
-    return (n = l.value.searches) == null ? void 0 : n.find((a) => a.name === e);
-  }
-  function z() {
-    var e;
-    return ((e = l.value.filters) == null ? void 0 : e.filter(({ active: n }) => n)) ?? [];
-  }
-  function g() {
-    var e;
-    return (e = l.value.sorts) == null ? void 0 : e.find(({ active: n }) => n);
-  }
-  function L() {
-    var e;
-    return ((e = l.value.searches) == null ? void 0 : e.filter(({ active: n }) => n)) ?? [];
+    return (n = l.value.searches) == null ? void 0 : n.find((r) => r.name === e);
   }
   function y(e) {
-    return e ? typeof e == "string" ? z().some((n) => n.name === e) : e.active : !!z().length;
+    return e ? typeof e == "string" ? f.value.some((n) => n.name === e) : e.active : !!f.value.length;
   }
   function K(e) {
     var n;
-    return e ? typeof e == "string" ? ((n = g()) == null ? void 0 : n.name) === e : e.active : !!g();
+    return e ? typeof e == "string" ? ((n = A.value) == null ? void 0 : n.name) === e : e.active : !!A.value;
   }
-  function V(e) {
-    var n, a;
-    return e ? typeof e == "string" ? (a = L()) == null ? void 0 : a.some((c) => c.name === e) : e.active : !!((n = L()) != null && n.length);
+  function w(e) {
+    var n;
+    return e ? typeof e == "string" ? (n = S.value) == null ? void 0 : n.some((r) => r.name === e) : e.active : !!l.value.config.search;
   }
-  function G(e, n = {}) {
-    const a = Object.fromEntries(
-      Object.entries(e).map(([c, P]) => [c, k(P)])
+  function W(e, n = {}) {
+    const r = Object.fromEntries(
+      Object.entries(e).map(([v, P]) => [v, B(P)])
     );
-    S.reload({
-      ...v,
+    x.reload({
+      ...d,
       ...n,
-      data: a
+      data: r
     });
   }
-  function F(e, n, a = {}) {
-    const c = typeof e == "string" ? p(e) : e;
-    if (!c) {
+  function L(e, n, r = {}) {
+    const v = typeof e == "string" ? C(e) : e;
+    if (!v) {
       console.warn(`Filter [${e}] does not exist.`);
       return;
     }
-    "multiple" in c && c.multiple && n !== void 0 && (n = s(n, c.value)), S.reload({
-      ...v,
-      ...a,
+    "multiple" in v && v.multiple && n !== void 0 && (n = j(n, v.value)), x.reload({
+      ...d,
+      ...r,
       data: {
-        [c.name]: k(n)
+        [v.name]: B(n)
       }
     });
   }
-  function M(e, n = null, a = {}) {
-    const c = typeof e == "string" ? j(e, n) : e;
-    if (!c) {
+  function M(e, n = null, r = {}) {
+    const v = typeof e == "string" ? h(e, n) : e;
+    if (!v) {
       console.warn(`Sort [${e}] does not exist.`);
       return;
     }
-    S.reload({
-      ...v,
-      ...a,
+    x.reload({
+      ...d,
+      ...r,
       data: {
-        [l.value.config.sorts]: x(c.next)
+        [l.value.config.sorts]: g(v.next)
       }
     });
   }
   function T(e, n = {}) {
-    e = [A, x].reduce(
-      (a, c) => c(a),
+    e = [c, g].reduce(
+      (r, v) => v(r),
       e
-    ), S.reload({
-      ...v,
+    ), x.reload({
+      ...d,
       ...n,
       data: {
         [l.value.config.searches]: e
@@ -251,32 +254,32 @@ function ee(o, m, v = {}) {
       console.warn("Matches key is not set.");
       return;
     }
-    const a = typeof e == "string" ? C(e) : e;
-    if (!a) {
+    const r = typeof e == "string" ? E(e) : e;
+    if (!r) {
       console.warn(`Match [${e}] does not exist.`);
       return;
     }
-    const c = s(
-      a.name,
-      L().map(({ name: P }) => P)
+    const v = j(
+      r.name,
+      S.value.map(({ name: P }) => P)
     );
-    S.reload({
-      ...v,
+    x.reload({
+      ...d,
       ...n,
       data: {
-        [l.value.config.matches]: d(c)
+        [l.value.config.matches]: k(v)
       }
     });
   }
   function N(e, n = {}) {
-    F(e, void 0, n);
+    L(e, void 0, n);
   }
-  function W(e = {}) {
-    S.reload({
-      ...v,
+  function z(e = {}) {
+    x.reload({
+      ...d,
       ...e,
       data: {
-        [l.value.config.sorts]: null
+        [l.value.config.sorts]: void 0
       }
     });
   }
@@ -288,8 +291,8 @@ function ee(o, m, v = {}) {
       console.warn("Matches key is not set.");
       return;
     }
-    S.reload({
-      ...v,
+    x.reload({
+      ...d,
       ...e,
       data: {
         [l.value.config.matches]: void 0
@@ -298,156 +301,156 @@ function ee(o, m, v = {}) {
   }
   function t(e = {}) {
     var n;
-    S.reload({
-      ...v,
+    x.reload({
+      ...d,
       ...e,
       data: {
         [l.value.config.searches]: void 0,
         [l.value.config.sorts]: void 0,
+        [l.value.config.matches]: void 0,
         ...Object.fromEntries(
-          ((n = l.value.filters) == null ? void 0 : n.map((a) => [
-            a.name,
+          ((n = l.value.filters) == null ? void 0 : n.map((r) => [
+            r.name,
             void 0
           ])) ?? []
-        ),
-        ...l.value.config.matches ? { [l.value.config.matches]: void 0 } : {}
+        )
       }
     });
   }
-  function r(e, n = {}) {
-    const a = typeof e == "string" ? p(e) : e;
-    if (!a) {
+  function a(e, n = {}) {
+    const r = typeof e == "string" ? C(e) : e;
+    if (!r) {
       console.warn(`Filter [${e}] does not exist.`);
       return;
     }
-    const c = a.value, {
+    const v = r.value, {
       debounce: P = 250,
-      transform: B = (H) => H,
+      transform: G = (H) => H,
       ...$
     } = n;
     return {
       "onUpdate:modelValue": q((H) => {
-        F(a, B(H), $);
+        L(r, G(H), $);
       }, P),
-      modelValue: c
+      modelValue: v
     };
   }
-  function f(e, n = {}) {
-    const a = typeof e == "string" ? j(e) : e;
-    if (!a) {
+  function s(e, n = {}) {
+    const r = typeof e == "string" ? h(e) : e;
+    if (!r) {
       console.warn(`Sort [${e}] does not exist.`);
       return;
     }
-    const { debounce: c = 0, transform: P, ...B } = n;
+    const { debounce: v = 0, transform: P, ...G } = n;
     return {
       onClick: q(() => {
         var $;
-        M(a, ($ = g()) == null ? void 0 : $.direction, B);
-      }, c)
+        M(r, ($ = A.value) == null ? void 0 : $.direction, G);
+      }, v)
     };
   }
-  function w(e = {}) {
-    const { debounce: n = 700, transform: a, ...c } = e;
+  function V(e = {}) {
+    const { debounce: n = 700, transform: r, ...v } = e;
     return {
       "onUpdate:modelValue": q(
         (P) => {
-          T(P, c);
+          T(P, v);
         },
         n
       ),
       modelValue: l.value.config.search ?? ""
     };
   }
-  function E(e, n = {}) {
-    const a = typeof e == "string" ? C(e) : e;
-    if (!a) {
+  function F(e, n = {}) {
+    const r = typeof e == "string" ? E(e) : e;
+    if (!r) {
       console.warn(`Match [${e}] does not exist.`);
       return;
     }
-    const { debounce: c = 0, transform: P, ...B } = n;
+    const { debounce: v = 0, transform: P, ...G } = n;
     return {
       "onUpdate:modelValue": q(($) => {
-        U($, B);
-      }, c),
-      modelValue: V(a),
-      value: a.name
+        U($, G);
+      }, v),
+      modelValue: w(r),
+      value: r.name
     };
   }
   return {
     filters: i,
     sorts: u,
     searches: b,
-    getFilter: p,
-    getSort: j,
-    getSearch: C,
-    currentFilters: z,
-    currentSort: g,
-    currentSearches: L,
+    getFilter: C,
+    getSort: h,
+    getSearch: E,
+    currentFilters: f,
+    currentSort: A,
+    currentSearches: S,
     isFiltering: y,
     isSorting: K,
-    isSearching: V,
-    apply: G,
-    applyFilter: F,
+    isSearching: w,
+    apply: W,
+    applyFilter: L,
     applySort: M,
     applySearch: T,
     applyMatch: U,
     clearFilter: N,
-    clearSort: W,
+    clearSort: z,
     clearSearch: R,
     clearMatch: D,
     reset: t,
-    bindFilter: r,
-    bindSort: f,
-    bindSearch: w,
-    bindMatch: E,
-    stringValue: A,
-    omitValue: x,
-    toggleValue: s,
-    delimitArray: d
+    bindFilter: a,
+    bindSort: s,
+    bindSearch: V,
+    bindMatch: F,
+    stringValue: c,
+    omitValue: g,
+    toggleValue: j,
+    delimitArray: k
   };
 }
-function le(o, m, v = {}, l = {}) {
+function le(o, m, d = {}, l = {}) {
   if (!o || !m || !o[m])
     throw new Error("Table has not been provided with valid props and key.");
   l = {
     ...l,
     only: [...l.only ?? [], m.toString()]
   };
-  const i = h(() => o[m]), u = X(), b = ee(o, m, l), d = h(() => i.value.config), A = h(() => i.value.meta), x = h(
+  const i = p(() => o[m]), u = X(), b = ee(o, m, l), f = p(() => i.value.config), A = p(() => i.value.meta), S = p(
     () => {
       var t;
-      return ((t = i.value.columns) == null ? void 0 : t.filter(({ active: r, hidden: f }) => r && !f).map((r) => {
-        var f;
+      return ((t = i.value.columns) == null ? void 0 : t.filter(({ active: a, hidden: s }) => a && !s).map((a) => {
+        var s;
         return {
-          ...r,
-          isSorting: (f = r.sort) == null ? void 0 : f.active,
-          toggleSort: (w = {}) => U(r, w)
+          ...a,
+          isSorting: (s = a.sort) == null ? void 0 : s.active,
+          toggleSort: (V = {}) => U(a, V)
         };
       })) ?? [];
     }
-  ), k = h(
+  ), k = p(
     () => {
       var t;
-      return ((t = i.value.columns) == null ? void 0 : t.filter(({ hidden: r }) => !r).map((r) => ({
-        ...r,
-        toggle: (f = {}) => N(r, f)
+      return ((t = i.value.columns) == null ? void 0 : t.filter(({ hidden: a }) => !a).map((a) => ({
+        ...a,
+        toggle: (s = {}) => N(a, s)
       }))) ?? [];
     }
-  ), s = h(
+  ), c = p(
     () => i.value.records.map((t) => ({
-      record: (({ actions: r, ...f }) => f)(t),
+      record: (({ actions: a, ...s }) => s)(t),
       /** Perform this action when the record is clicked */
-      default: (r = {}) => {
-        const f = t.actions.find(
-          (w) => w.default
+      default: (a = {}) => {
+        const s = t.actions.find(
+          (V) => V.default
         );
-        f && G(f, t, r);
+        s && W(s, t, a);
       },
       /** The actions available for the record */
-      actions: t.actions.map((r) => ({
-        ...r,
+      actions: t.actions.map((a) => ({
+        ...a,
         /** Executes this action */
-        execute: (f = {}) => G(r, t, f)
+        execute: (s = {}) => W(a, t, s)
       })),
       /** Selects this record */
       select: () => u.select(y(t)),
@@ -460,144 +463,151 @@ function le(o, m, v = {}, l = {}) {
       /** Bind the record to a checkbox */
       bind: () => u.bind(y(t)),
       /** Get the value of the record for the column */
-      value: (r) => t[K(r)].value,
+      value: (a) => {
+        const s = t[K(a)];
+        return s ? s.value : null;
+      },
       /** Get the extra data of the record for the column */
-      extra: (r) => t[K(r)].extra
+      extra: (a) => {
+        var V;
+        const s = (V = t[K(a)]) == null ? void 0 : V.extra;
+        return s ? s.value : null;
+      }
     }))
-  ), p = h(
+  ), g = p(
     () => i.value.actions.bulk.map((t) => ({
       ...t,
       /** Executes this bulk action */
-      execute: (r = {}) => F(t, r)
+      execute: (a = {}) => L(t, a)
     }))
-  ), j = h(
+  ), B = p(
     () => i.value.actions.page.map((t) => ({
       ...t,
       /** Executes this page action */
-      execute: (r = {}) => M(t, r)
+      execute: (a = {}) => M(t, a)
     }))
-  ), C = h(
+  ), j = p(
     () => {
       var t;
-      return ((t = i.value.recordsPerPage) == null ? void 0 : t.map((r) => ({
-        ...r,
+      return ((t = i.value.recordsPerPage) == null ? void 0 : t.map((a) => ({
+        ...a,
         /** Changes the number of records to display per page */
-        apply: (f = {}) => T(r, f)
+        apply: (s = {}) => T(a, s)
       }))) ?? [];
     }
-  ), z = h(
+  ), C = p(
     () => {
       var t;
-      return (t = i.value.recordsPerPage) == null ? void 0 : t.find(({ active: r }) => r);
+      return (t = i.value.recordsPerPage) == null ? void 0 : t.find(({ active: a }) => a);
     }
-  ), g = h(() => ({
+  ), h = p(() => ({
     ...i.value.paginator,
     next: (t = {}) => {
-      "nextLink" in g.value && g.value.nextLink && V(g.value.nextLink, t);
+      "nextLink" in h.value && h.value.nextLink && w(h.value.nextLink, t);
     },
     previous: (t = {}) => {
-      "prevLink" in g.value && g.value.prevLink && V(g.value.prevLink, t);
+      "prevLink" in h.value && h.value.prevLink && w(h.value.prevLink, t);
     },
     first: (t = {}) => {
-      "firstLink" in g.value && g.value.firstLink && V(g.value.firstLink, t);
+      "firstLink" in h.value && h.value.firstLink && w(h.value.firstLink, t);
     },
     last: (t = {}) => {
-      "lastLink" in g.value && g.value.lastLink && V(g.value.lastLink, t);
+      "lastLink" in h.value && h.value.lastLink && w(h.value.lastLink, t);
     },
     ..."links" in i.value.paginator && i.value.paginator.links ? {
       links: i.value.paginator.links.map((t) => ({
         ...t,
-        navigate: (r = {}) => t.url && V(t.url, r)
+        navigate: (a = {}) => t.url && w(t.url, a)
       }))
     } : {}
-  })), L = h(
+  })), E = p(
     () => i.value.records.length > 0 && i.value.records.every(
       (t) => u.selected(y(t))
     )
   );
   function y(t) {
-    return t[d.value.record].value;
+    return t[f.value.record].value;
   }
   function K(t) {
     return typeof t == "string" ? t : t.name;
   }
-  function V(t, r = {}) {
-    S.visit(t, {
+  function w(t, a = {}) {
+    x.visit(t, {
       preserveScroll: !0,
       preserveState: !0,
       ...l,
-      ...r,
+      ...a,
       method: "get"
     });
   }
-  function G(t, r, f = {}) {
-    var E, e;
+  function W(t, a, s = {}) {
+    var F, e;
     I(
       t,
-      d.value.endpoint,
+      f.value.endpoint,
       {
         table: i.value.id,
-        id: y(r)
+        id: y(a)
       },
-      f
-    ) || (e = (E = v.recordActions) == null ? void 0 : E[t.name]) == null || e.call(E, r);
+      s
+    ) || (e = (F = d.recordActions) == null ? void 0 : F[t.name]) == null || e.call(F, a);
   }
-  function F(t, r = {}) {
+  function L(t, a = {}) {
     I(
       t,
-      d.value.endpoint,
+      f.value.endpoint,
       {
         table: i.value.id,
         all: u.selection.value.all,
         only: Array.from(u.selection.value.only),
         except: Array.from(u.selection.value.except)
       },
-      r
+      a
     );
   }
-  function M(t, r = {}) {
+  function M(t, a = {}) {
     I(
       t,
-      d.value.endpoint,
+      f.value.endpoint,
       {
         table: i.value.id
       },
-      r
+      a
     );
   }
-  function T(t, r = {}) {
-    S.reload({
+  function T(t, a = {}) {
+    x.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
-        [d.value.records]: t.value,
-        [d.value.pages]: void 0
+        [f.value.records]: t.value,
+        [f.value.pages]: void 0
       }
     });
   }
-  function U(t, r = {}) {
-    t.sort && S.reload({
+  function U(t, a = {}) {
+    t.sort && x.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
-        [d.value.sorts]: b.omitValue(t.sort.next)
+        [f.value.sorts]: b.omitValue(t.sort.next)
       }
     });
   }
-  function N(t, r = {}) {
-    const f = b.toggleValue(
+  function N(t, a = {}) {
+    const s = b.toggleValue(
       t.name,
-      x.value.map(({ name: w }) => w)
+      S.value.map(({ name: V }) => V)
     );
-    S.reload({
+    x.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
-        [d.value.columns]: b.delimitArray(f)
+        [f.value.columns]: b.delimitArray(s)
       }
     });
   }
-  function W() {
+  function z() {
     u.select(
       ...i.value.records.map(
         (t) => y(t)
@@ -614,9 +624,9 @@ function le(o, m, v = {}, l = {}) {
   function D() {
     return {
       "onUpdate:modelValue": (t) => {
-        t ? W() : R();
+        t ? z() : R();
       },
-      modelValue: L.value
+      modelValue: E.value
     };
   }
   return Q({
@@ -625,25 +635,25 @@ function le(o, m, v = {}, l = {}) {
     /** Table-specific metadata */
     meta: A,
     /** The heading columns for the table */
-    headings: x,
+    headings: S,
     /** All of the table's columns */
     columns: k,
     /** The records of the table */
-    records: s,
+    records: c,
     /** The available bulk actions */
-    bulkActions: p,
+    bulkActions: g,
     /** The available page actions */
-    pageActions: j,
+    pageActions: B,
     /** The available number of records to display per page */
-    rowsPerPage: C,
+    rowsPerPage: j,
     /** The current record per page item */
-    currentPage: z,
+    currentPage: C,
     /** The pagination metadata */
-    paginator: g,
+    paginator: h,
     /** Execute an inline action */
-    executeInlineAction: G,
+    executeInlineAction: W,
     /** Execute a bulk action */
-    executeBulkAction: F,
+    executeBulkAction: L,
     /** Execute a page action */
     executePageAction: M,
     /** Apply a new page by changing the number of records to display */
@@ -655,7 +665,7 @@ function le(o, m, v = {}, l = {}) {
     /** Deselect the given records */
     deselect: (t) => u.deselect(y(t)),
     /** Select records on the current page */
-    selectPage: W,
+    selectPage: z,
     /** Deselect records on the current page */
     deselectPage: R,
     /** Toggle the selection of the given records */
@@ -667,7 +677,7 @@ function le(o, m, v = {}, l = {}) {
     /** Deselect all records */
     deselectAll: u.deselectAll,
     /** Whether all records on the current page are selected */
-    isPageSelected: L,
+    isPageSelected: E,
     /** Determine if any records are selected */
     hasSelected: u.hasSelected,
     /** Bind the given record to a checkbox */

package/dist/index.umd.js

@@ -1 +1 @@
-(function(P,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("@inertiajs/vue3")):typeof define=="function"&&define.amd?define(["exports","vue","@inertiajs/vue3"],d):(P=typeof globalThis<"u"?globalThis:P||self,d(P["@honed/table"]={},P.Vue,P.Inertia))})(this,function(P,d,b){"use strict";function _(){const r=d.ref({all:!1,only:new Set,except:new Set});function m(){r.value.all=!0,r.value.only.clear(),r.value.except.clear()}function f(){r.value.all=!1,r.value.only.clear(),r.value.except.clear()}function a(...s){s.forEach(g=>r.value.except.delete(g)),s.forEach(g=>r.value.only.add(g))}function i(...s){s.forEach(g=>r.value.except.add(g)),s.forEach(g=>r.value.only.delete(g))}function u(s,g){if(x(s)||g===!1)return i(s);if(!x(s)||g===!0)return a(s)}function x(s){return r.value.all?!r.value.except.has(s):r.value.only.has(s)}const v=d.computed(()=>r.value.all&&r.value.except.size===0),A=d.computed(()=>r.value.only.size>0||v.value);function S(s){return{"onUpdate:modelValue":g=>{g?a(s):i(s)},modelValue:x(s),value:s}}function k(){return{"onUpdate:modelValue":s=>{s?m():f()},modelValue:v.value,value:v.value}}return{allSelected:v,selection:r,hasSelected:A,selectAll:m,deselectAll:f,select:a,deselect:i,toggle:u,selected:x,bind:S,bindAll:k}}function D(r,m,f={},a={}){return r.route?(b.router.visit(r.route.href,{...a,method:r.route.method}),!0):r.action&&m?(b.router.post(m,{...f,name:r.name,type:r.type},a),!0):!1}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Y=()=>{};function Q(r,m){function f(...a){return new Promise((i,u)=>{Promise.resolve(r(()=>m.apply(this,a),{fn:m,thisArg:this,args:a})).then(i).catch(u)})}return f}function X(r,m={}){let f,a,i=Y;const u=v=>{clearTimeout(v),i(),i=Y};let x;return v=>{const A=d.toValue(r),S=d.toValue(m.maxWait);return f&&u(f),A<=0||S!==void 0&&S<=0?(a&&(u(a),a=null),Promise.resolve(v())):new Promise((k,s)=>{i=m.rejectOnCancel?s:k,x=v,S&&!a&&(a=setTimeout(()=>{f&&u(f),a=null,k(x())},S)),f=setTimeout(()=>{a&&u(a),a=null,k(v())},A)})}}function I(r,m=200,f={}){return Q(X(m,f),r)}function Z(r,m,f={}){const a=d.computed(()=>r[m]),i=d.computed(()=>{var e;return((e=a.value.filters)==null?void 0:e.map(n=>({...n,apply:(l,c={})=>j(n,l,c),clear:(l={})=>N(n,l),bind:()=>o(n.name)})))??[]}),u=d.computed(()=>{var e;return((e=a.value.sorts)==null?void 0:e.map(n=>({...n,apply:(l={})=>E(n,n.direction,l),clear:(l={})=>W(l),bind:()=>p(n)})))??[]}),x=d.computed(()=>{var e;return(e=a.value.searches)==null?void 0:e.map(n=>({...n,apply:(l={})=>U(n,l),clear:(l={})=>U(n,l),bind:()=>F(n)}))});function v(e){return Array.isArray(e)?e.join(a.value.config.delimiter):e}function A(e){return typeof e!="string"?e:e.trim().replace(/\s+/g,"+")}function S(e){if(!["",null,void 0,[]].includes(e))return e}function k(e){return[v,A,S].reduce((n,l)=>l(n),e)}function s(e,n){return n=Array.isArray(n)?n:[n],n.includes(e)?n.filter(l=>l!==e):[...n,e]}function g(e){var n;return(n=a.value.filters)==null?void 0:n.find(l=>l.name===e)}function C(e,n=null){var l;return(l=a.value.sorts)==null?void 0:l.find(c=>c.name===e&&c.direction===n)}function q(e){var n;return(n=a.value.searches)==null?void 0:n.find(l=>l.name===e)}function z(){var e;return((e=a.value.filters)==null?void 0:e.filter(({active:n})=>n))??[]}function h(){var e;return(e=a.value.sorts)==null?void 0:e.find(({active:n})=>n)}function T(){var e;return((e=a.value.searches)==null?void 0:e.filter(({active:n})=>n))??[]}function y(e){return e?typeof e=="string"?z().some(n=>n.name===e):e.active:!!z().length}function K(e){var n;return e?typeof e=="string"?((n=h())==null?void 0:n.name)===e:e.active:!!h()}function w(e){var n,l;return e?typeof e=="string"?(l=T())==null?void 0:l.some(c=>c.name===e):e.active:!!((n=T())!=null&&n.length)}function G(e,n={}){const l=Object.fromEntries(Object.entries(e).map(([c,V])=>[c,k(V)]));b.router.reload({...f,...n,data:l})}function j(e,n,l={}){const c=typeof e=="string"?g(e):e;if(!c){console.warn(`Filter [${e}] does not exist.`);return}"multiple"in c&&c.multiple&&n!==void 0&&(n=s(n,c.value)),b.router.reload({...f,...l,data:{[c.name]:k(n)}})}function E(e,n=null,l={}){const c=typeof e=="string"?C(e,n):e;if(!c){console.warn(`Sort [${e}] does not exist.`);return}b.router.reload({...f,...l,data:{[a.value.config.sorts]:S(c.next)}})}function M(e,n={}){e=[A,S].reduce((l,c)=>c(l),e),b.router.reload({...f,...n,data:{[a.value.config.searches]:e}})}function U(e,n={}){if(!a.value.config.matches){console.warn("Matches key is not set.");return}const l=typeof e=="string"?q(e):e;if(!l){console.warn(`Match [${e}] does not exist.`);return}const c=s(l.name,T().map(({name:V})=>V));b.router.reload({...f,...n,data:{[a.value.config.matches]:v(c)}})}function N(e,n={}){j(e,void 0,n)}function W(e={}){b.router.reload({...f,...e,data:{[a.value.config.sorts]:null}})}function R(e={}){M(void 0,e)}function H(e={}){if(!a.value.config.matches){console.warn("Matches key is not set.");return}b.router.reload({...f,...e,data:{[a.value.config.matches]:void 0}})}function t(e={}){var n;b.router.reload({...f,...e,data:{[a.value.config.searches]:void 0,[a.value.config.sorts]:void 0,...Object.fromEntries(((n=a.value.filters)==null?void 0:n.map(l=>[l.name,void 0]))??[]),...a.value.config.matches?{[a.value.config.matches]:void 0}:{}}})}function o(e,n={}){const l=typeof e=="string"?g(e):e;if(!l){console.warn(`Filter [${e}] does not exist.`);return}const c=l.value,{debounce:V=250,transform:B=J=>J,...$}=n;return{"onUpdate:modelValue":I(J=>{j(l,B(J),$)},V),modelValue:c}}function p(e,n={}){const l=typeof e=="string"?C(e):e;if(!l){console.warn(`Sort [${e}] does not exist.`);return}const{debounce:c=0,transform:V,...B}=n;return{onClick:I(()=>{var $;E(l,($=h())==null?void 0:$.direction,B)},c)}}function L(e={}){const{debounce:n=700,transform:l,...c}=e;return{"onUpdate:modelValue":I(V=>{M(V,c)},n),modelValue:a.value.config.search??""}}function F(e,n={}){const l=typeof e=="string"?q(e):e;if(!l){console.warn(`Match [${e}] does not exist.`);return}const{debounce:c=0,transform:V,...B}=n;return{"onUpdate:modelValue":I($=>{U($,B)},c),modelValue:w(l),value:l.name}}return{filters:i,sorts:u,searches:x,getFilter:g,getSort:C,getSearch:q,currentFilters:z,currentSort:h,currentSearches:T,isFiltering:y,isSorting:K,isSearching:w,apply:G,applyFilter:j,applySort:E,applySearch:M,applyMatch:U,clearFilter:N,clearSort:W,clearSearch:R,clearMatch:H,reset:t,bindFilter:o,bindSort:p,bindSearch:L,bindMatch:F,stringValue:A,omitValue:S,toggleValue:s,delimitArray:v}}function O(r,m,f={},a={}){if(!r||!m||!r[m])throw new Error("Table has not been provided with valid props and key.");a={...a,only:[...a.only??[],m.toString()]};const i=d.computed(()=>r[m]),u=_(),x=Z(r,m,a),v=d.computed(()=>i.value.config),A=d.computed(()=>i.value.meta),S=d.computed(()=>{var t;return((t=i.value.columns)==null?void 0:t.filter(({active:o,hidden:p})=>o&&!p).map(o=>{var p;return{...o,isSorting:(p=o.sort)==null?void 0:p.active,toggleSort:(L={})=>U(o,L)}}))??[]}),k=d.computed(()=>{var t;return((t=i.value.columns)==null?void 0:t.filter(({hidden:o})=>!o).map(o=>({...o,toggle:(p={})=>N(o,p)})))??[]}),s=d.computed(()=>i.value.records.map(t=>({record:(({actions:o,...p})=>p)(t),default:(o={})=>{const p=t.actions.find(L=>L.default);p&&G(p,t,o)},actions:t.actions.map(o=>({...o,execute:(p={})=>G(o,t,p)})),select:()=>u.select(y(t)),deselect:()=>u.deselect(y(t)),toggle:()=>u.toggle(y(t)),selected:u.selected(y(t)),bind:()=>u.bind(y(t)),value:o=>t[K(o)].value,extra:o=>t[K(o)].extra}))),g=d.computed(()=>i.value.actions.bulk.map(t=>({...t,execute:(o={})=>j(t,o)}))),C=d.computed(()=>i.value.actions.page.map(t=>({...t,execute:(o={})=>E(t,o)}))),q=d.computed(()=>{var t;return((t=i.value.recordsPerPage)==null?void 0:t.map(o=>({...o,apply:(p={})=>M(o,p)})))??[]}),z=d.computed(()=>{var t;return(t=i.value.recordsPerPage)==null?void 0:t.find(({active:o})=>o)}),h=d.computed(()=>({...i.value.paginator,next:(t={})=>{"nextLink"in h.value&&h.value.nextLink&&w(h.value.nextLink,t)},previous:(t={})=>{"prevLink"in h.value&&h.value.prevLink&&w(h.value.prevLink,t)},first:(t={})=>{"firstLink"in h.value&&h.value.firstLink&&w(h.value.firstLink,t)},last:(t={})=>{"lastLink"in h.value&&h.value.lastLink&&w(h.value.lastLink,t)},..."links"in i.value.paginator&&i.value.paginator.links?{links:i.value.paginator.links.map(t=>({...t,navigate:(o={})=>t.url&&w(t.url,o)}))}:{}})),T=d.computed(()=>i.value.records.length>0&&i.value.records.every(t=>u.selected(y(t))));function y(t){return t[v.value.record].value}function K(t){return typeof t=="string"?t:t.name}function w(t,o={}){b.router.visit(t,{preserveScroll:!0,preserveState:!0,...a,...o,method:"get"})}function G(t,o,p={}){var F,e;D(t,v.value.endpoint,{table:i.value.id,id:y(o)},p)||(e=(F=f.recordActions)==null?void 0:F[t.name])==null||e.call(F,o)}function j(t,o={}){D(t,v.value.endpoint,{table:i.value.id,all:u.selection.value.all,only:Array.from(u.selection.value.only),except:Array.from(u.selection.value.except)},o)}function E(t,o={}){D(t,v.value.endpoint,{table:i.value.id},o)}function M(t,o={}){b.router.reload({...a,...o,data:{[v.value.records]:t.value,[v.value.pages]:void 0}})}function U(t,o={}){t.sort&&b.router.reload({...a,...o,data:{[v.value.sorts]:x.omitValue(t.sort.next)}})}function N(t,o={}){const p=x.toggleValue(t.name,S.value.map(({name:L})=>L));b.router.reload({...a,...o,data:{[v.value.columns]:x.delimitArray(p)}})}function W(){u.select(...i.value.records.map(t=>y(t)))}function R(){u.deselect(...i.value.records.map(t=>y(t)))}function H(){return{"onUpdate:modelValue":t=>{t?W():R()},modelValue:T.value}}return d.reactive({getRecordKey:y,meta:A,headings:S,columns:k,records:s,bulkActions:g,pageActions:C,rowsPerPage:q,currentPage:z,paginator:h,executeInlineAction:G,executeBulkAction:j,executePageAction:E,applyPage:M,selection:u.selection,select:t=>u.select(y(t)),deselect:t=>u.deselect(y(t)),selectPage:W,deselectPage:R,toggle:t=>u.toggle(y(t)),selected:t=>u.selected(y(t)),selectAll:u.selectAll,deselectAll:u.deselectAll,isPageSelected:T,hasSelected:u.hasSelected,bindCheckbox:t=>u.bind(y(t)),bindPage:H,bindAll:u.bindAll,...x})}P.useTable=O,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})});
+(function(w,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue"),require("@inertiajs/vue3")):typeof define=="function"&&define.amd?define(["exports","vue","@inertiajs/vue3"],c):(w=typeof globalThis<"u"?globalThis:w||self,c(w["@honed/table"]={},w.Vue,w.Inertia))})(this,function(w,c,b){"use strict";function _(){const o=c.ref({all:!1,only:new Set,except:new Set});function p(){o.value.all=!0,o.value.only.clear(),o.value.except.clear()}function v(){o.value.all=!1,o.value.only.clear(),o.value.except.clear()}function l(...s){s.forEach(g=>o.value.except.delete(g)),s.forEach(g=>o.value.only.add(g))}function i(...s){s.forEach(g=>o.value.except.add(g)),s.forEach(g=>o.value.only.delete(g))}function u(s,g){if(x(s)||g===!1)return i(s);if(!x(s)||g===!0)return l(s)}function x(s){return o.value.all?!o.value.except.has(s):o.value.only.has(s)}const m=c.computed(()=>o.value.all&&o.value.except.size===0),A=c.computed(()=>o.value.only.size>0||m.value);function S(s){return{"onUpdate:modelValue":g=>{g?l(s):i(s)},modelValue:x(s),value:s}}function k(){return{"onUpdate:modelValue":s=>{s?p():v()},modelValue:m.value,value:m.value}}return{allSelected:m,selection:o,hasSelected:A,selectAll:p,deselectAll:v,select:l,deselect:i,toggle:u,selected:x,bind:S,bindAll:k}}function D(o,p,v={},l={}){return o.route?(b.router.visit(o.route.href,{...l,method:o.route.method}),!0):o.action&&p?(b.router.post(p,{...v,name:o.name,type:o.type},l),!0):!1}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Y=()=>{};function Q(o,p){function v(...l){return new Promise((i,u)=>{Promise.resolve(o(()=>p.apply(this,l),{fn:p,thisArg:this,args:l})).then(i).catch(u)})}return v}function X(o,p={}){let v,l,i=Y;const u=m=>{clearTimeout(m),i(),i=Y};let x;return m=>{const A=c.toValue(o),S=c.toValue(p.maxWait);return v&&u(v),A<=0||S!==void 0&&S<=0?(l&&(u(l),l=null),Promise.resolve(m())):new Promise((k,s)=>{i=p.rejectOnCancel?s:k,x=m,S&&!l&&(l=setTimeout(()=>{v&&u(v),l=null,k(x())},S)),v=setTimeout(()=>{l&&u(l),l=null,k(m())},A)})}}function B(o,p=200,v={}){return Q(X(p,v),o)}function Z(o,p,v={}){const l=c.computed(()=>o[p]),i=c.computed(()=>{var e;return((e=l.value.filters)==null?void 0:e.map(n=>({...n,apply:(r,f={})=>T(n,r,f),clear:(r={})=>N(n,r),bind:()=>a(n.name)})))??[]}),u=c.computed(()=>{var e;return((e=l.value.sorts)==null?void 0:e.map(n=>({...n,apply:(r={})=>M(n,n.direction,r),clear:(r={})=>z(r),bind:()=>d(n)})))??[]}),x=c.computed(()=>{var e;return(e=l.value.searches)==null?void 0:e.map(n=>({...n,apply:(r={})=>U(n,r),clear:(r={})=>U(n,r),bind:()=>j(n)}))}),m=c.computed(()=>{var e;return((e=l.value.filters)==null?void 0:e.filter(({active:n})=>n))??[]}),A=c.computed(()=>{var e;return(e=l.value.sorts)==null?void 0:e.find(({active:n})=>n)}),S=c.computed(()=>{var e;return((e=l.value.searches)==null?void 0:e.filter(({active:n})=>n))??[]});function k(e){return Array.isArray(e)?e.join(l.value.config.delimiter):e}function s(e){return typeof e!="string"?e:e.trim().replace(/\s+/g,"+")}function g(e){if(!["",null,void 0,[]].includes(e))return e}function I(e){return[k,s,g].reduce((n,r)=>r(n),e)}function C(e,n){return n=Array.isArray(n)?n:[n],n.includes(e)?n.filter(r=>r!==e):[...n,e]}function W(e){var n;return(n=l.value.filters)==null?void 0:n.find(r=>r.name===e)}function h(e,n=null){var r;return(r=l.value.sorts)==null?void 0:r.find(f=>f.name===e&&f.direction===n)}function F(e){var n;return(n=l.value.searches)==null?void 0:n.find(r=>r.name===e)}function y(e){return e?typeof e=="string"?m.value.some(n=>n.name===e):e.active:!!m.value.length}function K(e){var n;return e?typeof e=="string"?((n=A.value)==null?void 0:n.name)===e:e.active:!!A.value}function L(e){var n;return e?typeof e=="string"?(n=S.value)==null?void 0:n.some(r=>r.name===e):e.active:!!l.value.config.search}function q(e,n={}){const r=Object.fromEntries(Object.entries(e).map(([f,P])=>[f,I(P)]));b.router.reload({...v,...n,data:r})}function T(e,n,r={}){const f=typeof e=="string"?W(e):e;if(!f){console.warn(`Filter [${e}] does not exist.`);return}"multiple"in f&&f.multiple&&n!==void 0&&(n=C(n,f.value)),b.router.reload({...v,...r,data:{[f.name]:I(n)}})}function M(e,n=null,r={}){const f=typeof e=="string"?h(e,n):e;if(!f){console.warn(`Sort [${e}] does not exist.`);return}b.router.reload({...v,...r,data:{[l.value.config.sorts]:g(f.next)}})}function E(e,n={}){e=[s,g].reduce((r,f)=>f(r),e),b.router.reload({...v,...n,data:{[l.value.config.searches]:e}})}function U(e,n={}){if(!l.value.config.matches){console.warn("Matches key is not set.");return}const r=typeof e=="string"?F(e):e;if(!r){console.warn(`Match [${e}] does not exist.`);return}const f=C(r.name,S.value.map(({name:P})=>P));b.router.reload({...v,...n,data:{[l.value.config.matches]:k(f)}})}function N(e,n={}){T(e,void 0,n)}function z(e={}){b.router.reload({...v,...e,data:{[l.value.config.sorts]:void 0}})}function R(e={}){E(void 0,e)}function H(e={}){if(!l.value.config.matches){console.warn("Matches key is not set.");return}b.router.reload({...v,...e,data:{[l.value.config.matches]:void 0}})}function t(e={}){var n;b.router.reload({...v,...e,data:{[l.value.config.searches]:void 0,[l.value.config.sorts]:void 0,[l.value.config.matches]:void 0,...Object.fromEntries(((n=l.value.filters)==null?void 0:n.map(r=>[r.name,void 0]))??[])}})}function a(e,n={}){const r=typeof e=="string"?W(e):e;if(!r){console.warn(`Filter [${e}] does not exist.`);return}const f=r.value,{debounce:P=250,transform:G=J=>J,...$}=n;return{"onUpdate:modelValue":B(J=>{T(r,G(J),$)},P),modelValue:f}}function d(e,n={}){const r=typeof e=="string"?h(e):e;if(!r){console.warn(`Sort [${e}] does not exist.`);return}const{debounce:f=0,transform:P,...G}=n;return{onClick:B(()=>{var $;M(r,($=A.value)==null?void 0:$.direction,G)},f)}}function V(e={}){const{debounce:n=700,transform:r,...f}=e;return{"onUpdate:modelValue":B(P=>{E(P,f)},n),modelValue:l.value.config.search??""}}function j(e,n={}){const r=typeof e=="string"?F(e):e;if(!r){console.warn(`Match [${e}] does not exist.`);return}const{debounce:f=0,transform:P,...G}=n;return{"onUpdate:modelValue":B($=>{U($,G)},f),modelValue:L(r),value:r.name}}return{filters:i,sorts:u,searches:x,getFilter:W,getSort:h,getSearch:F,currentFilters:m,currentSort:A,currentSearches:S,isFiltering:y,isSorting:K,isSearching:L,apply:q,applyFilter:T,applySort:M,applySearch:E,applyMatch:U,clearFilter:N,clearSort:z,clearSearch:R,clearMatch:H,reset:t,bindFilter:a,bindSort:d,bindSearch:V,bindMatch:j,stringValue:s,omitValue:g,toggleValue:C,delimitArray:k}}function O(o,p,v={},l={}){if(!o||!p||!o[p])throw new Error("Table has not been provided with valid props and key.");l={...l,only:[...l.only??[],p.toString()]};const i=c.computed(()=>o[p]),u=_(),x=Z(o,p,l),m=c.computed(()=>i.value.config),A=c.computed(()=>i.value.meta),S=c.computed(()=>{var t;return((t=i.value.columns)==null?void 0:t.filter(({active:a,hidden:d})=>a&&!d).map(a=>{var d;return{...a,isSorting:(d=a.sort)==null?void 0:d.active,toggleSort:(V={})=>U(a,V)}}))??[]}),k=c.computed(()=>{var t;return((t=i.value.columns)==null?void 0:t.filter(({hidden:a})=>!a).map(a=>({...a,toggle:(d={})=>N(a,d)})))??[]}),s=c.computed(()=>i.value.records.map(t=>({record:(({actions:a,...d})=>d)(t),default:(a={})=>{const d=t.actions.find(V=>V.default);d&&q(d,t,a)},actions:t.actions.map(a=>({...a,execute:(d={})=>q(a,t,d)})),select:()=>u.select(y(t)),deselect:()=>u.deselect(y(t)),toggle:()=>u.toggle(y(t)),selected:u.selected(y(t)),bind:()=>u.bind(y(t)),value:a=>{const d=t[K(a)];return d?d.value:null},extra:a=>{var V;const d=(V=t[K(a)])==null?void 0:V.extra;return d?d.value:null}}))),g=c.computed(()=>i.value.actions.bulk.map(t=>({...t,execute:(a={})=>T(t,a)}))),I=c.computed(()=>i.value.actions.page.map(t=>({...t,execute:(a={})=>M(t,a)}))),C=c.computed(()=>{var t;return((t=i.value.recordsPerPage)==null?void 0:t.map(a=>({...a,apply:(d={})=>E(a,d)})))??[]}),W=c.computed(()=>{var t;return(t=i.value.recordsPerPage)==null?void 0:t.find(({active:a})=>a)}),h=c.computed(()=>({...i.value.paginator,next:(t={})=>{"nextLink"in h.value&&h.value.nextLink&&L(h.value.nextLink,t)},previous:(t={})=>{"prevLink"in h.value&&h.value.prevLink&&L(h.value.prevLink,t)},first:(t={})=>{"firstLink"in h.value&&h.value.firstLink&&L(h.value.firstLink,t)},last:(t={})=>{"lastLink"in h.value&&h.value.lastLink&&L(h.value.lastLink,t)},..."links"in i.value.paginator&&i.value.paginator.links?{links:i.value.paginator.links.map(t=>({...t,navigate:(a={})=>t.url&&L(t.url,a)}))}:{}})),F=c.computed(()=>i.value.records.length>0&&i.value.records.every(t=>u.selected(y(t))));function y(t){return t[m.value.record].value}function K(t){return typeof t=="string"?t:t.name}function L(t,a={}){b.router.visit(t,{preserveScroll:!0,preserveState:!0,...l,...a,method:"get"})}function q(t,a,d={}){var j,e;D(t,m.value.endpoint,{table:i.value.id,id:y(a)},d)||(e=(j=v.recordActions)==null?void 0:j[t.name])==null||e.call(j,a)}function T(t,a={}){D(t,m.value.endpoint,{table:i.value.id,all:u.selection.value.all,only:Array.from(u.selection.value.only),except:Array.from(u.selection.value.except)},a)}function M(t,a={}){D(t,m.value.endpoint,{table:i.value.id},a)}function E(t,a={}){b.router.reload({...l,...a,data:{[m.value.records]:t.value,[m.value.pages]:void 0}})}function U(t,a={}){t.sort&&b.router.reload({...l,...a,data:{[m.value.sorts]:x.omitValue(t.sort.next)}})}function N(t,a={}){const d=x.toggleValue(t.name,S.value.map(({name:V})=>V));b.router.reload({...l,...a,data:{[m.value.columns]:x.delimitArray(d)}})}function z(){u.select(...i.value.records.map(t=>y(t)))}function R(){u.deselect(...i.value.records.map(t=>y(t)))}function H(){return{"onUpdate:modelValue":t=>{t?z():R()},modelValue:F.value}}return c.reactive({getRecordKey:y,meta:A,headings:S,columns:k,records:s,bulkActions:g,pageActions:I,rowsPerPage:C,currentPage:W,paginator:h,executeInlineAction:q,executeBulkAction:T,executePageAction:M,applyPage:E,selection:u.selection,select:t=>u.select(y(t)),deselect:t=>u.deselect(y(t)),selectPage:z,deselectPage:R,toggle:t=>u.toggle(y(t)),selected:t=>u.selected(y(t)),selectAll:u.selectAll,deselectAll:u.deselectAll,isPageSelected:F,hasSelected:u.hasSelected,bindCheckbox:t=>u.bind(y(t)),bindPage:H,bindAll:u.bindAll,...x})}w.useTable=O,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@honed/table",
   "private": false,
-  "version": "0.3.2",
+  "version": "0.4.1",
   "license": "MIT",
   "description": "-",
   "keywords": [
@@ -57,8 +57,8 @@
     }
   },
   "peerDependencies": {
-    "@honed/action": "^0.3.2",
-    "@honed/refine": "^0.3.2",
+    "@honed/action": "^0.4.0",
+    "@honed/refine": "^0.4.0",
     "@inertiajs/vue3": "^1.2.0||^2.0.0",
     "@vueuse/core": "^11.0.0||^12.0.0",
     "axios": "^1.2.0",