@honed/table 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -18,6 +18,13 @@ import { Visit } from '@inertiajs/core';
 import { VisitCallbacks } from '@inertiajs/core';
 import { VisitOptions } from '@inertiajs/core';
 
+export declare type AsRecord<RecordType extends Record<string, any>> = {
+    [K in keyof RecordType]: {
+        value: RecordType[K];
+        extra: Record<string, any>;
+    };
+};
+
 export declare interface CollectionPaginator {
     empty: boolean;
 }
@@ -25,13 +32,12 @@ export declare interface CollectionPaginator {
 export declare interface Column<T extends Record<string, any>> {
     name: keyof T;
     label: string;
-    type: "text" | "number" | "date" | "boolean" | string;
+    type: "text" | "number" | "date" | "boolean" | "hidden" | "key" | string;
     hidden: boolean;
     active: boolean;
     toggleable: boolean;
     icon?: string;
     class?: string;
-    meta?: Record<string, any>;
     sort?: {
         active: boolean;
         direction: Direction;
@@ -39,7 +45,7 @@ export declare interface Column<T extends Record<string, any>> {
     };
 }
 
-declare interface Config extends Config_2 {
+export declare interface Config extends Config_2 {
     endpoint: string;
     record: string;
     records: string;
@@ -64,7 +70,7 @@ export declare interface LengthAwarePaginator extends SimplePaginator {
     links: PaginatorLink[];
 }
 
-declare type PaginatorKind = "cursor" | "length-aware" | "simple" | "collection";
+export declare type PaginatorKind = "cursor" | "length-aware" | "simple" | "collection";
 
 export declare interface PaginatorLink {
     url: string | null;
@@ -81,39 +87,51 @@ export declare interface SimplePaginator extends CursorPaginator {
     currentPage: number;
 }
 
-export declare interface Table<T extends Record<string, any> = any, U extends PaginatorKind = "length-aware"> extends Refine {
+export declare interface Table<RecordType extends Record<string, any> = any, Paginator extends PaginatorKind = "length-aware"> extends Refine {
+    config: Config;
     id: string;
-    records: T[] & {
+    records: Array<AsRecord<RecordType> & {
         actions: InlineAction[];
-    };
-    paginator: U extends "length-aware" ? LengthAwarePaginator : U extends "simple" ? SimplePaginator : U extends "cursor" ? CursorPaginator : CollectionPaginator;
-    columns?: Column<T>[];
-    recordsPerPage: PerPageRecord[];
+    }>;
+    paginator: Paginator extends "length-aware" ? LengthAwarePaginator : Paginator extends "simple" ? SimplePaginator : Paginator extends "cursor" ? CursorPaginator : CollectionPaginator;
+    columns?: Column<RecordType>[];
+    recordsPerPage?: PerPageRecord[];
     toggleable: boolean;
     actions: {
         hasInline: boolean;
         bulk: BulkAction[];
         page: PageAction[];
     };
-    config: Config;
     meta: Record<string, any>;
 }
 
-export declare interface TableOptions<T extends Record<string, any>> {
+export declare interface TableOptions<RecordType extends Record<string, any>> {
     /**
      * Actions to be applied on a record in JavaScript.
      */
-    recordActions?: Record<string, (record: T) => void>;
+    recordActions?: Record<string, (record: AsRecord<RecordType>) => void>;
+}
+
+export declare interface TableRecord<RecordType extends Record<string, any>> {
+    record: RecordType;
+    default: (options: VisitOptions) => void;
+    actions: InlineAction[];
+    select: () => void;
+    deselect: () => void;
+    toggle: () => void;
+    selected: boolean;
+    bind: () => Record<string, any>;
+    value: (column: Column<RecordType> | string) => any;
+    extra: (column: Column<RecordType> | string) => any;
 }
 
-export declare function useTable<T extends object, K extends T[keyof T] extends Refine ? keyof T : never, U extends Record<string, any> = any, V extends "cursor" | "length-aware" | "simple" | "collection" = "length-aware">(props: T, key: K, tableOptions?: TableOptions<U>, defaultOptions?: VisitOptions): {
+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: T, options?: Partial<Visit & VisitCallbacks> | undefined) => void;
+        apply: (value: Props, options?: Partial<Visit & VisitCallbacks> | undefined) => void;
         clear: (options?: Partial<Visit & VisitCallbacks> | undefined) => void;
         bind: () => {
             "onUpdate:modelValue": PromisifyFn<(value: any) => void>;
             modelValue: unknown;
-            value: unknown;
         } | undefined;
         type: string;
         multiple: boolean;
@@ -173,13 +191,12 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
     bindFilter: <T_1 extends unknown>(filter: string | Filter, options?: BindingOptions | undefined) => {
         "onUpdate:modelValue": PromisifyFn<(value: any) => void>;
         modelValue: T_1;
-        value: T_1;
     } | undefined;
     bindSort: (sort: string | Sort, options?: BindingOptions | undefined) => {
         onClick: PromisifyFn<() => void>;
     } | undefined;
     bindSearch: (options?: BindingOptions | undefined) => {
-        "onUpdate:modelValue": PromisifyFn<(value: any) => void>;
+        "onUpdate:modelValue": PromisifyFn<(value: string | null | undefined) => void>;
         modelValue: string;
     };
     bindMatch: (match: string | Search, options?: BindingOptions | undefined) => {
@@ -190,12 +207,12 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
     omitValue: (value: any) => any;
     toggleValue: (value: any, values: any) => any;
     delimitArray: (value: any) => any;
-    getRecordKey: (record: U) => Identifier;
+    getRecordKey: (record: AsRecord<RecordType>) => Identifier;
     meta: Record<string, any>;
     headings: {
         isSorting: boolean | undefined;
         toggleSort: (options?: VisitOptions) => void;
-        name: keyof U;
+        name: keyof RecordType;
         label: string;
         type: string;
         hidden: boolean;
@@ -203,7 +220,6 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         toggleable: boolean;
         icon?: string | undefined;
         class?: string | undefined;
-        meta?: Record<string, any> | undefined;
         sort?: {
             active: boolean;
             direction: Direction;
@@ -212,7 +228,7 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
     }[];
     columns: {
         toggle: (options?: VisitOptions) => void;
-        name: keyof U;
+        name: keyof RecordType;
         label: string;
         type: string;
         hidden: boolean;
@@ -220,18 +236,32 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         toggleable: boolean;
         icon?: string | undefined;
         class?: string | undefined;
-        meta?: Record<string, any> | undefined;
         sort?: {
             active: boolean;
             direction: Direction;
             next: string | null;
         } | undefined;
     }[];
-    records: (U & {
+    records: {
+        record: Omit<AsRecord<RecordType> & {
+            actions: InlineAction[];
+        }, "actions">;
         /** Perform this action when the record is clicked */
         default: (options?: VisitOptions) => void;
         /** The actions available for the record */
-        actions: any;
+        actions: {
+            /** Executes this action */
+            execute: (options?: VisitOptions) => void;
+            type: "inline";
+            default: boolean;
+            name: string;
+            label: string;
+            icon?: string | undefined;
+            extra?: Record<string, unknown> | undefined;
+            action?: boolean | undefined;
+            confirm?: Confirm | undefined;
+            route?: Route | undefined;
+        }[];
         /** Selects this record */
         select: () => void;
         /** Deselects this record */
@@ -242,14 +272,15 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         selected: boolean;
         /** Bind the record to a checkbox */
         bind: () => {
-            /**
-             * Actions to be applied on a record in JavaScript.
-             */
             "onUpdate:modelValue": (checked: boolean | "indeterminate") => void;
             modelValue: boolean;
-            value: any;
+            value: Identifier;
         };
-    })[];
+        /** Get the value of the record for the column */
+        value: (column: Column<RecordType> | string) => RecordType[string] | RecordType[number] | RecordType[symbol];
+        /** Get the extra data of the record for the column */
+        extra: (column: Column<RecordType> | string) => Record<string, any>;
+    }[];
     bulkActions: {
         /** Executes this bulk action */
         execute: (options?: VisitOptions) => void;
@@ -257,9 +288,9 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         keepSelected: boolean;
         name: string;
         label: string;
-        action?: boolean | undefined;
-        extra?: Record<string, unknown> | undefined;
         icon?: string | undefined;
+        extra?: Record<string, unknown> | undefined;
+        action?: boolean | undefined;
         confirm?: Confirm | undefined;
         route?: Route | undefined;
     }[];
@@ -269,9 +300,9 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         type: "page";
         name: string;
         label: string;
-        action?: boolean | undefined;
-        extra?: Record<string, unknown> | undefined;
         icon?: string | undefined;
+        extra?: Record<string, unknown> | undefined;
+        action?: boolean | undefined;
         confirm?: Confirm | undefined;
         route?: Route | undefined;
     }[];
@@ -282,7 +313,7 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         active: boolean;
     }[];
     currentPage: PerPageRecord | undefined;
-    paginator: (V extends "length-aware" ? LengthAwarePaginator : V extends "simple" ? SimplePaginator : V extends "cursor" ? CursorPaginator : CollectionPaginator) & {
+    paginator: (Paginator extends "length-aware" ? LengthAwarePaginator : Paginator extends "simple" ? SimplePaginator : Paginator extends "cursor" ? CursorPaginator : CollectionPaginator) & {
         links?: {
             navigate: (options?: VisitOptions) => void | "" | null;
             url: string | null;
@@ -294,28 +325,25 @@ export declare function useTable<T extends object, K extends T[keyof T] extends
         first: (options?: VisitOptions) => void;
         last: (options?: VisitOptions) => void;
     };
-    executeInlineAction: (action: InlineAction, record: U, options?: VisitOptions) => void;
+    executeInlineAction: (action: InlineAction, record: AsRecord<RecordType>, options?: VisitOptions) => void;
     executeBulkAction: (action: BulkAction, options?: VisitOptions) => void;
     executePageAction: (action: PageAction, options?: VisitOptions) => void;
     applyPage: (page: PerPageRecord, options?: VisitOptions) => void;
-    selection: BulkSelection<any>;
-    select: (record: U) => void;
-    deselect: (record: U) => void;
+    selection: BulkSelection<Identifier>;
+    select: (record: AsRecord<RecordType>) => void;
+    deselect: (record: AsRecord<RecordType>) => void;
     selectPage: () => void;
     deselectPage: () => void;
-    toggle: (record: U) => void;
-    selected: (record: U) => boolean;
+    toggle: (record: AsRecord<RecordType>) => void;
+    selected: (record: AsRecord<RecordType>) => boolean;
     selectAll: () => void;
     deselectAll: () => void;
     isPageSelected: boolean;
     hasSelected: boolean;
-    bindCheckbox: (record: U) => {
-        /**
-         * Actions to be applied on a record in JavaScript.
-         */
+    bindCheckbox: (record: AsRecord<RecordType>) => {
         "onUpdate:modelValue": (checked: boolean | "indeterminate") => void;
         modelValue: boolean;
-        value: any;
+        value: Identifier;
     };
     bindPage: () => {
         "onUpdate:modelValue": (checked: boolean | "indeterminate") => void;

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as _, computed as h, toValue as N, reactive as Q } from "vue";
+import { ref as _, computed as h, toValue as J, reactive as Q } from "vue";
 import { router as S } from "@inertiajs/vue3";
 function X() {
   const o = _({
@@ -6,22 +6,22 @@ function X() {
     only: /* @__PURE__ */ new Set(),
     except: /* @__PURE__ */ new Set()
   });
-  function f() {
+  function m() {
     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((m) => o.value.except.delete(m)), s.forEach((m) => o.value.only.add(m));
+    s.forEach((p) => o.value.except.delete(p)), s.forEach((p) => o.value.only.add(p));
   }
   function i(...s) {
-    s.forEach((m) => o.value.except.add(m)), s.forEach((m) => o.value.only.delete(m));
+    s.forEach((p) => o.value.except.add(p)), s.forEach((p) => o.value.only.delete(p));
   }
-  function u(s, m) {
-    if (b(s) || m === !1)
+  function u(s, p) {
+    if (b(s) || p === !1)
       return i(s);
-    if (!b(s) || m === !0)
+    if (!b(s) || p === !0)
       return l(s);
   }
   function b(s) {
@@ -30,8 +30,8 @@ function X() {
   const d = h(() => o.value.all && o.value.except.size === 0), A = h(() => o.value.only.size > 0 || d.value);
   function x(s) {
     return {
-      "onUpdate:modelValue": (m) => {
-        m ? l(s) : i(s);
+      "onUpdate:modelValue": (p) => {
+        p ? l(s) : i(s);
       },
       modelValue: b(s),
       value: s
@@ -40,7 +40,7 @@ function X() {
   function k() {
     return {
       "onUpdate:modelValue": (s) => {
-        s ? f() : v();
+        s ? m() : v();
       },
       modelValue: d.value,
       value: d.value
@@ -50,7 +50,7 @@ function X() {
     allSelected: d,
     selection: o,
     hasSelected: A,
-    selectAll: f,
+    selectAll: m,
     deselectAll: v,
     select: l,
     deselect: i,
@@ -60,12 +60,12 @@ function X() {
     bindAll: k
   };
 }
-function J(o, f, v = {}, l = {}) {
+function I(o, m, v = {}, l = {}) {
   return o.route ? (S.visit(o.route.href, {
     ...l,
     method: o.route.method
-  }), !0) : o.action && f ? (S.post(
-    f,
+  }), !0) : o.action && m ? (S.post(
+    m,
     {
       ...v,
       name: o.name,
@@ -77,24 +77,24 @@ function J(o, f, v = {}, l = {}) {
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Y = () => {
 };
-function Z(o, f) {
+function Z(o, m) {
   function v(...l) {
     return new Promise((i, u) => {
-      Promise.resolve(o(() => f.apply(this, l), { fn: f, thisArg: this, args: l })).then(i).catch(u);
+      Promise.resolve(o(() => m.apply(this, l), { fn: m, thisArg: this, args: l })).then(i).catch(u);
     });
   }
   return v;
 }
-function O(o, f = {}) {
+function O(o, m = {}) {
   let v, l, i = Y;
   const u = (d) => {
     clearTimeout(d), i(), i = Y;
   };
   let b;
   return (d) => {
-    const A = N(o), x = N(f.maxWait);
+    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 = f.rejectOnCancel ? s : k, b = d, x && !l && (l = setTimeout(() => {
+      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());
@@ -102,21 +102,21 @@ function O(o, f = {}) {
     });
   };
 }
-function D(o, f = 200, v = {}) {
+function q(o, m = 200, v = {}) {
   return Z(
-    O(f, v),
+    O(m, v),
     o
   );
 }
-function ee(o, f, v = {}) {
-  const l = h(() => o[f]), i = h(
+function ee(o, m, v = {}) {
+  const l = h(() => o[m]), i = h(
     () => {
       var e;
       return ((e = l.value.filters) == null ? void 0 : e.map((n) => ({
         ...n,
-        apply: (a, c = {}) => L(n, a, c),
-        clear: (a = {}) => W(n, a),
-        bind: () => g(n.name)
+        apply: (r, c = {}) => L(n, r, c),
+        clear: (r = {}) => N(n, r),
+        bind: () => a(n.name)
       }))) ?? [];
     }
   ), u = h(
@@ -124,9 +124,9 @@ function ee(o, f, v = {}) {
       var e;
       return ((e = l.value.sorts) == null ? void 0 : e.map((n) => ({
         ...n,
-        apply: (a = {}) => M(n, n.direction, a),
-        clear: (a = {}) => B(a),
-        bind: () => P(n)
+        apply: (r = {}) => M(n, n.direction, r),
+        clear: (r = {}) => W(r),
+        bind: () => f(n)
       }))) ?? [];
     }
   ), b = h(
@@ -134,9 +134,9 @@ function ee(o, f, v = {}) {
       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: () => K(n)
+        apply: (r = {}) => U(n, r),
+        clear: (r = {}) => U(n, r),
+        bind: () => F(n)
       }));
     }
   );
@@ -152,91 +152,91 @@ function ee(o, f, v = {}) {
   }
   function k(e) {
     return [d, A, x].reduce(
-      (n, a) => a(n),
+      (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];
+    return n = Array.isArray(n) ? n : [n], n.includes(e) ? n.filter((r) => r !== e) : [...n, e];
   }
-  function m(e) {
+  function p(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 T(e, n = null) {
-    var a;
-    return (a = l.value.sorts) == null ? void 0 : a.find(
+  function j(e, n = null) {
+    var r;
+    return (r = l.value.sorts) == null ? void 0 : r.find(
       (c) => c.name === e && c.direction === n
     );
   }
   function C(e) {
     var n;
-    return (n = l.value.searches) == null ? void 0 : n.find((a) => a.name === e);
+    return (n = l.value.searches) == null ? void 0 : n.find((r) => r.name === e);
   }
   function z() {
     var e;
     return ((e = l.value.filters) == null ? void 0 : e.filter(({ active: n }) => n)) ?? [];
   }
-  function p() {
+  function g() {
     var e;
     return (e = l.value.sorts) == null ? void 0 : e.find(({ active: n }) => n);
   }
-  function V() {
+  function w() {
     var e;
     return ((e = l.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 w(e) {
+  function K(e) {
     var n;
-    return e ? typeof e == "string" ? ((n = p()) == null ? void 0 : n.name) === e : e.active : !!p();
+    return e ? typeof e == "string" ? ((n = g()) == null ? void 0 : n.name) === e : e.active : !!g();
   }
-  function E(e) {
-    var n, a;
-    return e ? typeof e == "string" ? (a = V()) == null ? void 0 : a.some((c) => c.name === e) : e.active : !!((n = V()) != null && n.length);
+  function P(e) {
+    var n, r;
+    return e ? typeof e == "string" ? (r = w()) == null ? void 0 : r.some((c) => c.name === e) : e.active : !!((n = w()) != null && n.length);
   }
-  function q(e, n = {}) {
-    const a = Object.fromEntries(
-      Object.entries(e).map(([c, F]) => [c, k(F)])
+  function G(e, n = {}) {
+    const r = Object.fromEntries(
+      Object.entries(e).map(([c, E]) => [c, k(E)])
     );
     S.reload({
       ...v,
       ...n,
-      data: a
+      data: r
     });
   }
-  function L(e, n, a = {}) {
-    const c = typeof e == "string" ? m(e) : e;
+  function L(e, n, r = {}) {
+    const c = typeof e == "string" ? p(e) : e;
     if (!c) {
       console.warn(`Filter [${e}] does not exist.`);
       return;
     }
     "multiple" in c && c.multiple && (n = s(n, c.value)), S.reload({
       ...v,
-      ...a,
+      ...r,
       data: {
         [c.name]: k(n)
       }
     });
   }
-  function M(e, n = null, a = {}) {
-    const c = typeof e == "string" ? T(e, n) : e;
+  function M(e, n = null, r = {}) {
+    const c = typeof e == "string" ? j(e, n) : e;
     if (!c) {
       console.warn(`Sort [${e}] does not exist.`);
       return;
     }
     S.reload({
       ...v,
-      ...a,
+      ...r,
       data: {
         [l.value.config.sorts]: x(c.next)
       }
     });
   }
-  function G(e, n = {}) {
+  function T(e, n = {}) {
     e = [A, x].reduce(
-      (a, c) => c(a),
+      (r, c) => c(r),
       e
     ), S.reload({
       ...v,
@@ -255,22 +255,22 @@ function ee(o, f, v = {}) {
       console.warn(`Match [${e}] does not exist.`);
       return;
     }
-    const a = s(
+    const r = s(
       e,
-      V().filter(({ active: c }) => c).map(({ name: c }) => c)
+      w().filter(({ active: c }) => c).map(({ name: c }) => c)
     );
     S.reload({
       ...v,
       ...n,
       data: {
-        [l.value.config.matches]: d(a)
+        [l.value.config.matches]: d(r)
       }
     });
   }
-  function W(e, n = {}) {
+  function N(e, n = {}) {
     L(e, void 0, n);
   }
-  function B(e = {}) {
+  function W(e = {}) {
     S.reload({
       ...v,
       ...e,
@@ -279,10 +279,10 @@ function ee(o, f, v = {}) {
       }
     });
   }
-  function H(e = {}) {
-    G(void 0, e);
+  function R(e = {}) {
+    T(void 0, e);
   }
-  function t(e = {}) {
+  function D(e = {}) {
     if (!l.value.config.matches) {
       console.warn("Matches key is not set.");
       return;
@@ -295,7 +295,7 @@ function ee(o, f, v = {}) {
       }
     });
   }
-  function r(e = {}) {
+  function t(e = {}) {
     var n;
     S.reload({
       ...v,
@@ -304,8 +304,8 @@ function ee(o, f, v = {}) {
         [l.value.config.searches]: void 0,
         [l.value.config.sorts]: 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
           ])) ?? []
         ),
@@ -313,135 +313,139 @@ function ee(o, f, v = {}) {
       }
     });
   }
-  function g(e, n = {}) {
-    const a = typeof e == "string" ? m(e) : e;
-    if (!a) {
+  function a(e, n = {}) {
+    const r = typeof e == "string" ? p(e) : e;
+    if (!r) {
       console.warn(`Filter [${e}] does not exist.`);
       return;
     }
-    const c = a.value, {
-      debounce: F = 250,
-      transform: R = (I) => I,
-      ...j
+    const c = r.value, {
+      debounce: E = 250,
+      transform: B = (H) => H,
+      ...$
     } = n;
     return {
-      "onUpdate:modelValue": D((I) => {
-        L(a, R(I), j);
-      }, F),
-      modelValue: c,
-      value: c
+      "onUpdate:modelValue": q((H) => {
+        L(r, B(H), $);
+      }, E),
+      modelValue: c
     };
   }
-  function P(e, n = {}) {
-    const a = typeof e == "string" ? T(e) : e;
-    if (!a) {
+  function f(e, n = {}) {
+    const r = typeof e == "string" ? j(e) : e;
+    if (!r) {
       console.warn(`Sort [${e}] does not exist.`);
       return;
     }
-    const { debounce: c = 0, transform: F, ...R } = n;
+    const { debounce: c = 0, transform: E, ...B } = n;
     return {
-      onClick: D(() => {
-        var j;
-        M(a, (j = p()) == null ? void 0 : j.direction, R);
+      onClick: q(() => {
+        var $;
+        M(r, ($ = g()) == null ? void 0 : $.direction, B);
       }, c)
     };
   }
-  function $(e = {}) {
-    const { debounce: n = 700, transform: a, ...c } = e;
+  function V(e = {}) {
+    const { debounce: n = 700, transform: r, ...c } = e;
     return {
-      "onUpdate:modelValue": D((F) => {
-        G(F, c);
-      }, n),
+      "onUpdate:modelValue": q(
+        (E) => {
+          T(E, c);
+        },
+        n
+      ),
       modelValue: l.value.config.search ?? ""
     };
   }
-  function K(e, n = {}) {
-    const a = typeof e == "string" ? C(e) : e;
-    if (!a) {
+  function F(e, n = {}) {
+    const r = typeof e == "string" ? C(e) : e;
+    if (!r) {
       console.warn(`Match [${e}] does not exist.`);
       return;
     }
-    const { debounce: c = 0, transform: F, ...R } = n;
+    const { debounce: c = 0, transform: E, ...B } = n;
     return {
-      "onUpdate:modelValue": D((j) => {
-        U(j, R);
+      "onUpdate:modelValue": q(($) => {
+        U($, B);
       }, c),
-      modelValue: E(a)
+      modelValue: P(r)
     };
   }
   return {
     filters: i,
     sorts: u,
     searches: b,
-    getFilter: m,
-    getSort: T,
+    getFilter: p,
+    getSort: j,
     getSearch: C,
     currentFilters: z,
-    currentSort: p,
-    currentSearches: V,
+    currentSort: g,
+    currentSearches: w,
     isFiltering: y,
-    isSorting: w,
-    isSearching: E,
-    apply: q,
+    isSorting: K,
+    isSearching: P,
+    apply: G,
     applyFilter: L,
     applySort: M,
-    applySearch: G,
+    applySearch: T,
     applyMatch: U,
-    clearFilter: W,
-    clearSort: B,
-    clearSearch: H,
-    clearMatch: t,
-    reset: r,
-    bindFilter: g,
-    bindSort: P,
-    bindSearch: $,
-    bindMatch: K,
+    clearFilter: N,
+    clearSort: W,
+    clearSearch: R,
+    clearMatch: D,
+    reset: t,
+    bindFilter: a,
+    bindSort: f,
+    bindSearch: V,
+    bindMatch: F,
     stringValue: A,
     omitValue: x,
     toggleValue: s,
     delimitArray: d
   };
 }
-function le(o, f, v = {}, l = {}) {
+function le(o, m, v = {}, l = {}) {
+  if (!o || !m || !o[m])
+    throw new Error("Table has not been provided with valid props and key.");
   l = {
     ...l,
-    only: [...l.only ?? [], f.toString()]
+    only: [...l.only ?? [], m.toString()]
   };
-  const i = h(() => o[f]), u = X(), b = ee(o, f, l), d = h(() => i.value.config), A = h(() => i.value.meta), x = h(
+  const i = h(() => o[m]), u = X(), b = ee(o, m, l), d = h(() => i.value.config), A = h(() => i.value.meta), x = h(
     () => {
       var t;
-      return ((t = i.value.columns) == null ? void 0 : t.filter(({ active: r, hidden: g }) => r && !g).map((r) => {
-        var g;
+      return ((t = i.value.columns) == null ? void 0 : t.filter(({ active: a, hidden: f }) => a && !f).map((a) => {
+        var f;
         return {
-          ...r,
-          isSorting: (g = r.sort) == null ? void 0 : g.active,
-          toggleSort: (P = {}) => G(r, P)
+          ...a,
+          isSorting: (f = a.sort) == null ? void 0 : f.active,
+          toggleSort: (V = {}) => U(a, V)
         };
       })) ?? [];
     }
   ), k = h(
     () => {
       var t;
-      return ((t = i.value.columns) == null ? void 0 : t.filter(({ hidden: r }) => !r).map((r) => ({
-        ...r,
-        toggle: (g = {}) => U(r, g)
+      return ((t = i.value.columns) == null ? void 0 : t.filter(({ hidden: a }) => !a).map((a) => ({
+        ...a,
+        toggle: (f = {}) => N(a, f)
       }))) ?? [];
     }
   ), s = h(
     () => i.value.records.map((t) => ({
-      ...t,
+      record: (({ actions: a, ...f }) => f)(t),
       /** Perform this action when the record is clicked */
-      default: (r = {}) => {
-        const g = t.actions.find(
-          (P) => P.default
+      default: (a = {}) => {
+        const f = t.actions.find(
+          (V) => V.default
         );
-        g && E(g, t, r);
+        f && G(f, t, a);
       },
       /** The actions available for the record */
-      actions: t.actions.map((r) => ({
-        ...r,
+      actions: t.actions.map((a) => ({
+        ...a,
         /** Executes this action */
-        execute: (g = {}) => E(r, t, g)
+        execute: (f = {}) => G(a, t, f)
       })),
       /** Selects this record */
       select: () => u.select(y(t)),
@@ -452,79 +456,92 @@ function le(o, f, v = {}, l = {}) {
       /** Determine if the record is selected */
       selected: u.selected(y(t)),
       /** Bind the record to a checkbox */
-      bind: () => u.bind(y(t))
+      bind: () => u.bind(y(t)),
+      /** Get the value of the record for the column */
+      value: (a) => t[K(a)].value,
+      /** Get the extra data of the record for the column */
+      extra: (a) => t[K(a)].extra
     }))
-  ), m = h(
+  ), p = h(
     () => i.value.actions.bulk.map((t) => ({
       ...t,
       /** Executes this bulk action */
-      execute: (r = {}) => q(t, r)
+      execute: (a = {}) => L(t, a)
     }))
-  ), T = h(
+  ), j = h(
     () => i.value.actions.page.map((t) => ({
       ...t,
       /** Executes this page action */
-      execute: (r = {}) => L(t, r)
+      execute: (a = {}) => M(t, a)
     }))
   ), C = h(
-    () => i.value.recordsPerPage.map((t) => ({
-      ...t,
-      /** Changes the number of records to display per page */
-      apply: (r = {}) => M(t, r)
-    }))
+    () => {
+      var t;
+      return ((t = i.value.recordsPerPage) == null ? void 0 : t.map((a) => ({
+        ...a,
+        /** Changes the number of records to display per page */
+        apply: (f = {}) => T(a, f)
+      }))) ?? [];
+    }
   ), z = h(
-    () => i.value.recordsPerPage.find(({ active: t }) => t)
-  ), p = h(() => ({
+    () => {
+      var t;
+      return (t = i.value.recordsPerPage) == null ? void 0 : t.find(({ active: a }) => a);
+    }
+  ), g = h(() => ({
     ...i.value.paginator,
     next: (t = {}) => {
-      "nextLink" in p.value && p.value.nextLink && w(p.value.nextLink, t);
+      "nextLink" in g.value && g.value.nextLink && P(g.value.nextLink, t);
     },
     previous: (t = {}) => {
-      "prevLink" in p.value && p.value.prevLink && w(p.value.prevLink, t);
+      "prevLink" in g.value && g.value.prevLink && P(g.value.prevLink, t);
     },
     first: (t = {}) => {
-      "firstLink" in p.value && p.value.firstLink && w(p.value.firstLink, t);
+      "firstLink" in g.value && g.value.firstLink && P(g.value.firstLink, t);
     },
     last: (t = {}) => {
-      "lastLink" in p.value && p.value.lastLink && w(p.value.lastLink, t);
+      "lastLink" in g.value && g.value.lastLink && P(g.value.lastLink, t);
     },
     ..."links" in i.value.paginator && i.value.paginator.links ? {
       links: i.value.paginator.links.map((t) => ({
         ...t,
-        navigate: (r = {}) => t.url && w(t.url, r)
+        navigate: (a = {}) => t.url && P(t.url, a)
       }))
     } : {}
-  })), V = h(
+  })), w = h(
     () => i.value.records.length > 0 && i.value.records.every(
       (t) => u.selected(y(t))
     )
   );
   function y(t) {
-    return t[d.value.record];
+    return t[d.value.record].value;
   }
-  function w(t, r = {}) {
+  function K(t) {
+    return typeof t == "string" ? t : t.name;
+  }
+  function P(t, a = {}) {
     S.visit(t, {
       preserveScroll: !0,
       preserveState: !0,
       ...l,
-      ...r,
+      ...a,
       method: "get"
     });
   }
-  function E(t, r, g = {}) {
-    var $, K;
-    J(
+  function G(t, a, f = {}) {
+    var F, e;
+    I(
       t,
       d.value.endpoint,
       {
         table: i.value.id,
-        id: y(r)
+        id: y(a)
       },
-      g
-    ) || (K = ($ = v.recordActions) == null ? void 0 : $[t.name]) == null || K.call($, r);
+      f
+    ) || (e = (F = v.recordActions) == null ? void 0 : F[t.name]) == null || e.call(F, a);
   }
-  function q(t, r = {}) {
-    J(
+  function L(t, a = {}) {
+    I(
       t,
       d.value.endpoint,
       {
@@ -533,67 +550,71 @@ function le(o, f, v = {}, l = {}) {
         only: Array.from(u.selection.value.only),
         except: Array.from(u.selection.value.except)
       },
-      r
+      a
     );
   }
-  function L(t, r = {}) {
-    J(
+  function M(t, a = {}) {
+    I(
       t,
       d.value.endpoint,
       {
         table: i.value.id
       },
-      r
+      a
     );
   }
-  function M(t, r = {}) {
+  function T(t, a = {}) {
     S.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
         [d.value.records]: t.value,
         [d.value.pages]: void 0
       }
     });
   }
-  function G(t, r = {}) {
+  function U(t, a = {}) {
     t.sort && S.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
         [d.value.sorts]: b.omitValue(t.sort.next)
       }
     });
   }
-  function U(t, r = {}) {
-    const g = b.toggleValue(
+  function N(t, a = {}) {
+    const f = b.toggleValue(
       t.name,
-      x.value.map(({ name: P }) => P)
+      x.value.map(({ name: V }) => V)
     );
     S.reload({
       ...l,
-      ...r,
+      ...a,
       data: {
-        [d.value.columns]: b.delimitArray(g)
+        [d.value.columns]: b.delimitArray(f)
       }
     });
   }
   function W() {
     u.select(
-      ...i.value.records.map((t) => y(t))
+      ...i.value.records.map(
+        (t) => y(t)
+      )
     );
   }
-  function B() {
+  function R() {
     u.deselect(
-      ...i.value.records.map((t) => y(t))
+      ...i.value.records.map(
+        (t) => y(t)
+      )
     );
   }
-  function H() {
+  function D() {
     return {
       "onUpdate:modelValue": (t) => {
-        t ? W() : B();
+        t ? W() : R();
       },
-      modelValue: V.value
+      modelValue: w.value
     };
   }
   return Q({
@@ -608,23 +629,23 @@ function le(o, f, v = {}, l = {}) {
     /** The records of the table */
     records: s,
     /** The available bulk actions */
-    bulkActions: m,
+    bulkActions: p,
     /** The available page actions */
-    pageActions: T,
+    pageActions: j,
     /** The available number of records to display per page */
     rowsPerPage: C,
     /** The current record per page item */
     currentPage: z,
     /** The pagination metadata */
-    paginator: p,
+    paginator: g,
     /** Execute an inline action */
-    executeInlineAction: E,
+    executeInlineAction: G,
     /** Execute a bulk action */
-    executeBulkAction: q,
+    executeBulkAction: L,
     /** Execute a page action */
-    executePageAction: L,
+    executePageAction: M,
     /** Apply a new page by changing the number of records to display */
-    applyPage: M,
+    applyPage: T,
     /** The current selection of records */
     selection: u.selection,
     /** Select the given records */
@@ -634,7 +655,7 @@ function le(o, f, v = {}, l = {}) {
     /** Select records on the current page */
     selectPage: W,
     /** Deselect records on the current page */
-    deselectPage: B,
+    deselectPage: R,
     /** Toggle the selection of the given records */
     toggle: (t) => u.toggle(y(t)),
     /** Determine if the given record is selected */
@@ -644,13 +665,13 @@ function le(o, f, v = {}, l = {}) {
     /** Deselect all records */
     deselectAll: u.deselectAll,
     /** Whether all records on the current page are selected */
-    isPageSelected: V,
+    isPageSelected: w,
     /** Determine if any records are selected */
     hasSelected: u.hasSelected,
     /** Bind the given record to a checkbox */
     bindCheckbox: (t) => u.bind(y(t)),
     /** Bind the select all checkbox to the current page */
-    bindPage: H,
+    bindPage: D,
     /** Bind select all records to the checkbox */
     bindAll: u.bindAll,
     /** Include the sorts, filters, and search query */

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@honed/table",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.3.0",
   "license": "MIT",
   "description": "-",
   "keywords": [
@@ -29,9 +29,9 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/honedlabs/table.git"
+    "url": "https://github.com/honedlabs/honed.git"
   },
-  "homepage": "https://github.com/honedlabs/table#readme",
+  "homepage": "https://github.com/honedlabs/honed/tree/main/packages/vue/table#readme",
   "files": [
     "dist"
   ],
@@ -42,14 +42,23 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
-      "default": "./dist/index.es.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.umd.js"
+      },
+      "default": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      }
     }
   },
   "peerDependencies": {
-    "@honed/action": "^0.2.0",
-    "@honed/refine": "^0.2.2",
+    "@honed/action": "^0.3.2",
+    "@honed/refine": "^0.3.0",
     "@inertiajs/vue3": "^1.2.0||^2.0.0",
     "@vueuse/core": "^11.0.0||^12.0.0",
     "axios": "^1.2.0",