@tanstack/vue-table 9.0.0-beta.4 → 9.0.0-beta.5

package/dist/FlexRender.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlexRender.cjs","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AAcA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,qBAAY,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,kBAAS,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,kBAAS,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,sCAA6B;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}
+{"version":3,"file":"FlexRender.cjs","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,qBAAY,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,kBAAS,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,kBAAS,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,sCAA6B;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}

package/dist/FlexRender.d.cts

@@ -1,6 +1,24 @@
-import { Cell, Header } from "@tanstack/table-core";
-
 //#region src/FlexRender.d.ts
+interface FlexRenderCell {
+  column: {
+    columnDef: {
+      aggregatedCell?: any;
+      cell?: any;
+    };
+  };
+  getContext: () => any;
+  getIsAggregated?: () => boolean;
+  getIsPlaceholder?: () => boolean;
+}
+interface FlexRenderHeader {
+  column: {
+    columnDef: {
+      footer?: any;
+      header?: any;
+    };
+  };
+  getContext: () => any;
+}
 /**
  * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
  * @example flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -24,22 +42,22 @@ declare function flexRender(render: any, props: any): any;
 declare const FlexRender: import("vue").DefineComponent<{
   render?: any;
   props?: any;
-  cell?: Cell<any, any, any>;
-  header?: Header<any, any, any>;
-  footer?: Header<any, any, any>;
+  cell?: FlexRenderCell | undefined;
+  header?: FlexRenderHeader | undefined;
+  footer?: FlexRenderHeader | undefined;
 }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
   render?: any;
   props?: any;
-  cell?: Cell<any, any, any>;
-  header?: Header<any, any, any>;
-  footer?: Header<any, any, any>;
+  cell?: FlexRenderCell | undefined;
+  header?: FlexRenderHeader | undefined;
+  footer?: FlexRenderHeader | undefined;
 }> & Readonly<{}>, {
   props: any;
   render: any;
-  cell: any;
-  header: any;
-  footer: any;
+  cell: FlexRenderCell;
+  header: FlexRenderHeader;
+  footer: FlexRenderHeader;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { FlexRender, flexRender };
+export { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender };
 //# sourceMappingURL=FlexRender.d.cts.map

package/dist/FlexRender.d.ts

@@ -1,6 +1,24 @@
-import { Cell, Header } from "@tanstack/table-core";
-
 //#region src/FlexRender.d.ts
+interface FlexRenderCell {
+  column: {
+    columnDef: {
+      aggregatedCell?: any;
+      cell?: any;
+    };
+  };
+  getContext: () => any;
+  getIsAggregated?: () => boolean;
+  getIsPlaceholder?: () => boolean;
+}
+interface FlexRenderHeader {
+  column: {
+    columnDef: {
+      footer?: any;
+      header?: any;
+    };
+  };
+  getContext: () => any;
+}
 /**
  * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
  * @example flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -24,22 +42,22 @@ declare function flexRender(render: any, props: any): any;
 declare const FlexRender: import("vue").DefineComponent<{
   render?: any;
   props?: any;
-  cell?: Cell<any, any, any>;
-  header?: Header<any, any, any>;
-  footer?: Header<any, any, any>;
+  cell?: FlexRenderCell | undefined;
+  header?: FlexRenderHeader | undefined;
+  footer?: FlexRenderHeader | undefined;
 }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
   render?: any;
   props?: any;
-  cell?: Cell<any, any, any>;
-  header?: Header<any, any, any>;
-  footer?: Header<any, any, any>;
+  cell?: FlexRenderCell | undefined;
+  header?: FlexRenderHeader | undefined;
+  footer?: FlexRenderHeader | undefined;
 }> & Readonly<{}>, {
   props: any;
   render: any;
-  cell: any;
-  header: any;
-  footer: any;
+  cell: FlexRenderCell;
+  header: FlexRenderHeader;
+  footer: FlexRenderHeader;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { FlexRender, flexRender };
+export { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender };
 //# sourceMappingURL=FlexRender.d.ts.map

package/dist/FlexRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexRender.js","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\nimport type {\n  Cell,\n  CellData,\n  Header,\n  RowData,\n  TableFeatures,\n} from '@tanstack/table-core'\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: Cell<any, any, any>\n    header?: Header<any, any, any>\n    footer?: Header<any, any, any>\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AAcA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,IAAI,QAAQ,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,OAAO,EAAE,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,OAAO,EAAE,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,gBAAgB;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}
+{"version":3,"file":"FlexRender.js","names":[],"sources":["../src/FlexRender.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from 'vue'\nimport type { PropType } from 'vue'\n\nexport interface FlexRenderCell {\n  column: {\n    columnDef: {\n      aggregatedCell?: any\n      cell?: any\n    }\n  }\n  getContext: () => any\n  getIsAggregated?: () => boolean\n  getIsPlaceholder?: () => boolean\n}\n\nexport interface FlexRenderHeader {\n  column: {\n    columnDef: {\n      footer?: any\n      header?: any\n    }\n  }\n  getContext: () => any\n}\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n * @example flexRender(cell.column.columnDef.cell, cell.getContext())\n */\nexport function flexRender(render: any, props: any): any {\n  if (typeof render === 'function') {\n    const rendered = render(props)\n\n    if (isVNode(rendered)) {\n      return rendered\n    }\n\n    if (typeof rendered === 'function' || typeof rendered === 'object') {\n      return h(rendered, props)\n    }\n\n    return rendered\n  }\n\n  if (typeof render === 'object') {\n    return h(render, props)\n  }\n\n  return render\n}\n\n/**\n * Simplified component for rendering headers, cells, or footers.\n *\n * Supports both the new shorthand pattern and the legacy `:render`/`:props` pattern:\n * @example\n * ```vue\n * <!-- New shorthand pattern -->\n * <FlexRender :cell=\"cell\" />\n * <FlexRender :header=\"header\" />\n * <FlexRender :footer=\"header\" />\n *\n * <!-- Legacy pattern (still supported) -->\n * <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n * ```\n */\nexport const FlexRender = defineComponent({\n  props: {\n    render: {\n      type: [Function, Object, String] as PropType<any>,\n      default: undefined,\n    },\n    props: {\n      type: Object as PropType<any>,\n      default: undefined,\n    },\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup: (props: {\n    render?: any\n    props?: any\n    cell?: FlexRenderCell\n    header?: FlexRenderHeader\n    footer?: FlexRenderHeader\n  }) => {\n    return () => {\n      // New shorthand pattern: extract render and props from cell/header/footer\n      if (props.cell) {\n        const cell = props.cell\n        const def = cell.column.columnDef\n        // When the column-grouping feature is registered, a cell can be in\n        // one of three special modes that should not render `columnDef.cell`\n        // directly:\n        //   - aggregated: render `columnDef.aggregatedCell` (falling back to\n        //     `columnDef.cell` if the column did not define one)\n        //   - placeholder: a duplicate value within a group — render nothing\n        //   - grouped: fall through to `columnDef.cell`; consumers that want\n        //     a custom group header typically branch on `cell.getIsGrouped()`\n        //     themselves first\n        if (cell.getIsAggregated?.()) {\n          return flexRender(def.aggregatedCell ?? def.cell, cell.getContext())\n        }\n        if (cell.getIsPlaceholder?.()) {\n          return null\n        }\n        return flexRender(def.cell, cell.getContext())\n      }\n\n      if (props.header) {\n        return flexRender(\n          props.header.column.columnDef.header,\n          props.header.getContext(),\n        )\n      }\n\n      if (props.footer) {\n        return flexRender(\n          props.footer.column.columnDef.footer,\n          props.footer.getContext(),\n        )\n      }\n\n      // Legacy pattern: use render and props directly\n      return flexRender(props.render, props.props)\n    }\n  },\n})\n"],"mappings":";;;;;;;AA6BA,SAAgB,WAAW,QAAa,OAAiB;CACvD,IAAI,OAAO,WAAW,YAAY;EAChC,MAAM,WAAW,OAAO,KAAK;EAE7B,IAAI,QAAQ,QAAQ,GAClB,OAAO;EAGT,IAAI,OAAO,aAAa,cAAc,OAAO,aAAa,UACxD,OAAO,EAAE,UAAU,KAAK;EAG1B,OAAO;CACT;CAEA,IAAI,OAAO,WAAW,UACpB,OAAO,EAAE,QAAQ,KAAK;CAGxB,OAAO;AACT;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,gBAAgB;CACxC,OAAO;EACL,QAAQ;GACN,MAAM;IAAC;IAAU;IAAQ;GAAM;GAC/B,SAAS;EACX;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,QAAQ,UAMF;EACJ,aAAa;GAEX,IAAI,MAAM,MAAM;;IACd,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM,KAAK,OAAO;IAUxB,6BAAI,KAAK,wGAAkB,GACzB,OAAO,WAAW,IAAI,kBAAkB,IAAI,MAAM,KAAK,WAAW,CAAC;IAErE,6BAAI,KAAK,yGAAmB,GAC1B,OAAO;IAET,OAAO,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;GAC/C;GAEA,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAGF,IAAI,MAAM,QACR,OAAO,WACL,MAAM,OAAO,OAAO,UAAU,QAC9B,MAAM,OAAO,WAAW,CAC1B;GAIF,OAAO,WAAW,MAAM,QAAQ,MAAM,KAAK;EAC7C;CACF;AACF,CAAC"}

package/dist/createTableHook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable","mergeProxy"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\n\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: Component }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   rowModels: {},\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\n * })\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): VueTable<\n    TFeatures,\n    TData\n  > {\n    const table = inject(TableContext)\n\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const cell = inject(CellContext)\n\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell :cell=\"cell\">...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features' | 'rowModels'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions.features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createTableHook.cjs","names":["FlexRender","useTable","mergeProxy"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\n\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: Component }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   rowModels: {},\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\n * })\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): VueTable<\n    TFeatures,\n    TData\n  > {\n    const table = inject(TableContext)\n\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const cell = inject(CellContext)\n\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell :cell=\"cell\">...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features' | 'rowModels'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions.features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}

package/dist/createTableHook.d.cts

@@ -1,3 +1,4 @@
+import { FlexRenderCell, FlexRenderHeader } from "./FlexRender.cjs";
 import { TableOptionsWithReactiveData, VueTable } from "./useTable.cjs";
 import { AccessorFn, AccessorFnColumnDef, AccessorKeyColumnDef, Cell, CellContext, CellData, Column, ColumnDef, DeepKeys, DeepValue, DisplayColumnDef, GroupColumnDef, Header, IdentifiedColumnDef, NoInfer, Row, RowData, Table, TableFeatures, TableState } from "@tanstack/table-core";
 import { Component, PropType } from "vue";
@@ -67,36 +68,36 @@ type AppVueTable<TFeatures extends TableFeatures, TData extends RowData, TSelect
 };
 declare const AppFlexRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   cell: {
-    type: PropType<Cell<any, any, any>>;
+    type: PropType<FlexRenderCell>;
     default: undefined;
   };
   header: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
   footer: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   cell: {
-    type: PropType<Cell<any, any, any>>;
+    type: PropType<FlexRenderCell>;
     default: undefined;
   };
   header: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
   footer: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
 }>> & Readonly<{}>, {
-  cell: any;
-  header: any;
-  footer: any;
+  cell: FlexRenderCell;
+  header: FlexRenderHeader;
+  footer: FlexRenderHeader;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * Creates app-scoped Vue table helpers with features, row models, and

package/dist/createTableHook.d.ts

@@ -1,3 +1,4 @@
+import { FlexRenderCell, FlexRenderHeader } from "./FlexRender.js";
 import { TableOptionsWithReactiveData, VueTable } from "./useTable.js";
 import { Component, PropType } from "vue";
 import { AccessorFn, AccessorFnColumnDef, AccessorKeyColumnDef, Cell, CellContext, CellData, Column, ColumnDef, DeepKeys, DeepValue, DisplayColumnDef, GroupColumnDef, Header, IdentifiedColumnDef, NoInfer, Row, RowData, Table, TableFeatures, TableState } from "@tanstack/table-core";
@@ -67,36 +68,36 @@ type AppVueTable<TFeatures extends TableFeatures, TData extends RowData, TSelect
 };
 declare const AppFlexRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   cell: {
-    type: PropType<Cell<any, any, any>>;
+    type: PropType<FlexRenderCell>;
     default: undefined;
   };
   header: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
   footer: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   cell: {
-    type: PropType<Cell<any, any, any>>;
+    type: PropType<FlexRenderCell>;
     default: undefined;
   };
   header: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
   footer: {
-    type: PropType<Header<any, any, any>>;
+    type: PropType<FlexRenderHeader>;
     default: undefined;
   };
 }>> & Readonly<{}>, {
-  cell: any;
-  header: any;
-  footer: any;
+  cell: FlexRenderCell;
+  header: FlexRenderHeader;
+  footer: FlexRenderHeader;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * Creates app-scoped Vue table helpers with features, row models, and

package/dist/createTableHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\n\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: Component }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<Cell<any, any, any>>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<Header<any, any, any>>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   rowModels: {},\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\n * })\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): VueTable<\n    TFeatures,\n    TData\n  > {\n    const table = inject(TableContext)\n\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const cell = inject(CellContext)\n\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell :cell=\"cell\">...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features' | 'rowModels'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions.features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":";;;;;;;AAmOA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CACA,MAAM,OAAO;EACX,aAAa;GACX,IAAI,MAAM,MACR,OAAO,EAAE,YAAY;IACnB,QAAQ,MAAM,KAAK,OAAO,UAAU;IACpC,OAAO,MAAM,KAAK,WAAW;GAC/B,CAAC;GAGH,IAAI,MAAM,QACR,OAAO,EAAE,YAAY;IACnB,QAAQ,MAAM,OAAO,OAAO,UAAU;IACtC,OAAO,MAAM,OAAO,WAAW;GACjC,CAAC;GAGH,IAAI,MAAM,QACR,OAAO,EAAE,YAAY;IACnB,QAAQ,MAAM,OAAO,OAAO,UAAU;IACtC,OAAO,MAAM,OAAO,WAAW;GACjC,CAAC;GAGH,OAAO;EACT;CACF;AACF,CAAC;;;;;;;;;;;;;;;;;;;AAoBD,SAAgB,gBAKd,EACA,iBACA,gBACA,kBACA,GAAG,uBAMF;CACD,MAAM,eAAe,OAAO,cAAc;CAG1C,MAAM,cAAc,OAAO,aAAa;CAGxC,MAAM,gBAAgB,OAAO,eAAe;CAI5C,SAAS,wBAKP;EACA,OAAOA,mBAAyC;CAMlD;CAEA,SAAS,kBAGP;EACA,MAAM,QAAQ,OAAO,YAAY;EAEjC,IAAI,CAAC,OACH,MAAM,IAAI,MACR,iJAEF;EAGF,OAAO;CACT;CAEA,SAAS,iBAIP;EACA,MAAM,OAAO,OAAO,WAAW;EAE/B,IAAI,CAAC,MACH,MAAM,IAAI,MACR,4JAEF;EAGF,OAAO;CACT;CAEA,SAAS,mBAIP;EACA,MAAM,SAAS,OAAO,aAAa;EAEnC,IAAI,CAAC,QACH,MAAM,IAAI,MACR,iFACF;EAGF,OAAO;CACT;CAEA,MAAM,iBAAiB,gBAAgB;EACrC,MAAM;EACN,QAAQ;GACN,MAAM,OAAO,eAAe;GAC5B,aAAa,EAAE,eAAe,EAAE,KAAK,CAAC;EACxC;CACF,CAAC;CAED,MAAM,mBAAmB,gBAAgB;EACvC,MAAM;EACN,QAAQ;GACN,MAAM,SAAS,iBAAiB;GAChC,aAAa,EAAE,eAAe,EAAE,OAAO,CAAC;EAC1C;CACF,CAAC;CAED,MAAM,mBAAmB,gBAAgB;EACvC,MAAM;EACN,QAAQ;GACN,MAAM,SAAS,iBAAiB;GAChC,aAAa,EAAE,eAAe,EAAE,QAAQ,OAAO,CAAC;EAClD;CACF,CAAC;CAED,SAAS,YACP,cAWA;EAMA,MAAM,QAAQ,SALQ,WACpB,qBACA,YAGmD,CAAC;EAEtD,MAAM,WAAW,gBAAgB;GAC/B,MAAM;GACN,MAAM,GAAG,EAAE,SAAS;IAClB,QAAQ,cAAc,KAAK;IAC3B,aAAa;;KACX,yBAAO,MAAM,mFAAU;IACzB;GACF;EACF,CAAC;EAED,MAAM,UAAU,gBAAgB;GAC9B,MAAM;GACN,OAAO,EACL,MAAM;IACJ,MAAM;IACN,UAAU;GACZ,EACF;GACA,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,OAAO,MAAM;IAEnB,QAAQ,aAAa,IAAI;IAEzB,MAAM,eAAe,OAAO,OAAO,MAAM;KACvC,YAAY;KACZ,GAAI,kBAAkB,CAAC;IACzB,CAAC;IAGD,aAAa;;KACX,0BAAO,MAAM,uFAAU,EAAE,MAAM,aAAa,CAAC;IAC/C;GACF;EACF,CAAC;EAED,MAAM,YAAY,gBAAgB;GAChC,MAAM;GACN,OAAO,EACL,QAAQ;IACN,MAAM;IACN,UAAU;GACZ,EACF;GACA,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,SAAS,MAAM;IAErB,QAAQ,eAAe,MAAM;IAE7B,MAAM,iBAAiB,OAAO,OAAO,QAAQ;KAC3C,YAAY;KACZ,GAAI,oBAAoB,CAAC;IAC3B,CAAC;IAGD,aAAa;;KACX,0BAAO,MAAM,uFAAU,EAAE,QAAQ,eAAe,CAAC;IACnD;GACF;EACF,CAAC;EAED,MAAM,YAAY,gBAAgB;GAChC,MAAM;GACN,OAAO,EACL,QAAQ;IACN,MAAM;IACN,UAAU;GACZ,EACF;GACA,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,SAAS,MAAM;IAErB,QAAQ,eAAe,MAAM;IAE7B,MAAM,iBAAiB,OAAO,OAAO,QAAQ;KAC3C,YAAY;KACZ,GAAI,oBAAoB,CAAC;IAC3B,CAAC;IAGD,aAAa;;KACX,0BAAO,MAAM,uFAAU,EAAE,QAAQ,eAAe,CAAC;IACnD;GACF;EACF,CAAC;EAED,OAAO,OAAO,OAAO,OAAO;GAC1B;GACA;GACA;GACA;GACA,YAAY;GACZ,GAAI,mBAAmB,CAAC;EAC1B,CAAC;CAQH;CAEA,OAAO;EACL,aAAa,oBAAoB;EACjC;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"createTableHook.js","names":["coreCreateColumnHelper"],"sources":["../src/createTableHook.ts"],"sourcesContent":["import { createColumnHelper as coreCreateColumnHelper } from '@tanstack/table-core'\nimport { defineComponent, h, inject, provide } from 'vue'\nimport { FlexRender } from './FlexRender'\nimport { mergeProxy } from './merge-proxy'\nimport { useTable } from './useTable'\nimport type { TableOptionsWithReactiveData, VueTable } from './useTable'\nimport type { FlexRenderCell, FlexRenderHeader } from './FlexRender'\nimport type { Component, InjectionKey, PropType, VNodeChild } from 'vue'\nimport type {\n  AccessorFn,\n  AccessorFnColumnDef,\n  AccessorKeyColumnDef,\n  Cell,\n  CellContext,\n  CellData,\n  Column,\n  ColumnDef,\n  DeepKeys,\n  DeepValue,\n  DisplayColumnDef,\n  GroupColumnDef,\n  Header,\n  IdentifiedColumnDef,\n  NoInfer,\n  Row,\n  RowData,\n  Table,\n  TableFeatures,\n  TableState,\n} from '@tanstack/table-core'\n\nexport type ComponentType<T extends Record<string, any>> = Component<T>\n\nexport type AppCellContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n> = {\n  cell: Cell<TFeatures, TData, TValue> &\n    TCellComponents & { FlexRender: Component }\n  column: Column<TFeatures, TData, TValue>\n  getValue: CellContext<TFeatures, TData, TValue>['getValue']\n  renderValue: CellContext<TFeatures, TData, TValue>['renderValue']\n  row: Row<TFeatures, TData>\n  table: Table<TFeatures, TData>\n}\n\nexport type AppHeaderContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  column: Column<TFeatures, TData, TValue>\n  header: Header<TFeatures, TData, TValue> &\n    THeaderComponents & { FlexRender: Component }\n  table: Table<TFeatures, TData>\n}\n\nexport type AppColumnDefTemplate<TProps extends object> =\n  | string\n  | ((props: TProps) => any)\n\nexport type AppColumnDefBase<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  IdentifiedColumnDef<TFeatures, TData, TValue>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, TValue, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, TValue, THeaderComponents>\n  >\n}\n\nexport type AppDisplayColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  DisplayColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n}\n\nexport type AppGroupColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  GroupColumnDef<TFeatures, TData, unknown>,\n  'cell' | 'header' | 'footer' | 'columns'\n> & {\n  cell?: AppColumnDefTemplate<\n    AppCellContext<TFeatures, TData, unknown, TCellComponents>\n  >\n  header?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  footer?: AppColumnDefTemplate<\n    AppHeaderContext<TFeatures, TData, unknown, THeaderComponents>\n  >\n  columns?: Array<ColumnDef<TFeatures, TData, unknown>>\n}\n\nexport type AppColumnHelper<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = {\n  accessor: <\n    TAccessor extends AccessorFn<TData> | DeepKeys<TData>,\n    TValue extends TAccessor extends AccessorFn<TData, infer TReturn>\n      ? TReturn\n      : TAccessor extends DeepKeys<TData>\n        ? DeepValue<TData, TAccessor>\n        : never,\n  >(\n    accessor: TAccessor,\n    column: TAccessor extends AccessorFn<TData>\n      ? AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        > & { id: string }\n      : AppColumnDefBase<\n          TFeatures,\n          TData,\n          TValue,\n          TCellComponents,\n          THeaderComponents\n        >,\n  ) => TAccessor extends AccessorFn<TData>\n    ? AccessorFnColumnDef<TFeatures, TData, TValue>\n    : AccessorKeyColumnDef<TFeatures, TData, TValue>\n  columns: <TColumns extends ReadonlyArray<ColumnDef<TFeatures, TData, any>>>(\n    columns: [...TColumns],\n  ) => Array<ColumnDef<TFeatures, TData, any>> & [...TColumns]\n  display: (\n    column: AppDisplayColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => DisplayColumnDef<TFeatures, TData, unknown>\n  group: (\n    column: AppGroupColumnDef<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >,\n  ) => GroupColumnDef<TFeatures, TData, unknown>\n}\n\nexport type CreateTableHookOptions<\n  TFeatures extends TableFeatures,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = Omit<\n  TableOptionsWithReactiveData<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  tableComponents?: TTableComponents\n  cellComponents?: TCellComponents\n  headerComponents?: THeaderComponents\n}\n\nexport interface AppTableProps {}\n\nexport interface AppCellProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  cell: Cell<TFeatures, TData, TValue>\n}\n\nexport interface AppHeaderProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> {\n  header: Header<TFeatures, TData, TValue>\n}\n\nexport type AppVueTable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TSelected,\n  TTableComponents extends Record<string, ComponentType<any>>,\n  TCellComponents extends Record<string, ComponentType<any>>,\n  THeaderComponents extends Record<string, ComponentType<any>>,\n> = VueTable<TFeatures, TData> &\n  NoInfer<TTableComponents> & {\n    AppTable: Component<AppTableProps>\n    AppCell: Component<AppCellProps<TFeatures, TData>>\n    AppHeader: Component<AppHeaderProps<TFeatures, TData>>\n    AppFooter: Component<AppHeaderProps<TFeatures, TData>>\n    FlexRender: typeof AppFlexRender\n  }\n\nexport const AppFlexRender = defineComponent({\n  name: 'TableFlexRender',\n  props: {\n    cell: {\n      type: Object as PropType<FlexRenderCell>,\n      default: undefined,\n    },\n    header: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n    footer: {\n      type: Object as PropType<FlexRenderHeader>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      if (props.cell) {\n        return h(FlexRender, {\n          render: props.cell.column.columnDef.cell,\n          props: props.cell.getContext(),\n        })\n      }\n\n      if (props.header) {\n        return h(FlexRender, {\n          render: props.header.column.columnDef.header,\n          props: props.header.getContext(),\n        })\n      }\n\n      if (props.footer) {\n        return h(FlexRender, {\n          render: props.footer.column.columnDef.footer,\n          props: props.footer.getContext(),\n        })\n      }\n\n      return null\n    }\n  },\n})\n\n/**\n * Creates app-scoped Vue table helpers with features, row models, and\n * renderable component maps pre-bound.\n *\n * Use this when an app or design system wants typed `useAppTable`, a pre-bound\n * column helper, and context helpers for table, cell, and header components.\n *\n * @example\n * ```ts\n * const { useAppTable, createAppColumnHelper } = createTableHook({\n *   features,\n *   rowModels: {},\n *   tableComponents: {},\n *   cellComponents: {},\n *   headerComponents: {},\n * })\n * ```\n */\nexport function createTableHook<\n  TFeatures extends TableFeatures,\n  const TTableComponents extends Record<string, ComponentType<any>>,\n  const TCellComponents extends Record<string, ComponentType<any>>,\n  const THeaderComponents extends Record<string, ComponentType<any>>,\n>({\n  tableComponents,\n  cellComponents,\n  headerComponents,\n  ...defaultTableOptions\n}: CreateTableHookOptions<\n  TFeatures,\n  TTableComponents,\n  TCellComponents,\n  THeaderComponents\n>) {\n  const TableContext = Symbol('TableContext') as InjectionKey<\n    VueTable<TFeatures, any>\n  >\n  const CellContext = Symbol('CellContext') as InjectionKey<\n    Cell<TFeatures, any, any>\n  >\n  const HeaderContext = Symbol('HeaderContext') as InjectionKey<\n    Header<TFeatures, any, any>\n  >\n\n  function createAppColumnHelper<TData extends RowData>(): AppColumnHelper<\n    TFeatures,\n    TData,\n    TCellComponents,\n    THeaderComponents\n  > {\n    return coreCreateColumnHelper<TFeatures, TData>() as AppColumnHelper<\n      TFeatures,\n      TData,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  function useTableContext<TData extends RowData = RowData>(): VueTable<\n    TFeatures,\n    TData\n  > {\n    const table = inject(TableContext)\n\n    if (!table) {\n      throw new Error(\n        '`useTableContext` must be used within an `AppTable` component. ' +\n          'Make sure your component is wrapped with `<table.AppTable>...</table.AppTable>`.',\n      )\n    }\n\n    return table as VueTable<TFeatures, TData>\n  }\n\n  function useCellContext<TValue extends CellData = CellData>(): Cell<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const cell = inject(CellContext)\n\n    if (!cell) {\n      throw new Error(\n        '`useCellContext` must be used within an `AppCell` component. ' +\n          'Make sure your component is wrapped with `<table.AppCell :cell=\"cell\">...</table.AppCell>`.',\n      )\n    }\n\n    return cell as Cell<TFeatures, any, TValue>\n  }\n\n  function useHeaderContext<TValue extends CellData = CellData>(): Header<\n    TFeatures,\n    any,\n    TValue\n  > {\n    const header = inject(HeaderContext)\n\n    if (!header) {\n      throw new Error(\n        '`useHeaderContext` must be used within an `AppHeader` or `AppFooter` component.',\n      )\n    }\n\n    return header as Header<TFeatures, any, TValue>\n  }\n\n  const CellFlexRender = defineComponent({\n    name: 'AppCellFlexRender',\n    setup() {\n      const cell = useCellContext()\n      return () => h(AppFlexRender, { cell })\n    },\n  })\n\n  const HeaderFlexRender = defineComponent({\n    name: 'AppHeaderFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { header })\n    },\n  })\n\n  const FooterFlexRender = defineComponent({\n    name: 'AppFooterFlexRender',\n    setup() {\n      const header = useHeaderContext()\n      return () => h(AppFlexRender, { footer: header })\n    },\n  })\n\n  function useAppTable<TData extends RowData>(\n    tableOptions: Omit<\n      TableOptionsWithReactiveData<TFeatures, TData>,\n      'features' | 'rowModels'\n    >,\n  ): AppVueTable<\n    TFeatures,\n    TData,\n    TableState<TFeatures>,\n    TTableComponents,\n    TCellComponents,\n    THeaderComponents\n  > {\n    const mergedOptions = mergeProxy(\n      defaultTableOptions,\n      tableOptions,\n    ) as TableOptionsWithReactiveData<TFeatures, TData>\n\n    const table = useTable<TFeatures, TData>(mergedOptions)\n\n    const AppTable = defineComponent({\n      name: 'AppTable',\n      setup(_, { slots }) {\n        provide(TableContext, table)\n        return () => {\n          return slots.default?.()\n        }\n      },\n    })\n\n    const AppCell = defineComponent({\n      name: 'AppCell',\n      props: {\n        cell: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const cell = props.cell as Cell<TFeatures, TData, any>\n\n        provide(CellContext, cell)\n\n        const extendedCell = Object.assign(cell, {\n          FlexRender: CellFlexRender,\n          ...(cellComponents ?? {}),\n        }) as Cell<TFeatures, TData, any> &\n          TCellComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ cell: extendedCell })\n        }\n      },\n    })\n\n    const AppHeader = defineComponent({\n      name: 'AppHeader',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: HeaderFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    const AppFooter = defineComponent({\n      name: 'AppFooter',\n      props: {\n        header: {\n          type: Object as PropType<object>,\n          required: true,\n        },\n      },\n      setup(props, { slots }) {\n        const header = props.header as Header<TFeatures, TData, any>\n\n        provide(HeaderContext, header)\n\n        const extendedHeader = Object.assign(header, {\n          FlexRender: FooterFlexRender,\n          ...(headerComponents ?? {}),\n        }) as Header<TFeatures, TData, any> &\n          THeaderComponents & { FlexRender: Component }\n\n        return () => {\n          return slots.default?.({ header: extendedHeader })\n        }\n      },\n    })\n\n    return Object.assign(table, {\n      AppTable,\n      AppCell,\n      AppHeader,\n      AppFooter,\n      FlexRender: AppFlexRender,\n      ...(tableComponents ?? {}),\n    }) as AppVueTable<\n      TFeatures,\n      TData,\n      TableState<TFeatures>,\n      TTableComponents,\n      TCellComponents,\n      THeaderComponents\n    >\n  }\n\n  return {\n    appFeatures: defaultTableOptions.features as TFeatures,\n    createAppColumnHelper,\n    useAppTable,\n    useTableContext,\n    useCellContext,\n    useHeaderContext,\n  }\n}\n"],"mappings":"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"}

package/dist/flex-render.d.cts

@@ -1,2 +1,2 @@
-import { FlexRender, flexRender } from "./FlexRender.cjs";
-export { FlexRender, flexRender };
+import { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender } from "./FlexRender.cjs";
+export { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender };

package/dist/flex-render.d.ts

@@ -1,2 +1,2 @@
-import { FlexRender, flexRender } from "./FlexRender.js";
-export { FlexRender, flexRender };
+import { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender } from "./FlexRender.js";
+export { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender };

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { FlexRender, flexRender } from "./FlexRender.cjs";
+import { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender } from "./FlexRender.cjs";
 import { TableOptionsWithReactiveData, VueTable, useTable } from "./useTable.cjs";
 import { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, createTableHook } from "./createTableHook.cjs";
 export * from "@tanstack/table-core";
-export { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, FlexRender, TableOptionsWithReactiveData, VueTable, createTableHook, flexRender, useTable };
+export { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, FlexRender, FlexRenderCell, FlexRenderHeader, TableOptionsWithReactiveData, VueTable, createTableHook, flexRender, useTable };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { FlexRender, flexRender } from "./FlexRender.js";
+import { FlexRender, FlexRenderCell, FlexRenderHeader, flexRender } from "./FlexRender.js";
 import { TableOptionsWithReactiveData, VueTable, useTable } from "./useTable.js";
 import { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, createTableHook } from "./createTableHook.js";
 export * from "@tanstack/table-core";
-export { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, FlexRender, TableOptionsWithReactiveData, VueTable, createTableHook, flexRender, useTable };
+export { AppCellContext, AppCellProps, AppColumnDefBase, AppColumnDefTemplate, AppColumnHelper, AppDisplayColumnDef, AppFlexRender, AppGroupColumnDef, AppHeaderContext, AppHeaderProps, AppTableProps, AppVueTable, ComponentType, CreateTableHookOptions, FlexRender, FlexRenderCell, FlexRenderHeader, TableOptionsWithReactiveData, VueTable, createTableHook, flexRender, useTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-table",
-  "version": "9.0.0-beta.4",
+  "version": "9.0.0-beta.5",
   "description": "Headless UI for building powerful tables & datagrids for Vue.",
   "author": "Tanner Linsley",
   "license": "MIT",

package/src/FlexRender.ts

@@ -1,12 +1,27 @@
 import { defineComponent, h, isVNode } from 'vue'
 import type { PropType } from 'vue'
-import type {
-  Cell,
-  CellData,
-  Header,
-  RowData,
-  TableFeatures,
-} from '@tanstack/table-core'
+
+export interface FlexRenderCell {
+  column: {
+    columnDef: {
+      aggregatedCell?: any
+      cell?: any
+    }
+  }
+  getContext: () => any
+  getIsAggregated?: () => boolean
+  getIsPlaceholder?: () => boolean
+}
+
+export interface FlexRenderHeader {
+  column: {
+    columnDef: {
+      footer?: any
+      header?: any
+    }
+  }
+  getContext: () => any
+}
 
 /**
  * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
@@ -60,24 +75,24 @@ export const FlexRender = defineComponent({
       default: undefined,
     },
     cell: {
-      type: Object as PropType<Cell<any, any, any>>,
+      type: Object as PropType<FlexRenderCell>,
       default: undefined,
     },
     header: {
-      type: Object as PropType<Header<any, any, any>>,
+      type: Object as PropType<FlexRenderHeader>,
       default: undefined,
     },
     footer: {
-      type: Object as PropType<Header<any, any, any>>,
+      type: Object as PropType<FlexRenderHeader>,
       default: undefined,
     },
   },
   setup: (props: {
     render?: any
     props?: any
-    cell?: Cell<any, any, any>
-    header?: Header<any, any, any>
-    footer?: Header<any, any, any>
+    cell?: FlexRenderCell
+    header?: FlexRenderHeader
+    footer?: FlexRenderHeader
   }) => {
     return () => {
       // New shorthand pattern: extract render and props from cell/header/footer

package/src/createTableHook.ts

@@ -4,6 +4,7 @@ import { FlexRender } from './FlexRender'
 import { mergeProxy } from './merge-proxy'
 import { useTable } from './useTable'
 import type { TableOptionsWithReactiveData, VueTable } from './useTable'
+import type { FlexRenderCell, FlexRenderHeader } from './FlexRender'
 import type { Component, InjectionKey, PropType, VNodeChild } from 'vue'
 import type {
   AccessorFn,
@@ -229,15 +230,15 @@ export const AppFlexRender = defineComponent({
   name: 'TableFlexRender',
   props: {
     cell: {
-      type: Object as PropType<Cell<any, any, any>>,
+      type: Object as PropType<FlexRenderCell>,
       default: undefined,
     },
     header: {
-      type: Object as PropType<Header<any, any, any>>,
+      type: Object as PropType<FlexRenderHeader>,
       default: undefined,
     },
     footer: {
-      type: Object as PropType<Header<any, any, any>>,
+      type: Object as PropType<FlexRenderHeader>,
       default: undefined,
     },
   },