@tanstack/vue-table 9.0.0-alpha.4 → 9.0.0-alpha.40

package/src/merge-proxy.ts

@@ -3,15 +3,18 @@ function trueFn() {
 }
 
 const $PROXY = Symbol('merge-proxy')
+const $SOURCES = Symbol('merge-proxy-sources')
 
 // https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118
 const propTraps: ProxyHandler<{
   get: (k: string | number | symbol) => any
   has: (k: string | number | symbol) => boolean
-  keys: () => string[]
+  keys: () => Array<string>
+  sources: Array<any>
 }> = {
   get(_, property, receiver) {
     if (property === $PROXY) return receiver
+    if (property === $SOURCES) return _.sources
     return _.get(property)
   },
   has(_, property) {
@@ -36,16 +39,16 @@ const propTraps: ProxyHandler<{
 }
 
 type UnboxLazy<T> = T extends () => infer U ? U : T
-type BoxedTupleTypes<T extends any[]> = {
+type BoxedTupleTypes<T extends Array<any>> = {
   [P in keyof T]: [UnboxLazy<T[P]>]
-}[Exclude<keyof T, keyof any[]>]
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-  k: infer I
+}[Exclude<keyof T, keyof Array<any>>]
+type UnionToIntersection<T> = (T extends any ? (k: T) => void : never) extends (
+  k: infer I,
 ) => void
   ? I
   : never
 type UnboxIntersection<T> = T extends { 0: infer U } ? U : never
-type MergeProxy<T extends any[]> = UnboxIntersection<
+type MergeProxy<T extends Array<any>> = UnboxIntersection<
   UnionToIntersection<BoxedTupleTypes<T>>
 >
 
@@ -53,29 +56,43 @@ function resolveSource(s: any) {
   return 'value' in s ? s.value : s
 }
 
-export function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>
+export function mergeProxy<T extends Array<any>>(...sources: T): MergeProxy<T>
 export function mergeProxy(...sources: any): any {
+  const flattenedSources = sources.flatMap((source: any) => {
+    if (
+      typeof source === 'object' &&
+      source !== null &&
+      $SOURCES in source &&
+      Array.isArray(source[$SOURCES])
+    ) {
+      return source[$SOURCES]
+    }
+
+    return [source]
+  })
+
   return new Proxy(
     {
+      sources: flattenedSources,
       get(property: string | number | symbol) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property]
+        for (let i = flattenedSources.length - 1; i >= 0; i--) {
+          const v = resolveSource(flattenedSources[i])[property]
           if (v !== undefined) return v
         }
       },
       has(property: string | number | symbol) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i])) return true
+        for (let i = flattenedSources.length - 1; i >= 0; i--) {
+          if (property in resolveSource(flattenedSources[i])) return true
         }
         return false
       },
       keys() {
         const keys = []
-        for (let i = 0; i < sources.length; i++)
-          keys.push(...Object.keys(resolveSource(sources[i])))
+        for (const source of flattenedSources)
+          keys.push(...Object.keys(resolveSource(source)))
         return [...Array.from(new Set(keys))]
       },
     },
-    propTraps
+    propTraps,
   )
 }

package/src/static-functions.ts

@@ -0,0 +1 @@
+export * from '@tanstack/table-core/static-functions'

package/src/useTable.ts

@@ -0,0 +1,240 @@
+import { isRef, ref, unref, watch, watchEffect } from 'vue'
+import {
+  constructReactivityFeature,
+  constructTable,
+} from '@tanstack/table-core'
+import { shallow, useSelector } from '@tanstack/vue-store'
+import { mergeProxy } from './merge-proxy'
+import type { Atom, ReadonlyAtom } from '@tanstack/vue-store'
+import type {
+  NoInfer,
+  RowData,
+  Table,
+  TableFeatures,
+  TableOptions,
+  TableState,
+} from '@tanstack/table-core'
+import type { MaybeRef, VNode } from 'vue'
+
+export type TableOptionsWithReactiveData<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+> = {
+  [K in keyof TableOptions<TFeatures, TData>]: K extends 'data'
+    ? MaybeRef<ReadonlyArray<TData>>
+    : MaybeRef<TableOptions<TFeatures, TData>[K]>
+}
+
+function getOptionsWithReactiveValues<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+>(options: TableOptionsWithReactiveData<TFeatures, TData>) {
+  const resolvedOptions: Record<string, unknown> = {}
+
+  for (const key of Object.keys(options)) {
+    resolvedOptions[key] = unref(
+      options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>],
+    )
+  }
+
+  return mergeProxy(options, resolvedOptions)
+}
+
+function getReactiveOptionDeps<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+>(options: TableOptionsWithReactiveData<TFeatures, TData>) {
+  return Object.keys(options).map((key) =>
+    unref(options[key as keyof TableOptionsWithReactiveData<TFeatures, TData>]),
+  )
+}
+
+export type VueTable<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TSelected = {},
+> = Table<TFeatures, TData> & {
+  /**
+   * Store mode: `selector` required. Source mode: pass `source` (atom or store); omit
+   * `selector` for the whole value (identity), or pass `selector` to project. Split
+   * overloads so source-only infers `TSourceValue` for `children` (see React `Subscribe`).
+   */
+  Subscribe: {
+    <TSourceValue>(props: {
+      source: Atom<TSourceValue> | ReadonlyAtom<TSourceValue>
+      selector?: undefined
+      children:
+        | ((state: Readonly<TSourceValue>) => VNode | Array<VNode>)
+        | VNode
+        | Array<VNode>
+    }): VNode | Array<VNode>
+    <TSourceValue, TSubSelected>(props: {
+      source: Atom<TSourceValue> | ReadonlyAtom<TSourceValue>
+      selector: (state: TSourceValue) => TSubSelected
+      children:
+        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)
+        | VNode
+        | Array<VNode>
+    }): VNode | Array<VNode>
+    <TSubSelected>(props: {
+      selector: (state: NoInfer<TableState<TFeatures>>) => TSubSelected
+      children:
+        | ((state: Readonly<TSubSelected>) => VNode | Array<VNode>)
+        | VNode
+        | Array<VNode>
+    }): VNode | Array<VNode>
+  }
+  /**
+   * The selected state of the table. This state may not match the structure of `table.store.state` because it is selected by the `selector` function that you pass as the 2nd argument to `useTable`.
+   *
+   * @example
+   * const table = useTable(options, (state) => ({ globalFilter: state.globalFilter })) // only globalFilter is part of the selected state
+   *
+   * console.log(table.state.globalFilter)
+   */
+  readonly state: Readonly<TSelected>
+}
+
+export function useTable<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TSelected = {},
+>(
+  tableOptions:
+    | TableOptions<TFeatures, TData>
+    | TableOptionsWithReactiveData<TFeatures, TData>,
+  selector: (state: TableState<TFeatures>) => TSelected = () =>
+    ({}) as TSelected,
+): VueTable<TFeatures, TData, TSelected> {
+  const notifier = ref<number>(0)
+
+  const syncTableOptions = (
+    table: Table<TFeatures, TData>,
+    options: TableOptionsWithReactiveData<TFeatures, TData>,
+  ) => {
+    table.setOptions(
+      () =>
+        getOptionsWithReactiveValues(options) as TableOptions<TFeatures, TData>,
+    )
+  }
+
+  const vueReactivityFeature = constructReactivityFeature({
+    stateNotifier: () => notifier.value,
+    optionsNotifier: () => notifier.value,
+  })
+
+  const mergedOptions = {
+    ...tableOptions,
+    _features: {
+      ...tableOptions._features,
+      vueReactivityFeature,
+    },
+  }
+
+  const resolvedOptions = mergeProxy(
+    getOptionsWithReactiveValues(
+      mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,
+    ),
+    {
+      // Remove state and onStateChange - store handles it internally
+      mergeOptions: (
+        defaultOptions: TableOptions<TFeatures, TData>,
+        newOptions: Partial<TableOptions<TFeatures, TData>>,
+      ) => {
+        return mergeProxy(defaultOptions, newOptions)
+      },
+    },
+  ) as TableOptions<TFeatures, TData>
+
+  const table = constructTable(resolvedOptions) as VueTable<
+    TFeatures,
+    TData,
+    TSelected
+  >
+
+  const allState = useSelector(table.store, (state) => state)
+  const allOptions = useSelector(table.optionsStore, (state) => state)
+
+  watchEffect(() => {
+    allState.value
+    allOptions.value
+    notifier.value++
+  })
+
+  watch(
+    () =>
+      getReactiveOptionDeps(
+        mergedOptions as TableOptionsWithReactiveData<TFeatures, TData>,
+      ),
+    () => {
+      syncTableOptions(table, mergedOptions)
+    },
+    { immediate: true },
+  )
+
+  watch(
+    () => {
+      const controlledState = unref(tableOptions.state) as
+        | Record<string, unknown>
+        | undefined
+      const controlledAtoms = unref(tableOptions.atoms) as
+        | Record<string, unknown>
+        | undefined
+
+      if (!controlledState) {
+        return []
+      }
+
+      const controlledValues: Array<unknown> = []
+
+      for (const key of Object.keys(table.initialState)) {
+        if (!(key in controlledState) || controlledAtoms?.[key] !== undefined) {
+          continue
+        }
+
+        // Reading only controlled state slices here lets Vue subscribe to
+        // getters/computed values that are passed through `options.state`.
+        controlledValues.push(controlledState[key])
+      }
+
+      return controlledValues
+    },
+    (controlledValues) => {
+      if (controlledValues.length > 0) {
+        syncTableOptions(table, mergedOptions)
+      }
+    },
+    { immediate: true },
+  )
+
+  table.Subscribe = ((props: {
+    source?: Atom<unknown> | ReadonlyAtom<unknown>
+    selector?: ((state: unknown) => unknown) | undefined
+    children:
+      | ((state: Readonly<unknown>) => VNode | Array<VNode>)
+      | VNode
+      | Array<VNode>
+  }) => {
+    const source = props.source !== undefined ? props.source : table.store
+    const selectFn =
+      props.source !== undefined
+        ? (props.selector ?? ((x: unknown) => x))
+        : props.selector
+    const selected = useSelector(source as never, selectFn as never, {
+      compare: shallow,
+    })
+    if (typeof props.children === 'function') {
+      return props.children(selected.value as Readonly<unknown>)
+    }
+    return props.children
+  }) as VueTable<TFeatures, TData, TSelected>['Subscribe']
+
+  const stateStore = useSelector(table.store, selector)
+
+  return {
+    ...table,
+    get state() {
+      return stateStore.value
+    },
+  }
+}

package/dist/cjs/index.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tableCore = require("@tanstack/table-core");
-const vue = require("vue");
-const mergeProxy = require("./merge-proxy.cjs");
-const FlexRender = vue.defineComponent({
-  props: ["render", "props"],
-  setup: (props) => {
-    return () => {
-      if (typeof props.render === "function" || typeof props.render === "object") {
-        return vue.h(props.render, props.props);
-      }
-      return props.render;
-    };
-  }
-});
-function useVueTable(options) {
-  const resolvedOptions = mergeProxy.mergeProxy(
-    {
-      state: {},
-      // Dummy state
-      onStateChange: () => {
-      },
-      // noop
-      renderFallbackValue: null,
-      mergeOptions(defaultOptions, options2) {
-        return mergeProxy.mergeProxy(defaultOptions, options2);
-      }
-    },
-    options
-  );
-  const table = tableCore.createTable(resolvedOptions);
-  const state = vue.ref(table.initialState);
-  vue.watchEffect(() => {
-    table.setOptions((prev) => {
-      const stateProxy = new Proxy({}, {
-        get: (_, prop) => state.value[prop]
-      });
-      return mergeProxy.mergeProxy(prev, options, {
-        // merge the initialState and `options.state`
-        // create a new proxy on each `setOptions` call
-        // and get the value from state on each property access
-        state: mergeProxy.mergeProxy(stateProxy, options.state ?? {}),
-        // Similarly, we'll maintain both our internal state and any user-provided
-        // state.
-        onStateChange: (updater) => {
-          var _a;
-          if (updater instanceof Function) {
-            state.value = updater(state.value);
-          } else {
-            state.value = updater;
-          }
-          (_a = options.onStateChange) == null ? void 0 : _a.call(options, updater);
-        }
-      });
-    });
-  });
-  return table;
-}
-exports.FlexRender = FlexRender;
-exports.useVueTable = useVueTable;
-Object.keys(tableCore).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => tableCore[k]
-    });
-});
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import {\n  TableOptions,\n  createTable,\n  TableOptionsResolved,\n  RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n  props: ['render', 'props'],\n  setup: (props: { render: any; props: any }) => {\n    return () => {\n      if (\n        typeof props.render === 'function' ||\n        typeof props.render === 'object'\n      ) {\n        return h(props.render, props.props)\n      }\n\n      return props.render\n    }\n  },\n})\n\nexport function useVueTable<TData extends RowData>(\n  options: TableOptions<TData>\n) {\n  const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n    {\n      state: {}, // Dummy state\n      onStateChange: () => {}, // noop\n      renderFallbackValue: null,\n      mergeOptions(\n        defaultOptions: TableOptions<TData>,\n        options: TableOptions<TData>\n      ) {\n        return mergeProxy(defaultOptions, options)\n      },\n    },\n    options\n  )\n\n  const table = createTable<TData>(resolvedOptions)\n  // can't use `reactive` because update needs to be immutable\n  const state = ref(table.initialState)\n\n  watchEffect(() => {\n    table.setOptions(prev => {\n      const stateProxy = new Proxy({} as typeof state.value, {\n        get: (_, prop) => state.value[prop as keyof typeof state.value],\n      })\n\n      return mergeProxy(prev, options, {\n        // merge the initialState and `options.state`\n        // create a new proxy on each `setOptions` call\n        // and get the value from state on each property access\n        state: mergeProxy(stateProxy, options.state ?? {}),\n        // Similarly, we'll maintain both our internal state and any user-provided\n        // state.\n        onStateChange: (updater: any) => {\n          if (updater instanceof Function) {\n            state.value = updater(state.value)\n          } else {\n            state.value = updater\n          }\n\n          options.onStateChange?.(updater)\n        },\n      })\n    })\n  })\n\n  return table\n}\n"],"names":["defineComponent","h","mergeProxy","options","createTable","ref","watchEffect"],"mappings":";;;;;AAWO,MAAM,aAAaA,IAAAA,gBAAgB;AAAA,EACxC,OAAO,CAAC,UAAU,OAAO;AAAA,EACzB,OAAO,CAAC,UAAuC;AAC7C,WAAO,MAAM;AACX,UACE,OAAO,MAAM,WAAW,cACxB,OAAO,MAAM,WAAW,UACxB;AACA,eAAOC,IAAE,EAAA,MAAM,QAAQ,MAAM,KAAK;AAAA,MACpC;AAEA,aAAO,MAAM;AAAA,IAAA;AAAA,EAEjB;AACF,CAAC;AAEM,SAAS,YACd,SACA;AACA,QAAM,kBAA+CC,WAAA;AAAA,IACnD;AAAA,MACE,OAAO,CAAC;AAAA;AAAA,MACR,eAAe,MAAM;AAAA,MAAC;AAAA;AAAA,MACtB,qBAAqB;AAAA,MACrB,aACE,gBACAC,UACA;AACO,eAAAD,WAAA,WAAW,gBAAgBC,QAAO;AAAA,MAC3C;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAGI,QAAA,QAAQC,sBAAmB,eAAe;AAE1C,QAAA,QAAQC,IAAAA,IAAI,MAAM,YAAY;AAEpCC,MAAAA,YAAY,MAAM;AAChB,UAAM,WAAW,CAAQ,SAAA;AACvB,YAAM,aAAa,IAAI,MAAM,IAA0B;AAAA,QACrD,KAAK,CAAC,GAAG,SAAS,MAAM,MAAM,IAAgC;AAAA,MAAA,CAC/D;AAEM,aAAAJ,WAAA,WAAW,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA,QAI/B,OAAOA,WAAAA,WAAW,YAAY,QAAQ,SAAS,CAAA,CAAE;AAAA;AAAA;AAAA,QAGjD,eAAe,CAAC,YAAiB;;AAC/B,cAAI,mBAAmB,UAAU;AACzB,kBAAA,QAAQ,QAAQ,MAAM,KAAK;AAAA,UAAA,OAC5B;AACL,kBAAM,QAAQ;AAAA,UAChB;AAEA,wBAAQ,kBAAR,iCAAwB;AAAA,QAC1B;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AAEM,SAAA;AACT;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -1,14 +0,0 @@
-import { TableOptions, RowData } from '@tanstack/table-core';
-
-export * from '@tanstack/table-core';
-export declare const FlexRender: import('vue').DefineComponent<Readonly<{
-    props?: any;
-    render?: any;
-}>, () => any, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
-    props?: any;
-    render?: any;
-}>>>, {
-    readonly props?: any;
-    readonly render?: any;
-}, {}>;
-export declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): import('@tanstack/table-core').Table<TData>;

package/dist/cjs/merge-proxy.cjs

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function trueFn() {
-  return true;
-}
-const $PROXY = Symbol("merge-proxy");
-const propTraps = {
-  get(_, property, receiver) {
-    if (property === $PROXY)
-      return receiver;
-    return _.get(property);
-  },
-  has(_, property) {
-    return _.has(property);
-  },
-  set: trueFn,
-  deleteProperty: trueFn,
-  getOwnPropertyDescriptor(_, property) {
-    return {
-      configurable: true,
-      enumerable: true,
-      get() {
-        return _.get(property);
-      },
-      set: trueFn,
-      deleteProperty: trueFn
-    };
-  },
-  ownKeys(_) {
-    return _.keys();
-  }
-};
-function resolveSource(s) {
-  return "value" in s ? s.value : s;
-}
-function mergeProxy(...sources) {
-  return new Proxy(
-    {
-      get(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property];
-          if (v !== void 0)
-            return v;
-        }
-      },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i]))
-            return true;
-        }
-        return false;
-      },
-      keys() {
-        const keys = [];
-        for (let i = 0; i < sources.length; i++)
-          keys.push(...Object.keys(resolveSource(sources[i])));
-        return [...Array.from(new Set(keys))];
-      }
-    },
-    propTraps
-  );
-}
-exports.mergeProxy = mergeProxy;
-//# sourceMappingURL=merge-proxy.cjs.map

package/dist/cjs/merge-proxy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-proxy.cjs","sources":["../../src/merge-proxy.ts"],"sourcesContent":["function trueFn() {\n  return true\n}\n\nconst $PROXY = Symbol('merge-proxy')\n\n// https://github.com/solidjs/solid/blob/c20ca4fd8c36bc0522fedb2c7f38a110b7ee2663/packages/solid/src/render/component.ts#L51-L118\nconst propTraps: ProxyHandler<{\n  get: (k: string | number | symbol) => any\n  has: (k: string | number | symbol) => boolean\n  keys: () => string[]\n}> = {\n  get(_, property, receiver) {\n    if (property === $PROXY) return receiver\n    return _.get(property)\n  },\n  has(_, property) {\n    return _.has(property)\n  },\n  set: trueFn,\n  deleteProperty: trueFn,\n  getOwnPropertyDescriptor(_, property) {\n    return {\n      configurable: true,\n      enumerable: true,\n      get() {\n        return _.get(property)\n      },\n      set: trueFn,\n      deleteProperty: trueFn,\n    }\n  },\n  ownKeys(_) {\n    return _.keys()\n  },\n}\n\ntype UnboxLazy<T> = T extends () => infer U ? U : T\ntype BoxedTupleTypes<T extends any[]> = {\n  [P in keyof T]: [UnboxLazy<T[P]>]\n}[Exclude<keyof T, keyof any[]>]\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n  k: infer I\n) => void\n  ? I\n  : never\ntype UnboxIntersection<T> = T extends { 0: infer U } ? U : never\ntype MergeProxy<T extends any[]> = UnboxIntersection<\n  UnionToIntersection<BoxedTupleTypes<T>>\n>\n\nfunction resolveSource(s: any) {\n  return 'value' in s ? s.value : s\n}\n\nexport function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>\nexport function mergeProxy(...sources: any): any {\n  return new Proxy(\n    {\n      get(property: string | number | symbol) {\n        for (let i = sources.length - 1; i >= 0; i--) {\n          const v = resolveSource(sources[i])[property]\n          if (v !== undefined) return v\n        }\n      },\n      has(property: string | number | symbol) {\n        for (let i = sources.length - 1; i >= 0; i--) {\n          if (property in resolveSource(sources[i])) return true\n        }\n        return false\n      },\n      keys() {\n        const keys = []\n        for (let i = 0; i < sources.length; i++)\n          keys.push(...Object.keys(resolveSource(sources[i])))\n        return [...Array.from(new Set(keys))]\n      },\n    },\n    propTraps\n  )\n}\n"],"names":[],"mappings":";;AAAA,SAAS,SAAS;AACT,SAAA;AACT;AAEA,MAAM,SAAS,OAAO,aAAa;AAGnC,MAAM,YAID;AAAA,EACH,IAAI,GAAG,UAAU,UAAU;AACzB,QAAI,aAAa;AAAe,aAAA;AACzB,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,IAAI,GAAG,UAAU;AACR,WAAA,EAAE,IAAI,QAAQ;AAAA,EACvB;AAAA,EACA,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,yBAAyB,GAAG,UAAU;AAC7B,WAAA;AAAA,MACL,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,MAAM;AACG,eAAA,EAAE,IAAI,QAAQ;AAAA,MACvB;AAAA,MACA,KAAK;AAAA,MACL,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,QAAQ,GAAG;AACT,WAAO,EAAE;EACX;AACF;AAgBA,SAAS,cAAc,GAAQ;AACtB,SAAA,WAAW,IAAI,EAAE,QAAQ;AAClC;AAGO,SAAS,cAAc,SAAmB;AAC/C,SAAO,IAAI;AAAA,IACT;AAAA,MACE,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,gBAAM,IAAI,cAAc,QAAQ,CAAC,CAAC,EAAE,QAAQ;AAC5C,cAAI,MAAM;AAAkB,mBAAA;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,IAAI,UAAoC;AACtC,iBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,cAAI,YAAY,cAAc,QAAQ,CAAC,CAAC;AAAU,mBAAA;AAAA,QACpD;AACO,eAAA;AAAA,MACT;AAAA,MACA,OAAO;AACL,cAAM,OAAO,CAAA;AACb,iBAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ;AAC7B,eAAA,KAAK,GAAG,OAAO,KAAK,cAAc,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9C,eAAA,CAAC,GAAG,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC;AAAA,MACtC;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/merge-proxy.d.cts

@@ -1,11 +0,0 @@
-type UnboxLazy<T> = T extends () => infer U ? U : T;
-type BoxedTupleTypes<T extends any[]> = {
-    [P in keyof T]: [UnboxLazy<T[P]>];
-}[Exclude<keyof T, keyof any[]>];
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type UnboxIntersection<T> = T extends {
-    0: infer U;
-} ? U : never;
-type MergeProxy<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>;
-export declare function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>;
-export {};

package/dist/esm/index.d.ts

@@ -1,14 +0,0 @@
-import { TableOptions, RowData } from '@tanstack/table-core';
-
-export * from '@tanstack/table-core';
-export declare const FlexRender: import('vue').DefineComponent<Readonly<{
-    props?: any;
-    render?: any;
-}>, () => any, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
-    props?: any;
-    render?: any;
-}>>>, {
-    readonly props?: any;
-    readonly render?: any;
-}, {}>;
-export declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): import('@tanstack/table-core').Table<TData>;

package/dist/esm/index.js

@@ -1,63 +0,0 @@
-import { createTable } from "@tanstack/table-core";
-export * from "@tanstack/table-core";
-import { defineComponent, h, ref, watchEffect } from "vue";
-import { mergeProxy } from "./merge-proxy.js";
-const FlexRender = defineComponent({
-  props: ["render", "props"],
-  setup: (props) => {
-    return () => {
-      if (typeof props.render === "function" || typeof props.render === "object") {
-        return h(props.render, props.props);
-      }
-      return props.render;
-    };
-  }
-});
-function useVueTable(options) {
-  const resolvedOptions = mergeProxy(
-    {
-      state: {},
-      // Dummy state
-      onStateChange: () => {
-      },
-      // noop
-      renderFallbackValue: null,
-      mergeOptions(defaultOptions, options2) {
-        return mergeProxy(defaultOptions, options2);
-      }
-    },
-    options
-  );
-  const table = createTable(resolvedOptions);
-  const state = ref(table.initialState);
-  watchEffect(() => {
-    table.setOptions((prev) => {
-      const stateProxy = new Proxy({}, {
-        get: (_, prop) => state.value[prop]
-      });
-      return mergeProxy(prev, options, {
-        // merge the initialState and `options.state`
-        // create a new proxy on each `setOptions` call
-        // and get the value from state on each property access
-        state: mergeProxy(stateProxy, options.state ?? {}),
-        // Similarly, we'll maintain both our internal state and any user-provided
-        // state.
-        onStateChange: (updater) => {
-          var _a;
-          if (updater instanceof Function) {
-            state.value = updater(state.value);
-          } else {
-            state.value = updater;
-          }
-          (_a = options.onStateChange) == null ? void 0 : _a.call(options, updater);
-        }
-      });
-    });
-  });
-  return table;
-}
-export {
-  FlexRender,
-  useVueTable
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import {\n  TableOptions,\n  createTable,\n  TableOptionsResolved,\n  RowData,\n} from '@tanstack/table-core'\nimport { h, watchEffect, ref, defineComponent } from 'vue'\nimport { mergeProxy } from './merge-proxy'\n\nexport * from '@tanstack/table-core'\n\nexport const FlexRender = defineComponent({\n  props: ['render', 'props'],\n  setup: (props: { render: any; props: any }) => {\n    return () => {\n      if (\n        typeof props.render === 'function' ||\n        typeof props.render === 'object'\n      ) {\n        return h(props.render, props.props)\n      }\n\n      return props.render\n    }\n  },\n})\n\nexport function useVueTable<TData extends RowData>(\n  options: TableOptions<TData>\n) {\n  const resolvedOptions: TableOptionsResolved<TData> = mergeProxy(\n    {\n      state: {}, // Dummy state\n      onStateChange: () => {}, // noop\n      renderFallbackValue: null,\n      mergeOptions(\n        defaultOptions: TableOptions<TData>,\n        options: TableOptions<TData>\n      ) {\n        return mergeProxy(defaultOptions, options)\n      },\n    },\n    options\n  )\n\n  const table = createTable<TData>(resolvedOptions)\n  // can't use `reactive` because update needs to be immutable\n  const state = ref(table.initialState)\n\n  watchEffect(() => {\n    table.setOptions(prev => {\n      const stateProxy = new Proxy({} as typeof state.value, {\n        get: (_, prop) => state.value[prop as keyof typeof state.value],\n      })\n\n      return mergeProxy(prev, options, {\n        // merge the initialState and `options.state`\n        // create a new proxy on each `setOptions` call\n        // and get the value from state on each property access\n        state: mergeProxy(stateProxy, options.state ?? {}),\n        // Similarly, we'll maintain both our internal state and any user-provided\n        // state.\n        onStateChange: (updater: any) => {\n          if (updater instanceof Function) {\n            state.value = updater(state.value)\n          } else {\n            state.value = updater\n          }\n\n          options.onStateChange?.(updater)\n        },\n      })\n    })\n  })\n\n  return table\n}\n"],"names":["options"],"mappings":";;;;AAWO,MAAM,aAAa,gBAAgB;AAAA,EACxC,OAAO,CAAC,UAAU,OAAO;AAAA,EACzB,OAAO,CAAC,UAAuC;AAC7C,WAAO,MAAM;AACX,UACE,OAAO,MAAM,WAAW,cACxB,OAAO,MAAM,WAAW,UACxB;AACA,eAAO,EAAE,MAAM,QAAQ,MAAM,KAAK;AAAA,MACpC;AAEA,aAAO,MAAM;AAAA,IAAA;AAAA,EAEjB;AACF,CAAC;AAEM,SAAS,YACd,SACA;AACA,QAAM,kBAA+C;AAAA,IACnD;AAAA,MACE,OAAO,CAAC;AAAA;AAAA,MACR,eAAe,MAAM;AAAA,MAAC;AAAA;AAAA,MACtB,qBAAqB;AAAA,MACrB,aACE,gBACAA,UACA;AACO,eAAA,WAAW,gBAAgBA,QAAO;AAAA,MAC3C;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAGI,QAAA,QAAQ,YAAmB,eAAe;AAE1C,QAAA,QAAQ,IAAI,MAAM,YAAY;AAEpC,cAAY,MAAM;AAChB,UAAM,WAAW,CAAQ,SAAA;AACvB,YAAM,aAAa,IAAI,MAAM,IAA0B;AAAA,QACrD,KAAK,CAAC,GAAG,SAAS,MAAM,MAAM,IAAgC;AAAA,MAAA,CAC/D;AAEM,aAAA,WAAW,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA,QAI/B,OAAO,WAAW,YAAY,QAAQ,SAAS,CAAA,CAAE;AAAA;AAAA;AAAA,QAGjD,eAAe,CAAC,YAAiB;;AAC/B,cAAI,mBAAmB,UAAU;AACzB,kBAAA,QAAQ,QAAQ,MAAM,KAAK;AAAA,UAAA,OAC5B;AACL,kBAAM,QAAQ;AAAA,UAChB;AAEA,wBAAQ,kBAAR,iCAAwB;AAAA,QAC1B;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AAEM,SAAA;AACT;"}

package/dist/esm/merge-proxy.d.ts

@@ -1,11 +0,0 @@
-type UnboxLazy<T> = T extends () => infer U ? U : T;
-type BoxedTupleTypes<T extends any[]> = {
-    [P in keyof T]: [UnboxLazy<T[P]>];
-}[Exclude<keyof T, keyof any[]>];
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type UnboxIntersection<T> = T extends {
-    0: infer U;
-} ? U : never;
-type MergeProxy<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>;
-export declare function mergeProxy<T extends any[]>(...sources: T): MergeProxy<T>;
-export {};

package/dist/esm/merge-proxy.js

@@ -1,64 +0,0 @@
-function trueFn() {
-  return true;
-}
-const $PROXY = Symbol("merge-proxy");
-const propTraps = {
-  get(_, property, receiver) {
-    if (property === $PROXY)
-      return receiver;
-    return _.get(property);
-  },
-  has(_, property) {
-    return _.has(property);
-  },
-  set: trueFn,
-  deleteProperty: trueFn,
-  getOwnPropertyDescriptor(_, property) {
-    return {
-      configurable: true,
-      enumerable: true,
-      get() {
-        return _.get(property);
-      },
-      set: trueFn,
-      deleteProperty: trueFn
-    };
-  },
-  ownKeys(_) {
-    return _.keys();
-  }
-};
-function resolveSource(s) {
-  return "value" in s ? s.value : s;
-}
-function mergeProxy(...sources) {
-  return new Proxy(
-    {
-      get(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property];
-          if (v !== void 0)
-            return v;
-        }
-      },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i]))
-            return true;
-        }
-        return false;
-      },
-      keys() {
-        const keys = [];
-        for (let i = 0; i < sources.length; i++)
-          keys.push(...Object.keys(resolveSource(sources[i])));
-        return [...Array.from(new Set(keys))];
-      }
-    },
-    propTraps
-  );
-}
-export {
-  mergeProxy
-};
-//# sourceMappingURL=merge-proxy.js.map