@tanstack/table-core 9.0.0-alpha.0 → 9.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/cjs/aggregationFns.cjs +4 -8
  2. package/dist/cjs/aggregationFns.cjs.map +1 -1
  3. package/dist/cjs/core/cell.cjs +3 -3
  4. package/dist/cjs/core/cell.cjs.map +1 -1
  5. package/dist/cjs/core/cell.d.cts +1 -1
  6. package/dist/cjs/core/column.cjs +3 -3
  7. package/dist/cjs/core/column.cjs.map +1 -1
  8. package/dist/cjs/core/column.d.cts +1 -1
  9. package/dist/cjs/core/headers.cjs +5 -5
  10. package/dist/cjs/core/headers.cjs.map +1 -1
  11. package/dist/cjs/core/row.cjs +5 -6
  12. package/dist/cjs/core/row.cjs.map +1 -1
  13. package/dist/cjs/core/row.d.cts +1 -1
  14. package/dist/cjs/core/table.cjs +11 -7
  15. package/dist/cjs/core/table.cjs.map +1 -1
  16. package/dist/cjs/core/table.d.cts +9 -1
  17. package/dist/cjs/features/ColumnFaceting.cjs +1 -1
  18. package/dist/cjs/features/ColumnFaceting.cjs.map +1 -1
  19. package/dist/cjs/features/ColumnFiltering.cjs +6 -6
  20. package/dist/cjs/features/ColumnFiltering.cjs.map +1 -1
  21. package/dist/cjs/features/ColumnGrouping.cjs +8 -9
  22. package/dist/cjs/features/ColumnGrouping.cjs.map +1 -1
  23. package/dist/cjs/features/ColumnOrdering.cjs +4 -4
  24. package/dist/cjs/features/ColumnOrdering.cjs.map +1 -1
  25. package/dist/cjs/features/ColumnPinning.cjs +5 -5
  26. package/dist/cjs/features/ColumnPinning.cjs.map +1 -1
  27. package/dist/cjs/features/ColumnSizing.cjs +7 -8
  28. package/dist/cjs/features/ColumnSizing.cjs.map +1 -1
  29. package/dist/cjs/features/ColumnVisibility.cjs +5 -5
  30. package/dist/cjs/features/ColumnVisibility.cjs.map +1 -1
  31. package/dist/cjs/features/GlobalFaceting.cjs +1 -1
  32. package/dist/cjs/features/GlobalFaceting.cjs.map +1 -1
  33. package/dist/cjs/features/GlobalFiltering.cjs +4 -4
  34. package/dist/cjs/features/GlobalFiltering.cjs.map +1 -1
  35. package/dist/cjs/features/RowExpanding.cjs +6 -8
  36. package/dist/cjs/features/RowExpanding.cjs.map +1 -1
  37. package/dist/cjs/features/RowPagination.cjs +4 -5
  38. package/dist/cjs/features/RowPagination.cjs.map +1 -1
  39. package/dist/cjs/features/RowPinning.cjs +31 -32
  40. package/dist/cjs/features/RowPinning.cjs.map +1 -1
  41. package/dist/cjs/features/RowPinning.d.cts +1 -1
  42. package/dist/cjs/features/RowSelection.cjs +6 -8
  43. package/dist/cjs/features/RowSelection.cjs.map +1 -1
  44. package/dist/cjs/features/RowSorting.cjs +6 -7
  45. package/dist/cjs/features/RowSorting.cjs.map +1 -1
  46. package/dist/cjs/filterFns.cjs.map +1 -1
  47. package/dist/cjs/index.cjs +5 -4
  48. package/dist/cjs/index.cjs.map +1 -1
  49. package/dist/cjs/types.d.cts +8 -8
  50. package/dist/cjs/utils/filterRowsUtils.cjs +2 -2
  51. package/dist/cjs/utils/filterRowsUtils.cjs.map +1 -1
  52. package/dist/cjs/utils/getCoreRowModel.cjs +1 -1
  53. package/dist/cjs/utils/getCoreRowModel.cjs.map +1 -1
  54. package/dist/cjs/utils/getFacetedMinMaxValues.cjs +1 -2
  55. package/dist/cjs/utils/getFacetedMinMaxValues.cjs.map +1 -1
  56. package/dist/cjs/utils/getFacetedUniqueValues.cjs +1 -2
  57. package/dist/cjs/utils/getFacetedUniqueValues.cjs.map +1 -1
  58. package/dist/cjs/utils/getGroupedRowModel.cjs +1 -1
  59. package/dist/cjs/utils/getGroupedRowModel.cjs.map +1 -1
  60. package/dist/cjs/utils/getSortedRowModel.cjs +3 -6
  61. package/dist/cjs/utils/getSortedRowModel.cjs.map +1 -1
  62. package/dist/cjs/utils.cjs +2 -4
  63. package/dist/cjs/utils.cjs.map +1 -1
  64. package/dist/esm/aggregationFns.js +4 -8
  65. package/dist/esm/aggregationFns.js.map +1 -1
  66. package/dist/esm/core/cell.d.ts +1 -1
  67. package/dist/esm/core/cell.js +3 -3
  68. package/dist/esm/core/cell.js.map +1 -1
  69. package/dist/esm/core/column.d.ts +1 -1
  70. package/dist/esm/core/column.js +3 -3
  71. package/dist/esm/core/column.js.map +1 -1
  72. package/dist/esm/core/headers.js +5 -5
  73. package/dist/esm/core/headers.js.map +1 -1
  74. package/dist/esm/core/row.d.ts +1 -1
  75. package/dist/esm/core/row.js +6 -7
  76. package/dist/esm/core/row.js.map +1 -1
  77. package/dist/esm/core/table.d.ts +9 -1
  78. package/dist/esm/core/table.js +12 -8
  79. package/dist/esm/core/table.js.map +1 -1
  80. package/dist/esm/features/ColumnFaceting.js +1 -1
  81. package/dist/esm/features/ColumnFaceting.js.map +1 -1
  82. package/dist/esm/features/ColumnFiltering.js +6 -6
  83. package/dist/esm/features/ColumnFiltering.js.map +1 -1
  84. package/dist/esm/features/ColumnGrouping.js +8 -9
  85. package/dist/esm/features/ColumnGrouping.js.map +1 -1
  86. package/dist/esm/features/ColumnOrdering.js +4 -4
  87. package/dist/esm/features/ColumnOrdering.js.map +1 -1
  88. package/dist/esm/features/ColumnPinning.js +5 -5
  89. package/dist/esm/features/ColumnPinning.js.map +1 -1
  90. package/dist/esm/features/ColumnSizing.js +7 -8
  91. package/dist/esm/features/ColumnSizing.js.map +1 -1
  92. package/dist/esm/features/ColumnVisibility.js +5 -5
  93. package/dist/esm/features/ColumnVisibility.js.map +1 -1
  94. package/dist/esm/features/GlobalFaceting.js +1 -1
  95. package/dist/esm/features/GlobalFaceting.js.map +1 -1
  96. package/dist/esm/features/GlobalFiltering.js +4 -4
  97. package/dist/esm/features/GlobalFiltering.js.map +1 -1
  98. package/dist/esm/features/RowExpanding.js +6 -8
  99. package/dist/esm/features/RowExpanding.js.map +1 -1
  100. package/dist/esm/features/RowPagination.js +4 -5
  101. package/dist/esm/features/RowPagination.js.map +1 -1
  102. package/dist/esm/features/RowPinning.d.ts +1 -1
  103. package/dist/esm/features/RowPinning.js +31 -32
  104. package/dist/esm/features/RowPinning.js.map +1 -1
  105. package/dist/esm/features/RowSelection.js +6 -8
  106. package/dist/esm/features/RowSelection.js.map +1 -1
  107. package/dist/esm/features/RowSorting.js +6 -7
  108. package/dist/esm/features/RowSorting.js.map +1 -1
  109. package/dist/esm/filterFns.js.map +1 -1
  110. package/dist/esm/index.js +10 -9
  111. package/dist/esm/types.d.ts +8 -8
  112. package/dist/esm/utils/filterRowsUtils.js +3 -3
  113. package/dist/esm/utils/filterRowsUtils.js.map +1 -1
  114. package/dist/esm/utils/getCoreRowModel.js +2 -2
  115. package/dist/esm/utils/getCoreRowModel.js.map +1 -1
  116. package/dist/esm/utils/getFacetedMinMaxValues.js +1 -2
  117. package/dist/esm/utils/getFacetedMinMaxValues.js.map +1 -1
  118. package/dist/esm/utils/getFacetedUniqueValues.js +1 -2
  119. package/dist/esm/utils/getFacetedUniqueValues.js.map +1 -1
  120. package/dist/esm/utils/getGroupedRowModel.js +2 -2
  121. package/dist/esm/utils/getGroupedRowModel.js.map +1 -1
  122. package/dist/esm/utils/getSortedRowModel.js +3 -6
  123. package/dist/esm/utils/getSortedRowModel.js.map +1 -1
  124. package/dist/esm/utils.js +2 -4
  125. package/dist/esm/utils.js.map +1 -1
  126. package/package.json +1 -1
  127. package/src/core/cell.ts +2 -2
  128. package/src/core/column.ts +2 -2
  129. package/src/core/headers.ts +5 -5
  130. package/src/core/row.ts +4 -4
  131. package/src/core/table.ts +43 -7
  132. package/src/features/ColumnFaceting.ts +1 -1
  133. package/src/features/ColumnFiltering.ts +6 -6
  134. package/src/features/ColumnGrouping.ts +7 -7
  135. package/src/features/ColumnOrdering.ts +4 -4
  136. package/src/features/ColumnPinning.ts +5 -5
  137. package/src/features/ColumnSizing.ts +6 -6
  138. package/src/features/ColumnVisibility.ts +5 -5
  139. package/src/features/GlobalFaceting.ts +1 -1
  140. package/src/features/GlobalFiltering.ts +4 -4
  141. package/src/features/RowExpanding.ts +4 -4
  142. package/src/features/RowPagination.ts +3 -3
  143. package/src/features/RowPinning.ts +39 -35
  144. package/src/features/RowSelection.ts +4 -4
  145. package/src/features/RowSorting.ts +5 -5
  146. package/src/filterFns.ts +2 -2
  147. package/src/types.ts +8 -8
  148. package/src/utils/filterRowsUtils.ts +3 -3
  149. package/src/utils/getCoreRowModel.ts +2 -2
  150. package/src/utils/getGroupedRowModel.ts +2 -2
  151. package/src/utils/getSortedRowModel.ts +2 -2
  152. package/src/utils.ts +6 -5
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnGrouping.js","sources":["../../../src/features/ColumnGrouping.ts"],"sourcesContent":["import { RowModel } from '..'\nimport { BuiltInAggregationFn, aggregationFns } from '../aggregationFns'\nimport {\n AggregationFns,\n Cell,\n Column,\n ColumnDefTemplate,\n OnChangeFn,\n Row,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '../types'\nimport { isFunction, makeStateUpdater } from '../utils'\n\nexport type GroupingState = string[]\n\nexport interface GroupingTableState {\n grouping: GroupingState\n}\n\nexport type AggregationFn<TData extends RowData> = (\n columnId: string,\n leafRows: Row<TData>[],\n childRows: Row<TData>[]\n) => any\n\nexport type CustomAggregationFns = Record<string, AggregationFn<any>>\n\nexport type AggregationFnOption<TData extends RowData> =\n | 'auto'\n | keyof AggregationFns\n | BuiltInAggregationFn\n | AggregationFn<TData>\n\nexport interface GroupingColumnDef<TData extends RowData, TValue> {\n /**\n * The cell to display each row for the column if the cell is an aggregate. If a function is passed, it will be passed a props object with the context of the cell and should return the property type for your adapter (the exact type depends on the adapter being used).\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#aggregatedcell)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n aggregatedCell?: ColumnDefTemplate<\n ReturnType<Cell<TData, TValue>['getContext']>\n >\n /**\n * The resolved aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#aggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n aggregationFn?: AggregationFnOption<TData>\n /**\n * Enables/disables grouping for this column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#enablegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n enableGrouping?: boolean\n /**\n * Specify a value to be used for grouping rows on this column. If this option is not specified, the value derived from `accessorKey` / `accessorFn` will be used instead.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupingValue?: (row: TData) => any\n}\n\nexport interface GroupingColumn<TData extends RowData> {\n /**\n * Returns the aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getaggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getAggregationFn: () => AggregationFn<TData> | undefined\n /**\n * Returns the automatically inferred aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getautoaggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getAutoAggregationFn: () => AggregationFn<TData> | undefined\n /**\n * Returns whether or not the column can be grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getcangroup)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getCanGroup: () => boolean\n /**\n * Returns the index of the column in the grouping state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedIndex: () => number\n /**\n * Returns whether or not the column is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * Returns a function that toggles the grouping state of the column. This is useful for passing to the `onClick` prop of a button.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#gettogglegroupinghandler)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getToggleGroupingHandler: () => () => void\n /**\n * Toggles the grouping state of the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#togglegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n toggleGrouping: () => void\n}\n\nexport interface GroupingRow {\n _groupingValuesCache: Record<string, any>\n /**\n * Returns the grouping value for any row and column (including leaf rows).\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupingValue: (columnId: string) => unknown\n /**\n * Returns whether or not the row is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * If this row is grouped, this is the id of the column that this row is grouped by.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupingcolumnid)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupingColumnId?: string\n /**\n * If this row is grouped, this is the unique/shared value for the `groupingColumnId` for all of the rows in this group.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupingValue?: unknown\n}\n\nexport interface GroupingCell {\n /**\n * Returns whether or not the cell is currently aggregated.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisaggregated)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsAggregated: () => boolean\n /**\n * Returns whether or not the cell is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * Returns whether or not the cell is currently a placeholder cell.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisplaceholder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsPlaceholder: () => boolean\n}\n\nexport interface ColumnDefaultOptions {\n enableGrouping: boolean\n onGroupingChange: OnChangeFn<GroupingState>\n}\n\ninterface GroupingOptionsBase {\n /**\n * Enables/disables grouping for the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#enablegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n enableGrouping?: boolean\n /**\n * Returns the row model after grouping has taken place, but no further.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedRowModel?: (table: Table<any>) => () => RowModel<any>\n /**\n * Grouping columns are automatically reordered by default to the start of the columns list. If you would rather remove them or leave them as-is, set the appropriate mode here.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupedcolumnmode)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupedColumnMode?: false | 'reorder' | 'remove'\n /**\n * Enables manual grouping. If this option is set to `true`, the table will not automatically group rows using `getGroupedRowModel()` and instead will expect you to manually group the rows before passing them to the table. This is useful if you are doing server-side grouping and aggregation.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#manualgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n manualGrouping?: boolean\n /**\n * If this function is provided, it will be called when the grouping state changes and you will be expected to manage the state yourself. You can pass the managed state back to the table via the `tableOptions.state.grouping` option.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#ongroupingchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n onGroupingChange?: OnChangeFn<GroupingState>\n}\n\ntype ResolvedAggregationFns = keyof AggregationFns extends never\n ? {\n aggregationFns?: Record<string, AggregationFn<any>>\n }\n : {\n aggregationFns: Record<keyof AggregationFns, AggregationFn<any>>\n }\n\nexport interface GroupingOptions\n extends GroupingOptionsBase,\n ResolvedAggregationFns {}\n\nexport type GroupingColumnMode = false | 'reorder' | 'remove'\n\nexport interface GroupingInstance<TData extends RowData> {\n _getGroupedRowModel?: () => RowModel<TData>\n /**\n * Returns the row model for the table after grouping has been applied.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedRowModel: () => RowModel<TData>\n /**\n * Returns the row model for the table before any grouping has been applied.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getpregroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getPreGroupedRowModel: () => RowModel<TData>\n /**\n * Resets the **grouping** state to `initialState.grouping`, or `true` can be passed to force a default blank state reset to `[]`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#resetgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n resetGrouping: (defaultState?: boolean) => void\n /**\n * Updates the grouping state of the table via an update function or value.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#setgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n setGrouping: (updater: Updater<GroupingState>) => void\n}\n\n//\n\nexport const ColumnGrouping: TableFeature = {\n getDefaultColumnDef: <TData extends RowData>(): GroupingColumnDef<\n TData,\n unknown\n > => {\n return {\n aggregatedCell: props => (props.getValue() as any)?.toString?.() ?? null,\n aggregationFn: 'auto',\n }\n },\n\n getInitialState: (state): GroupingTableState => {\n return {\n grouping: [],\n ...state,\n }\n },\n\n getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): GroupingOptions => {\n return {\n onGroupingChange: makeStateUpdater('grouping', table),\n groupedColumnMode: 'reorder',\n }\n },\n\n createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.toggleGrouping = () => {\n table.setGrouping(old => {\n // Find any existing grouping for this column\n if (old?.includes(column.id)) {\n return old.filter(d => d !== column.id)\n }\n\n return [...(old ?? []), column.id]\n })\n }\n\n column.getCanGroup = () => {\n return (\n (column.columnDef.enableGrouping ?? true) &&\n (table.options.enableGrouping ?? true) &&\n (!!column.accessorFn || !!column.columnDef.getGroupingValue)\n )\n }\n\n column.getIsGrouped = () => {\n return table.getState().grouping?.includes(column.id)\n }\n\n column.getGroupedIndex = () => table.getState().grouping?.indexOf(column.id)\n\n column.getToggleGroupingHandler = () => {\n const canGroup = column.getCanGroup()\n\n return () => {\n if (!canGroup) return\n column.toggleGrouping()\n }\n }\n column.getAutoAggregationFn = () => {\n const firstRow = table.getCoreRowModel().flatRows[0]\n\n const value = firstRow?.getValue(column.id)\n\n if (typeof value === 'number') {\n return aggregationFns.sum\n }\n\n if (Object.prototype.toString.call(value) === '[object Date]') {\n return aggregationFns.extent\n }\n }\n column.getAggregationFn = () => {\n if (!column) {\n throw new Error()\n }\n\n return isFunction(column.columnDef.aggregationFn)\n ? column.columnDef.aggregationFn\n : column.columnDef.aggregationFn === 'auto'\n ? column.getAutoAggregationFn()\n : table.options.aggregationFns?.[\n column.columnDef.aggregationFn as string\n ] ??\n aggregationFns[\n column.columnDef.aggregationFn as BuiltInAggregationFn\n ]\n }\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setGrouping = updater => table.options.onGroupingChange?.(updater)\n\n table.resetGrouping = defaultState => {\n table.setGrouping(defaultState ? [] : table.initialState?.grouping ?? [])\n }\n\n table.getPreGroupedRowModel = () => table.getFilteredRowModel()\n table.getGroupedRowModel = () => {\n if (!table._getGroupedRowModel && table.options.getGroupedRowModel) {\n table._getGroupedRowModel = table.options.getGroupedRowModel(table)\n }\n\n if (table.options.manualGrouping || !table._getGroupedRowModel) {\n return table.getPreGroupedRowModel()\n }\n\n return table._getGroupedRowModel()\n }\n },\n\n createRow: <TData extends RowData>(\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n row.getIsGrouped = () => !!row.groupingColumnId\n row.getGroupingValue = columnId => {\n if (row._groupingValuesCache.hasOwnProperty(columnId)) {\n return row._groupingValuesCache[columnId]\n }\n\n const column = table.getColumn(columnId)\n\n if (!column?.columnDef.getGroupingValue) {\n return row.getValue(columnId)\n }\n\n row._groupingValuesCache[columnId] = column.columnDef.getGroupingValue(\n row.original\n )\n\n return row._groupingValuesCache[columnId]\n }\n row._groupingValuesCache = {}\n },\n\n createCell: <TData extends RowData, TValue>(\n cell: Cell<TData, TValue>,\n column: Column<TData, TValue>,\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n const getRenderValue = () =>\n cell.getValue() ?? table.options.renderFallbackValue\n\n cell.getIsGrouped = () =>\n column.getIsGrouped() && column.id === row.groupingColumnId\n cell.getIsPlaceholder = () => !cell.getIsGrouped() && column.getIsGrouped()\n cell.getIsAggregated = () =>\n !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!row.subRows?.length\n },\n}\n\nexport function orderColumns<TData extends RowData>(\n leafColumns: Column<TData, unknown>[],\n grouping: string[],\n groupedColumnMode?: GroupingColumnMode\n) {\n if (!grouping?.length || !groupedColumnMode) {\n return leafColumns\n }\n\n const nonGroupingColumns = leafColumns.filter(\n col => !grouping.includes(col.id)\n )\n\n if (groupedColumnMode === 'remove') {\n return nonGroupingColumns\n }\n\n const groupingColumns = grouping\n .map(g => leafColumns.find(col => col.id === g)!)\n .filter(Boolean)\n\n return [...groupingColumns, ...nonGroupingColumns]\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ColumnGrouping.js","sources":["../../../src/features/ColumnGrouping.ts"],"sourcesContent":["import { RowModel } from '..'\nimport { BuiltInAggregationFn, aggregationFns } from '../aggregationFns'\nimport {\n AggregationFns,\n Cell,\n Column,\n ColumnDefTemplate,\n OnChangeFn,\n Row,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '../types'\nimport { isFunction, makeStateUpdater } from '../utils'\n\nexport type GroupingState = string[]\n\nexport interface GroupingTableState {\n grouping: GroupingState\n}\n\nexport type AggregationFn<TData extends RowData> = (\n columnId: string,\n leafRows: Row<TData>[],\n childRows: Row<TData>[]\n) => any\n\nexport type CustomAggregationFns = Record<string, AggregationFn<any>>\n\nexport type AggregationFnOption<TData extends RowData> =\n | 'auto'\n | keyof AggregationFns\n | BuiltInAggregationFn\n | AggregationFn<TData>\n\nexport interface GroupingColumnDef<TData extends RowData, TValue> {\n /**\n * The cell to display each row for the column if the cell is an aggregate. If a function is passed, it will be passed a props object with the context of the cell and should return the property type for your adapter (the exact type depends on the adapter being used).\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#aggregatedcell)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n aggregatedCell?: ColumnDefTemplate<\n ReturnType<Cell<TData, TValue>['getContext']>\n >\n /**\n * The resolved aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#aggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n aggregationFn?: AggregationFnOption<TData>\n /**\n * Enables/disables grouping for this column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#enablegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n enableGrouping?: boolean\n /**\n * Specify a value to be used for grouping rows on this column. If this option is not specified, the value derived from `accessorKey` / `accessorFn` will be used instead.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupingValue?: (row: TData) => any\n}\n\nexport interface GroupingColumn<TData extends RowData> {\n /**\n * Returns the aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getaggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getAggregationFn: () => AggregationFn<TData> | undefined\n /**\n * Returns the automatically inferred aggregation function for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getautoaggregationfn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getAutoAggregationFn: () => AggregationFn<TData> | undefined\n /**\n * Returns whether or not the column can be grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getcangroup)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getCanGroup: () => boolean\n /**\n * Returns the index of the column in the grouping state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedIndex: () => number\n /**\n * Returns whether or not the column is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * Returns a function that toggles the grouping state of the column. This is useful for passing to the `onClick` prop of a button.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#gettogglegroupinghandler)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getToggleGroupingHandler: () => () => void\n /**\n * Toggles the grouping state of the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#togglegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n toggleGrouping: () => void\n}\n\nexport interface GroupingRow {\n _groupingValuesCache: Record<string, any>\n /**\n * Returns the grouping value for any row and column (including leaf rows).\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupingValue: (columnId: string) => unknown\n /**\n * Returns whether or not the row is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * If this row is grouped, this is the id of the column that this row is grouped by.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupingcolumnid)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupingColumnId?: string\n /**\n * If this row is grouped, this is the unique/shared value for the `groupingColumnId` for all of the rows in this group.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupingvalue)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupingValue?: unknown\n}\n\nexport interface GroupingCell {\n /**\n * Returns whether or not the cell is currently aggregated.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisaggregated)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsAggregated: () => boolean\n /**\n * Returns whether or not the cell is currently grouped.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisgrouped)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsGrouped: () => boolean\n /**\n * Returns whether or not the cell is currently a placeholder cell.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getisplaceholder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getIsPlaceholder: () => boolean\n}\n\nexport interface ColumnDefaultOptions {\n enableGrouping: boolean\n onGroupingChange: OnChangeFn<GroupingState>\n}\n\ninterface GroupingOptionsBase {\n /**\n * Enables/disables grouping for the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#enablegrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n enableGrouping?: boolean\n /**\n * Returns the row model after grouping has taken place, but no further.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedRowModel?: (table: Table<any>) => () => RowModel<any>\n /**\n * Grouping columns are automatically reordered by default to the start of the columns list. If you would rather remove them or leave them as-is, set the appropriate mode here.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#groupedcolumnmode)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n groupedColumnMode?: false | 'reorder' | 'remove'\n /**\n * Enables manual grouping. If this option is set to `true`, the table will not automatically group rows using `getGroupedRowModel()` and instead will expect you to manually group the rows before passing them to the table. This is useful if you are doing server-side grouping and aggregation.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#manualgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n manualGrouping?: boolean\n /**\n * If this function is provided, it will be called when the grouping state changes and you will be expected to manage the state yourself. You can pass the managed state back to the table via the `tableOptions.state.grouping` option.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#ongroupingchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n onGroupingChange?: OnChangeFn<GroupingState>\n}\n\ntype ResolvedAggregationFns = keyof AggregationFns extends never\n ? {\n aggregationFns?: Record<string, AggregationFn<any>>\n }\n : {\n aggregationFns: Record<keyof AggregationFns, AggregationFn<any>>\n }\n\nexport interface GroupingOptions\n extends GroupingOptionsBase,\n ResolvedAggregationFns {}\n\nexport type GroupingColumnMode = false | 'reorder' | 'remove'\n\nexport interface GroupingInstance<TData extends RowData> {\n _getGroupedRowModel?: () => RowModel<TData>\n /**\n * Returns the row model for the table after grouping has been applied.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getgroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getGroupedRowModel: () => RowModel<TData>\n /**\n * Returns the row model for the table before any grouping has been applied.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#getpregroupedrowmodel)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n getPreGroupedRowModel: () => RowModel<TData>\n /**\n * Resets the **grouping** state to `initialState.grouping`, or `true` can be passed to force a default blank state reset to `[]`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#resetgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n resetGrouping: (defaultState?: boolean) => void\n /**\n * Updates the grouping state of the table via an update function or value.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/grouping#setgrouping)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/grouping)\n */\n setGrouping: (updater: Updater<GroupingState>) => void\n}\n\n//\n\nexport const ColumnGrouping: TableFeature = {\n _getDefaultColumnDef: <TData extends RowData>(): GroupingColumnDef<\n TData,\n unknown\n > => {\n return {\n aggregatedCell: props => (props.getValue() as any)?.toString?.() ?? null,\n aggregationFn: 'auto',\n }\n },\n\n _getInitialState: (state): GroupingTableState => {\n return {\n grouping: [],\n ...state,\n }\n },\n\n _getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): GroupingOptions => {\n return {\n onGroupingChange: makeStateUpdater('grouping', table),\n groupedColumnMode: 'reorder',\n }\n },\n\n _createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.toggleGrouping = () => {\n table.setGrouping(old => {\n // Find any existing grouping for this column\n if (old?.includes(column.id)) {\n return old.filter(d => d !== column.id)\n }\n\n return [...(old ?? []), column.id]\n })\n }\n\n column.getCanGroup = () => {\n return (\n (column.columnDef.enableGrouping ?? true) &&\n (table.options.enableGrouping ?? true) &&\n (!!column.accessorFn || !!column.columnDef.getGroupingValue)\n )\n }\n\n column.getIsGrouped = () => {\n return table.getState().grouping?.includes(column.id)\n }\n\n column.getGroupedIndex = () => table.getState().grouping?.indexOf(column.id)\n\n column.getToggleGroupingHandler = () => {\n const canGroup = column.getCanGroup()\n\n return () => {\n if (!canGroup) return\n column.toggleGrouping()\n }\n }\n column.getAutoAggregationFn = () => {\n const firstRow = table.getCoreRowModel().flatRows[0]\n\n const value = firstRow?.getValue(column.id)\n\n if (typeof value === 'number') {\n return aggregationFns.sum\n }\n\n if (Object.prototype.toString.call(value) === '[object Date]') {\n return aggregationFns.extent\n }\n }\n column.getAggregationFn = () => {\n if (!column) {\n throw new Error()\n }\n\n return isFunction(column.columnDef.aggregationFn)\n ? column.columnDef.aggregationFn\n : column.columnDef.aggregationFn === 'auto'\n ? column.getAutoAggregationFn()\n : table.options.aggregationFns?.[\n column.columnDef.aggregationFn as string\n ] ??\n aggregationFns[\n column.columnDef.aggregationFn as BuiltInAggregationFn\n ]\n }\n },\n\n _createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setGrouping = updater => table.options.onGroupingChange?.(updater)\n\n table.resetGrouping = defaultState => {\n table.setGrouping(defaultState ? [] : table.initialState?.grouping ?? [])\n }\n\n table.getPreGroupedRowModel = () => table.getFilteredRowModel()\n table.getGroupedRowModel = () => {\n if (!table._getGroupedRowModel && table.options.getGroupedRowModel) {\n table._getGroupedRowModel = table.options.getGroupedRowModel(table)\n }\n\n if (table.options.manualGrouping || !table._getGroupedRowModel) {\n return table.getPreGroupedRowModel()\n }\n\n return table._getGroupedRowModel()\n }\n },\n\n _createRow: <TData extends RowData>(\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n row.getIsGrouped = () => !!row.groupingColumnId\n row.getGroupingValue = columnId => {\n if (row._groupingValuesCache.hasOwnProperty(columnId)) {\n return row._groupingValuesCache[columnId]\n }\n\n const column = table.getColumn(columnId)\n\n if (!column?.columnDef.getGroupingValue) {\n return row.getValue(columnId)\n }\n\n row._groupingValuesCache[columnId] = column.columnDef.getGroupingValue(\n row.original\n )\n\n return row._groupingValuesCache[columnId]\n }\n row._groupingValuesCache = {}\n },\n\n _createCell: <TData extends RowData, TValue>(\n cell: Cell<TData, TValue>,\n column: Column<TData, TValue>,\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n const getRenderValue = () =>\n cell.getValue() ?? table.options.renderFallbackValue\n\n cell.getIsGrouped = () =>\n column.getIsGrouped() && column.id === row.groupingColumnId\n cell.getIsPlaceholder = () => !cell.getIsGrouped() && column.getIsGrouped()\n cell.getIsAggregated = () =>\n !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!row.subRows?.length\n },\n}\n\nexport function orderColumns<TData extends RowData>(\n leafColumns: Column<TData, unknown>[],\n grouping: string[],\n groupedColumnMode?: GroupingColumnMode\n) {\n if (!grouping?.length || !groupedColumnMode) {\n return leafColumns\n }\n\n const nonGroupingColumns = leafColumns.filter(\n col => !grouping.includes(col.id)\n )\n\n if (groupedColumnMode === 'remove') {\n return nonGroupingColumns\n }\n\n const groupingColumns = grouping\n .map(g => leafColumns.find(col => col.id === g)!)\n .filter(Boolean)\n\n return [...groupingColumns, ...nonGroupingColumns]\n}\n"],"names":[],"mappings":"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"}
@@ -2,18 +2,18 @@ import { makeStateUpdater, memo, getMemoOptions } from "../utils.js";
2
2
  import { orderColumns } from "./ColumnGrouping.js";
3
3
  import { _getVisibleLeafColumns } from "./ColumnVisibility.js";
4
4
  const ColumnOrdering = {
5
- getInitialState: (state) => {
5
+ _getInitialState: (state) => {
6
6
  return {
7
7
  columnOrder: [],
8
8
  ...state
9
9
  };
10
10
  },
11
- getDefaultOptions: (table) => {
11
+ _getDefaultOptions: (table) => {
12
12
  return {
13
13
  onColumnOrderChange: makeStateUpdater("columnOrder", table)
14
14
  };
15
15
  },
16
- createColumn: (column, table) => {
16
+ _createColumn: (column, table) => {
17
17
  column.getIndex = memo(
18
18
  (position) => [_getVisibleLeafColumns(table, position)],
19
19
  (columns) => columns.findIndex((d) => d.id === column.id),
@@ -30,7 +30,7 @@ const ColumnOrdering = {
30
30
  return ((_a = columns[columns.length - 1]) == null ? void 0 : _a.id) === column.id;
31
31
  };
32
32
  },
33
- createTable: (table) => {
33
+ _createTable: (table) => {
34
34
  table.setColumnOrder = (updater) => {
35
35
  var _a, _b;
36
36
  return (_b = (_a = table.options).onColumnOrderChange) == null ? void 0 : _b.call(_a, updater);
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnOrdering.js","sources":["../../../src/features/ColumnOrdering.ts"],"sourcesContent":["import { getMemoOptions, makeStateUpdater, memo } from '../utils'\n\nimport {\n Column,\n OnChangeFn,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '../types'\n\nimport { orderColumns } from './ColumnGrouping'\nimport { ColumnPinningPosition, _getVisibleLeafColumns } from '..'\n\nexport interface ColumnOrderTableState {\n columnOrder: ColumnOrderState\n}\n\nexport type ColumnOrderState = string[]\n\nexport interface ColumnOrderOptions {\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnOrder` changes. This overrides the default internal state management, so you will need to persist the state change either fully or partially outside of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#oncolumnorderchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n onColumnOrderChange?: OnChangeFn<ColumnOrderState>\n}\n\nexport interface ColumnOrderColumn {\n /**\n * Returns the index of the column in the order of the visible columns. Optionally pass a `position` parameter to get the index of the column in a sub-section of the table\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIndex: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Returns `true` if the column is the first column in the order of the visible columns. Optionally pass a `position` parameter to check if the column is the first in a sub-section of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getisfirstcolumn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIsFirstColumn: (position?: ColumnPinningPosition | 'center') => boolean\n /**\n * Returns `true` if the column is the last column in the order of the visible columns. Optionally pass a `position` parameter to check if the column is the last in a sub-section of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getislastcolumn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIsLastColumn: (position?: ColumnPinningPosition | 'center') => boolean\n}\n\nexport interface ColumnOrderDefaultOptions {\n onColumnOrderChange: OnChangeFn<ColumnOrderState>\n}\n\nexport interface ColumnOrderInstance<TData extends RowData> {\n _getOrderColumnsFn: () => (\n columns: Column<TData, unknown>[]\n ) => Column<TData, unknown>[]\n /**\n * Resets the **columnOrder** state to `initialState.columnOrder`, or `true` can be passed to force a default blank state reset to `[]`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#resetcolumnorder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n resetColumnOrder: (defaultState?: boolean) => void\n /**\n * Sets or updates the `state.columnOrder` state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#setcolumnorder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n setColumnOrder: (updater: Updater<ColumnOrderState>) => void\n}\n\n//\n\nexport const ColumnOrdering: TableFeature = {\n getInitialState: (state): ColumnOrderTableState => {\n return {\n columnOrder: [],\n ...state,\n }\n },\n\n getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnOrderDefaultOptions => {\n return {\n onColumnOrderChange: makeStateUpdater('columnOrder', table),\n }\n },\n\n createColumn: <TData extends RowData>(\n column: Column<TData, unknown>,\n table: Table<TData>\n ): void => {\n column.getIndex = memo(\n position => [_getVisibleLeafColumns(table, position)],\n columns => columns.findIndex(d => d.id === column.id),\n getMemoOptions(table.options, 'debugColumns', 'getIndex')\n )\n column.getIsFirstColumn = position => {\n const columns = _getVisibleLeafColumns(table, position)\n return columns[0]?.id === column.id\n }\n column.getIsLastColumn = position => {\n const columns = _getVisibleLeafColumns(table, position)\n return columns[columns.length - 1]?.id === column.id\n }\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnOrder = updater =>\n table.options.onColumnOrderChange?.(updater)\n table.resetColumnOrder = defaultState => {\n table.setColumnOrder(\n defaultState ? [] : table.initialState.columnOrder ?? []\n )\n }\n table._getOrderColumnsFn = memo(\n () => [\n table.getState().columnOrder,\n table.getState().grouping,\n table.options.groupedColumnMode,\n ],\n (columnOrder, grouping, groupedColumnMode) =>\n (columns: Column<TData, unknown>[]) => {\n // Sort grouped columns to the start of the column list\n // before the headers are built\n let orderedColumns: Column<TData, unknown>[] = []\n\n // If there is no order, return the normal columns\n if (!columnOrder?.length) {\n orderedColumns = columns\n } else {\n const columnOrderCopy = [...columnOrder]\n\n // If there is an order, make a copy of the columns\n const columnsCopy = [...columns]\n\n // And make a new ordered array of the columns\n\n // Loop over the columns and place them in order into the new array\n while (columnsCopy.length && columnOrderCopy.length) {\n const targetColumnId = columnOrderCopy.shift()\n const foundIndex = columnsCopy.findIndex(\n d => d.id === targetColumnId\n )\n if (foundIndex > -1) {\n orderedColumns.push(columnsCopy.splice(foundIndex, 1)[0]!)\n }\n }\n\n // If there are any columns left, add them to the end\n orderedColumns = [...orderedColumns, ...columnsCopy]\n }\n\n return orderColumns(orderedColumns, grouping, groupedColumnMode)\n },\n getMemoOptions(table.options, 'debugTable', '_getOrderColumnsFn')\n )\n },\n}\n"],"names":[],"mappings":";;;AA0EO,MAAM,iBAA+B;AAAA,EAC1C,iBAAiB,CAAC,UAAiC;AAC1C,WAAA;AAAA,MACL,aAAa,CAAC;AAAA,MACd,GAAG;AAAA,IAAA;AAAA,EAEP;AAAA,EAEA,mBAAmB,CACjB,UAC8B;AACvB,WAAA;AAAA,MACL,qBAAqB,iBAAiB,eAAe,KAAK;AAAA,IAAA;AAAA,EAE9D;AAAA,EAEA,cAAc,CACZ,QACA,UACS;AACT,WAAO,WAAW;AAAA,MAChB,CAAY,aAAA,CAAC,uBAAuB,OAAO,QAAQ,CAAC;AAAA,MACpD,aAAW,QAAQ,UAAU,OAAK,EAAE,OAAO,OAAO,EAAE;AAAA,MACpD,eAAe,MAAM,SAAS,gBAAgB,UAAU;AAAA,IAAA;AAE1D,WAAO,mBAAmB,CAAY,aAAA;;AAC9B,YAAA,UAAU,uBAAuB,OAAO,QAAQ;AACtD,eAAO,aAAQ,CAAC,MAAT,mBAAY,QAAO,OAAO;AAAA,IAAA;AAEnC,WAAO,kBAAkB,CAAY,aAAA;;AAC7B,YAAA,UAAU,uBAAuB,OAAO,QAAQ;AACtD,eAAO,aAAQ,QAAQ,SAAS,CAAC,MAA1B,mBAA6B,QAAO,OAAO;AAAA,IAAA;AAAA,EAEtD;AAAA,EAEA,aAAa,CAAwB,UAA8B;AACjE,UAAM,iBAAiB,CAAA,YAAA;;AACrB,+BAAM,SAAQ,wBAAd,4BAAoC;AAAA;AACtC,UAAM,mBAAmB,CAAgB,iBAAA;AACjC,YAAA;AAAA,QACJ,eAAe,CAAA,IAAK,MAAM,aAAa,eAAe,CAAC;AAAA,MAAA;AAAA,IACzD;AAEF,UAAM,qBAAqB;AAAA,MACzB,MAAM;AAAA,QACJ,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,CAAC,aAAa,UAAU,sBACtB,CAAC,YAAsC;AAGrC,YAAI,iBAA2C,CAAA;AAG3C,YAAA,EAAC,2CAAa,SAAQ;AACP,2BAAA;AAAA,QAAA,OACZ;AACC,gBAAA,kBAAkB,CAAC,GAAG,WAAW;AAGjC,gBAAA,cAAc,CAAC,GAAG,OAAO;AAKxB,iBAAA,YAAY,UAAU,gBAAgB,QAAQ;AAC7C,kBAAA,iBAAiB,gBAAgB;AACvC,kBAAM,aAAa,YAAY;AAAA,cAC7B,CAAA,MAAK,EAAE,OAAO;AAAA,YAAA;AAEhB,gBAAI,aAAa,IAAI;AACnB,6BAAe,KAAK,YAAY,OAAO,YAAY,CAAC,EAAE,CAAC,CAAE;AAAA,YAC3D;AAAA,UACF;AAGA,2BAAiB,CAAC,GAAG,gBAAgB,GAAG,WAAW;AAAA,QACrD;AAEO,eAAA,aAAa,gBAAgB,UAAU,iBAAiB;AAAA,MACjE;AAAA,MACF,eAAe,MAAM,SAAS,cAAc,oBAAoB;AAAA,IAAA;AAAA,EAEpE;AACF;"}
1
+ {"version":3,"file":"ColumnOrdering.js","sources":["../../../src/features/ColumnOrdering.ts"],"sourcesContent":["import { getMemoOptions, makeStateUpdater, memo } from '../utils'\n\nimport {\n Column,\n OnChangeFn,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '../types'\n\nimport { orderColumns } from './ColumnGrouping'\nimport { ColumnPinningPosition, _getVisibleLeafColumns } from '..'\n\nexport interface ColumnOrderTableState {\n columnOrder: ColumnOrderState\n}\n\nexport type ColumnOrderState = string[]\n\nexport interface ColumnOrderOptions {\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnOrder` changes. This overrides the default internal state management, so you will need to persist the state change either fully or partially outside of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#oncolumnorderchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n onColumnOrderChange?: OnChangeFn<ColumnOrderState>\n}\n\nexport interface ColumnOrderColumn {\n /**\n * Returns the index of the column in the order of the visible columns. Optionally pass a `position` parameter to get the index of the column in a sub-section of the table\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIndex: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Returns `true` if the column is the first column in the order of the visible columns. Optionally pass a `position` parameter to check if the column is the first in a sub-section of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getisfirstcolumn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIsFirstColumn: (position?: ColumnPinningPosition | 'center') => boolean\n /**\n * Returns `true` if the column is the last column in the order of the visible columns. Optionally pass a `position` parameter to check if the column is the last in a sub-section of the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#getislastcolumn)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n getIsLastColumn: (position?: ColumnPinningPosition | 'center') => boolean\n}\n\nexport interface ColumnOrderDefaultOptions {\n onColumnOrderChange: OnChangeFn<ColumnOrderState>\n}\n\nexport interface ColumnOrderInstance<TData extends RowData> {\n _getOrderColumnsFn: () => (\n columns: Column<TData, unknown>[]\n ) => Column<TData, unknown>[]\n /**\n * Resets the **columnOrder** state to `initialState.columnOrder`, or `true` can be passed to force a default blank state reset to `[]`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#resetcolumnorder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n resetColumnOrder: (defaultState?: boolean) => void\n /**\n * Sets or updates the `state.columnOrder` state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-ordering#setcolumnorder)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-ordering)\n */\n setColumnOrder: (updater: Updater<ColumnOrderState>) => void\n}\n\n//\n\nexport const ColumnOrdering: TableFeature = {\n _getInitialState: (state): ColumnOrderTableState => {\n return {\n columnOrder: [],\n ...state,\n }\n },\n\n _getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnOrderDefaultOptions => {\n return {\n onColumnOrderChange: makeStateUpdater('columnOrder', table),\n }\n },\n\n _createColumn: <TData extends RowData>(\n column: Column<TData, unknown>,\n table: Table<TData>\n ): void => {\n column.getIndex = memo(\n position => [_getVisibleLeafColumns(table, position)],\n columns => columns.findIndex(d => d.id === column.id),\n getMemoOptions(table.options, 'debugColumns', 'getIndex')\n )\n column.getIsFirstColumn = position => {\n const columns = _getVisibleLeafColumns(table, position)\n return columns[0]?.id === column.id\n }\n column.getIsLastColumn = position => {\n const columns = _getVisibleLeafColumns(table, position)\n return columns[columns.length - 1]?.id === column.id\n }\n },\n\n _createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnOrder = updater =>\n table.options.onColumnOrderChange?.(updater)\n table.resetColumnOrder = defaultState => {\n table.setColumnOrder(\n defaultState ? [] : table.initialState.columnOrder ?? []\n )\n }\n table._getOrderColumnsFn = memo(\n () => [\n table.getState().columnOrder,\n table.getState().grouping,\n table.options.groupedColumnMode,\n ],\n (columnOrder, grouping, groupedColumnMode) =>\n (columns: Column<TData, unknown>[]) => {\n // Sort grouped columns to the start of the column list\n // before the headers are built\n let orderedColumns: Column<TData, unknown>[] = []\n\n // If there is no order, return the normal columns\n if (!columnOrder?.length) {\n orderedColumns = columns\n } else {\n const columnOrderCopy = [...columnOrder]\n\n // If there is an order, make a copy of the columns\n const columnsCopy = [...columns]\n\n // And make a new ordered array of the columns\n\n // Loop over the columns and place them in order into the new array\n while (columnsCopy.length && columnOrderCopy.length) {\n const targetColumnId = columnOrderCopy.shift()\n const foundIndex = columnsCopy.findIndex(\n d => d.id === targetColumnId\n )\n if (foundIndex > -1) {\n orderedColumns.push(columnsCopy.splice(foundIndex, 1)[0]!)\n }\n }\n\n // If there are any columns left, add them to the end\n orderedColumns = [...orderedColumns, ...columnsCopy]\n }\n\n return orderColumns(orderedColumns, grouping, groupedColumnMode)\n },\n getMemoOptions(table.options, 'debugTable', '_getOrderColumnsFn')\n )\n },\n}\n"],"names":[],"mappings":";;;AA0EO,MAAM,iBAA+B;AAAA,EAC1C,kBAAkB,CAAC,UAAiC;AAC3C,WAAA;AAAA,MACL,aAAa,CAAC;AAAA,MACd,GAAG;AAAA,IAAA;AAAA,EAEP;AAAA,EAEA,oBAAoB,CAClB,UAC8B;AACvB,WAAA;AAAA,MACL,qBAAqB,iBAAiB,eAAe,KAAK;AAAA,IAAA;AAAA,EAE9D;AAAA,EAEA,eAAe,CACb,QACA,UACS;AACT,WAAO,WAAW;AAAA,MAChB,CAAY,aAAA,CAAC,uBAAuB,OAAO,QAAQ,CAAC;AAAA,MACpD,aAAW,QAAQ,UAAU,OAAK,EAAE,OAAO,OAAO,EAAE;AAAA,MACpD,eAAe,MAAM,SAAS,gBAAgB,UAAU;AAAA,IAAA;AAE1D,WAAO,mBAAmB,CAAY,aAAA;;AAC9B,YAAA,UAAU,uBAAuB,OAAO,QAAQ;AACtD,eAAO,aAAQ,CAAC,MAAT,mBAAY,QAAO,OAAO;AAAA,IAAA;AAEnC,WAAO,kBAAkB,CAAY,aAAA;;AAC7B,YAAA,UAAU,uBAAuB,OAAO,QAAQ;AACtD,eAAO,aAAQ,QAAQ,SAAS,CAAC,MAA1B,mBAA6B,QAAO,OAAO;AAAA,IAAA;AAAA,EAEtD;AAAA,EAEA,cAAc,CAAwB,UAA8B;AAClE,UAAM,iBAAiB,CAAA,YAAA;;AACrB,+BAAM,SAAQ,wBAAd,4BAAoC;AAAA;AACtC,UAAM,mBAAmB,CAAgB,iBAAA;AACjC,YAAA;AAAA,QACJ,eAAe,CAAA,IAAK,MAAM,aAAa,eAAe,CAAC;AAAA,MAAA;AAAA,IACzD;AAEF,UAAM,qBAAqB;AAAA,MACzB,MAAM;AAAA,QACJ,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,CAAC,aAAa,UAAU,sBACtB,CAAC,YAAsC;AAGrC,YAAI,iBAA2C,CAAA;AAG3C,YAAA,EAAC,2CAAa,SAAQ;AACP,2BAAA;AAAA,QAAA,OACZ;AACC,gBAAA,kBAAkB,CAAC,GAAG,WAAW;AAGjC,gBAAA,cAAc,CAAC,GAAG,OAAO;AAKxB,iBAAA,YAAY,UAAU,gBAAgB,QAAQ;AAC7C,kBAAA,iBAAiB,gBAAgB;AACvC,kBAAM,aAAa,YAAY;AAAA,cAC7B,CAAA,MAAK,EAAE,OAAO;AAAA,YAAA;AAEhB,gBAAI,aAAa,IAAI;AACnB,6BAAe,KAAK,YAAY,OAAO,YAAY,CAAC,EAAE,CAAC,CAAE;AAAA,YAC3D;AAAA,UACF;AAGA,2BAAiB,CAAC,GAAG,gBAAgB,GAAG,WAAW;AAAA,QACrD;AAEO,eAAA,aAAa,gBAAgB,UAAU,iBAAiB;AAAA,MACjE;AAAA,MACF,eAAe,MAAM,SAAS,cAAc,oBAAoB;AAAA,IAAA;AAAA,EAEpE;AACF;"}
@@ -4,18 +4,18 @@ const getDefaultColumnPinningState = () => ({
4
4
  right: []
5
5
  });
6
6
  const ColumnPinning = {
7
- getInitialState: (state) => {
7
+ _getInitialState: (state) => {
8
8
  return {
9
9
  columnPinning: getDefaultColumnPinningState(),
10
10
  ...state
11
11
  };
12
12
  },
13
- getDefaultOptions: (table) => {
13
+ _getDefaultOptions: (table) => {
14
14
  return {
15
15
  onColumnPinningChange: makeStateUpdater("columnPinning", table)
16
16
  };
17
17
  },
18
- createColumn: (column, table) => {
18
+ _createColumn: (column, table) => {
19
19
  column.pin = (position) => {
20
20
  const columnIds = column.getLeafColumns().map((d) => d.id).filter(Boolean);
21
21
  table.setColumnPinning((old) => {
@@ -62,7 +62,7 @@ const ColumnPinning = {
62
62
  return position ? ((_b = (_a = table.getState().columnPinning) == null ? void 0 : _a[position]) == null ? void 0 : _b.indexOf(column.id)) ?? -1 : 0;
63
63
  };
64
64
  },
65
- createRow: (row, table) => {
65
+ _createRow: (row, table) => {
66
66
  row.getCenterVisibleCells = memo(
67
67
  () => [
68
68
  row._getAllVisibleCells(),
@@ -92,7 +92,7 @@ const ColumnPinning = {
92
92
  getMemoOptions(table.options, "debugRows", "getRightVisibleCells")
93
93
  );
94
94
  },
95
- createTable: (table) => {
95
+ _createTable: (table) => {
96
96
  table.setColumnPinning = (updater) => {
97
97
  var _a, _b;
98
98
  return (_b = (_a = table.options).onColumnPinningChange) == null ? void 0 : _b.call(_a, updater);
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnPinning.js","sources":["../../../src/features/ColumnPinning.ts"],"sourcesContent":["import {\n OnChangeFn,\n Updater,\n Table,\n Column,\n Row,\n Cell,\n RowData,\n TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\n\nexport type ColumnPinningPosition = false | 'left' | 'right'\n\nexport interface ColumnPinningState {\n left?: string[]\n right?: string[]\n}\n\nexport interface ColumnPinningTableState {\n columnPinning: ColumnPinningState\n}\n\nexport interface ColumnPinningOptions {\n /**\n * Enables/disables column pinning for the table. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablecolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enableColumnPinning?: boolean\n /**\n * @deprecated Use `enableColumnPinning` or `enableRowPinning` instead.\n * Enables/disables all pinning for the table. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablepinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enablePinning?: boolean\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnPinning` changes. This overrides the default internal state management, so you will also need to supply `state.columnPinning` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#oncolumnpinningchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/oncolumnpinningchange)\n */\n onColumnPinningChange?: OnChangeFn<ColumnPinningState>\n}\n\nexport interface ColumnPinningDefaultOptions {\n onColumnPinningChange: OnChangeFn<ColumnPinningState>\n}\n\nexport interface ColumnPinningColumnDef {\n /**\n * Enables/disables column pinning for this column. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablepinning-1)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enablePinning?: boolean\n}\n\nexport interface ColumnPinningColumn {\n /**\n * Returns whether or not the column can be pinned.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcanpin)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCanPin: () => boolean\n /**\n * Returns the pinned position of the column. (`'left'`, `'right'` or `false`)\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getispinned)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getIsPinned: () => ColumnPinningPosition\n /**\n * Returns the numeric pinned index of the column within a pinned column group.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getpinnedindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getPinnedIndex: () => number\n /**\n * Pins a column to the `'left'` or `'right'`, or unpins the column to the center if `false` is passed.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#pin)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n pin: (position: ColumnPinningPosition) => void\n}\n\nexport interface ColumnPinningRow<TData extends RowData> {\n /**\n * Returns all center pinned (unpinned) leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcentervisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCenterVisibleCells: () => Cell<TData, unknown>[]\n /**\n * Returns all left pinned leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getleftvisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getLeftVisibleCells: () => Cell<TData, unknown>[]\n /**\n * Returns all right pinned leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getrightvisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getRightVisibleCells: () => Cell<TData, unknown>[]\n}\n\nexport interface ColumnPinningInstance<TData extends RowData> {\n /**\n * Returns all center pinned (unpinned) leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcenterleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCenterLeafColumns: () => Column<TData, unknown>[]\n /**\n * Returns whether or not any columns are pinned. Optionally specify to only check for pinned columns in either the `left` or `right` position.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getissomecolumnspinned)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getIsSomeColumnsPinned: (position?: ColumnPinningPosition) => boolean\n /**\n * Returns all left pinned leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getleftleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getLeftLeafColumns: () => Column<TData, unknown>[]\n /**\n * Returns all right pinned leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getrightleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getRightLeafColumns: () => Column<TData, unknown>[]\n /**\n * Resets the **columnPinning** state to `initialState.columnPinning`, or `true` can be passed to force a default blank state reset to `{ left: [], right: [], }`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#resetcolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n resetColumnPinning: (defaultState?: boolean) => void\n /**\n * Sets or updates the `state.columnPinning` state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#setcolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n setColumnPinning: (updater: Updater<ColumnPinningState>) => void\n}\n\n//\n\nconst getDefaultColumnPinningState = (): ColumnPinningState => ({\n left: [],\n right: [],\n})\n\nexport const ColumnPinning: TableFeature = {\n getInitialState: (state): ColumnPinningTableState => {\n return {\n columnPinning: getDefaultColumnPinningState(),\n ...state,\n }\n },\n\n getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnPinningDefaultOptions => {\n return {\n onColumnPinningChange: makeStateUpdater('columnPinning', table),\n }\n },\n\n createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.pin = position => {\n const columnIds = column\n .getLeafColumns()\n .map(d => d.id)\n .filter(Boolean) as string[]\n\n table.setColumnPinning(old => {\n if (position === 'right') {\n return {\n left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),\n right: [\n ...(old?.right ?? []).filter(d => !columnIds?.includes(d)),\n ...columnIds,\n ],\n }\n }\n\n if (position === 'left') {\n return {\n left: [\n ...(old?.left ?? []).filter(d => !columnIds?.includes(d)),\n ...columnIds,\n ],\n right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),\n }\n }\n\n return {\n left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),\n right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),\n }\n })\n }\n\n column.getCanPin = () => {\n const leafColumns = column.getLeafColumns()\n\n return leafColumns.some(\n d =>\n (d.columnDef.enablePinning ?? true) &&\n (table.options.enableColumnPinning ??\n table.options.enablePinning ??\n true)\n )\n }\n\n column.getIsPinned = () => {\n const leafColumnIds = column.getLeafColumns().map(d => d.id)\n\n const { left, right } = table.getState().columnPinning\n\n const isLeft = leafColumnIds.some(d => left?.includes(d))\n const isRight = leafColumnIds.some(d => right?.includes(d))\n\n return isLeft ? 'left' : isRight ? 'right' : false\n }\n\n column.getPinnedIndex = () => {\n const position = column.getIsPinned()\n\n return position\n ? table.getState().columnPinning?.[position]?.indexOf(column.id) ?? -1\n : 0\n }\n },\n\n createRow: <TData extends RowData>(\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n row.getCenterVisibleCells = memo(\n () => [\n row._getAllVisibleCells(),\n table.getState().columnPinning.left,\n table.getState().columnPinning.right,\n ],\n (allCells, left, right) => {\n const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]\n\n return allCells.filter(d => !leftAndRight.includes(d.column.id))\n },\n getMemoOptions(table.options, 'debugRows', 'getCenterVisibleCells')\n )\n row.getLeftVisibleCells = memo(\n () => [row._getAllVisibleCells(), table.getState().columnPinning.left],\n (allCells, left) => {\n const cells = (left ?? [])\n .map(columnId => allCells.find(cell => cell.column.id === columnId)!)\n .filter(Boolean)\n .map(d => ({ ...d, position: 'left' }) as Cell<TData, unknown>)\n\n return cells\n },\n getMemoOptions(table.options, 'debugRows', 'getLeftVisibleCells')\n )\n row.getRightVisibleCells = memo(\n () => [row._getAllVisibleCells(), table.getState().columnPinning.right],\n (allCells, right) => {\n const cells = (right ?? [])\n .map(columnId => allCells.find(cell => cell.column.id === columnId)!)\n .filter(Boolean)\n .map(d => ({ ...d, position: 'right' }) as Cell<TData, unknown>)\n\n return cells\n },\n getMemoOptions(table.options, 'debugRows', 'getRightVisibleCells')\n )\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnPinning = updater =>\n table.options.onColumnPinningChange?.(updater)\n\n table.resetColumnPinning = defaultState =>\n table.setColumnPinning(\n defaultState\n ? getDefaultColumnPinningState()\n : table.initialState?.columnPinning ?? getDefaultColumnPinningState()\n )\n\n table.getIsSomeColumnsPinned = position => {\n const pinningState = table.getState().columnPinning\n\n if (!position) {\n return Boolean(pinningState.left?.length || pinningState.right?.length)\n }\n return Boolean(pinningState[position]?.length)\n }\n\n table.getLeftLeafColumns = memo(\n () => [table.getAllLeafColumns(), table.getState().columnPinning.left],\n (allColumns, left) => {\n return (left ?? [])\n .map(columnId => allColumns.find(column => column.id === columnId)!)\n .filter(Boolean)\n },\n getMemoOptions(table.options, 'debugColumns', 'getLeftLeafColumns')\n )\n\n table.getRightLeafColumns = memo(\n () => [table.getAllLeafColumns(), table.getState().columnPinning.right],\n (allColumns, right) => {\n return (right ?? [])\n .map(columnId => allColumns.find(column => column.id === columnId)!)\n .filter(Boolean)\n },\n getMemoOptions(table.options, 'debugColumns', 'getRightLeafColumns')\n )\n\n table.getCenterLeafColumns = memo(\n () => [\n table.getAllLeafColumns(),\n table.getState().columnPinning.left,\n table.getState().columnPinning.right,\n ],\n (allColumns, left, right) => {\n const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]\n\n return allColumns.filter(d => !leftAndRight.includes(d.id))\n },\n getMemoOptions(table.options, 'debugColumns', 'getCenterLeafColumns')\n )\n },\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ColumnPinning.js","sources":["../../../src/features/ColumnPinning.ts"],"sourcesContent":["import {\n OnChangeFn,\n Updater,\n Table,\n Column,\n Row,\n Cell,\n RowData,\n TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\n\nexport type ColumnPinningPosition = false | 'left' | 'right'\n\nexport interface ColumnPinningState {\n left?: string[]\n right?: string[]\n}\n\nexport interface ColumnPinningTableState {\n columnPinning: ColumnPinningState\n}\n\nexport interface ColumnPinningOptions {\n /**\n * Enables/disables column pinning for the table. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablecolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enableColumnPinning?: boolean\n /**\n * @deprecated Use `enableColumnPinning` or `enableRowPinning` instead.\n * Enables/disables all pinning for the table. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablepinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enablePinning?: boolean\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnPinning` changes. This overrides the default internal state management, so you will also need to supply `state.columnPinning` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#oncolumnpinningchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/oncolumnpinningchange)\n */\n onColumnPinningChange?: OnChangeFn<ColumnPinningState>\n}\n\nexport interface ColumnPinningDefaultOptions {\n onColumnPinningChange: OnChangeFn<ColumnPinningState>\n}\n\nexport interface ColumnPinningColumnDef {\n /**\n * Enables/disables column pinning for this column. Defaults to `true`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#enablepinning-1)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n enablePinning?: boolean\n}\n\nexport interface ColumnPinningColumn {\n /**\n * Returns whether or not the column can be pinned.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcanpin)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCanPin: () => boolean\n /**\n * Returns the pinned position of the column. (`'left'`, `'right'` or `false`)\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getispinned)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getIsPinned: () => ColumnPinningPosition\n /**\n * Returns the numeric pinned index of the column within a pinned column group.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getpinnedindex)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getPinnedIndex: () => number\n /**\n * Pins a column to the `'left'` or `'right'`, or unpins the column to the center if `false` is passed.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#pin)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n pin: (position: ColumnPinningPosition) => void\n}\n\nexport interface ColumnPinningRow<TData extends RowData> {\n /**\n * Returns all center pinned (unpinned) leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcentervisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCenterVisibleCells: () => Cell<TData, unknown>[]\n /**\n * Returns all left pinned leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getleftvisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getLeftVisibleCells: () => Cell<TData, unknown>[]\n /**\n * Returns all right pinned leaf cells in the row.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getrightvisiblecells)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getRightVisibleCells: () => Cell<TData, unknown>[]\n}\n\nexport interface ColumnPinningInstance<TData extends RowData> {\n /**\n * Returns all center pinned (unpinned) leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getcenterleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getCenterLeafColumns: () => Column<TData, unknown>[]\n /**\n * Returns whether or not any columns are pinned. Optionally specify to only check for pinned columns in either the `left` or `right` position.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getissomecolumnspinned)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getIsSomeColumnsPinned: (position?: ColumnPinningPosition) => boolean\n /**\n * Returns all left pinned leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getleftleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getLeftLeafColumns: () => Column<TData, unknown>[]\n /**\n * Returns all right pinned leaf columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#getrightleafcolumns)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n getRightLeafColumns: () => Column<TData, unknown>[]\n /**\n * Resets the **columnPinning** state to `initialState.columnPinning`, or `true` can be passed to force a default blank state reset to `{ left: [], right: [], }`.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#resetcolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n resetColumnPinning: (defaultState?: boolean) => void\n /**\n * Sets or updates the `state.columnPinning` state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-pinning#setcolumnpinning)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-pinning)\n */\n setColumnPinning: (updater: Updater<ColumnPinningState>) => void\n}\n\n//\n\nconst getDefaultColumnPinningState = (): ColumnPinningState => ({\n left: [],\n right: [],\n})\n\nexport const ColumnPinning: TableFeature = {\n _getInitialState: (state): ColumnPinningTableState => {\n return {\n columnPinning: getDefaultColumnPinningState(),\n ...state,\n }\n },\n\n _getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnPinningDefaultOptions => {\n return {\n onColumnPinningChange: makeStateUpdater('columnPinning', table),\n }\n },\n\n _createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.pin = position => {\n const columnIds = column\n .getLeafColumns()\n .map(d => d.id)\n .filter(Boolean) as string[]\n\n table.setColumnPinning(old => {\n if (position === 'right') {\n return {\n left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),\n right: [\n ...(old?.right ?? []).filter(d => !columnIds?.includes(d)),\n ...columnIds,\n ],\n }\n }\n\n if (position === 'left') {\n return {\n left: [\n ...(old?.left ?? []).filter(d => !columnIds?.includes(d)),\n ...columnIds,\n ],\n right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),\n }\n }\n\n return {\n left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),\n right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),\n }\n })\n }\n\n column.getCanPin = () => {\n const leafColumns = column.getLeafColumns()\n\n return leafColumns.some(\n d =>\n (d.columnDef.enablePinning ?? true) &&\n (table.options.enableColumnPinning ??\n table.options.enablePinning ??\n true)\n )\n }\n\n column.getIsPinned = () => {\n const leafColumnIds = column.getLeafColumns().map(d => d.id)\n\n const { left, right } = table.getState().columnPinning\n\n const isLeft = leafColumnIds.some(d => left?.includes(d))\n const isRight = leafColumnIds.some(d => right?.includes(d))\n\n return isLeft ? 'left' : isRight ? 'right' : false\n }\n\n column.getPinnedIndex = () => {\n const position = column.getIsPinned()\n\n return position\n ? table.getState().columnPinning?.[position]?.indexOf(column.id) ?? -1\n : 0\n }\n },\n\n _createRow: <TData extends RowData>(\n row: Row<TData>,\n table: Table<TData>\n ): void => {\n row.getCenterVisibleCells = memo(\n () => [\n row._getAllVisibleCells(),\n table.getState().columnPinning.left,\n table.getState().columnPinning.right,\n ],\n (allCells, left, right) => {\n const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]\n\n return allCells.filter(d => !leftAndRight.includes(d.column.id))\n },\n getMemoOptions(table.options, 'debugRows', 'getCenterVisibleCells')\n )\n row.getLeftVisibleCells = memo(\n () => [row._getAllVisibleCells(), table.getState().columnPinning.left],\n (allCells, left) => {\n const cells = (left ?? [])\n .map(columnId => allCells.find(cell => cell.column.id === columnId)!)\n .filter(Boolean)\n .map(d => ({ ...d, position: 'left' }) as Cell<TData, unknown>)\n\n return cells\n },\n getMemoOptions(table.options, 'debugRows', 'getLeftVisibleCells')\n )\n row.getRightVisibleCells = memo(\n () => [row._getAllVisibleCells(), table.getState().columnPinning.right],\n (allCells, right) => {\n const cells = (right ?? [])\n .map(columnId => allCells.find(cell => cell.column.id === columnId)!)\n .filter(Boolean)\n .map(d => ({ ...d, position: 'right' }) as Cell<TData, unknown>)\n\n return cells\n },\n getMemoOptions(table.options, 'debugRows', 'getRightVisibleCells')\n )\n },\n\n _createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnPinning = updater =>\n table.options.onColumnPinningChange?.(updater)\n\n table.resetColumnPinning = defaultState =>\n table.setColumnPinning(\n defaultState\n ? getDefaultColumnPinningState()\n : table.initialState?.columnPinning ?? getDefaultColumnPinningState()\n )\n\n table.getIsSomeColumnsPinned = position => {\n const pinningState = table.getState().columnPinning\n\n if (!position) {\n return Boolean(pinningState.left?.length || pinningState.right?.length)\n }\n return Boolean(pinningState[position]?.length)\n }\n\n table.getLeftLeafColumns = memo(\n () => [table.getAllLeafColumns(), table.getState().columnPinning.left],\n (allColumns, left) => {\n return (left ?? [])\n .map(columnId => allColumns.find(column => column.id === columnId)!)\n .filter(Boolean)\n },\n getMemoOptions(table.options, 'debugColumns', 'getLeftLeafColumns')\n )\n\n table.getRightLeafColumns = memo(\n () => [table.getAllLeafColumns(), table.getState().columnPinning.right],\n (allColumns, right) => {\n return (right ?? [])\n .map(columnId => allColumns.find(column => column.id === columnId)!)\n .filter(Boolean)\n },\n getMemoOptions(table.options, 'debugColumns', 'getRightLeafColumns')\n )\n\n table.getCenterLeafColumns = memo(\n () => [\n table.getAllLeafColumns(),\n table.getState().columnPinning.left,\n table.getState().columnPinning.right,\n ],\n (allColumns, left, right) => {\n const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]\n\n return allColumns.filter(d => !leftAndRight.includes(d.id))\n },\n getMemoOptions(table.options, 'debugColumns', 'getCenterLeafColumns')\n )\n },\n}\n"],"names":[],"mappings":"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"}
@@ -14,17 +14,17 @@ const getDefaultColumnSizingInfoState = () => ({
14
14
  columnSizingStart: []
15
15
  });
16
16
  const ColumnSizing = {
17
- getDefaultColumnDef: () => {
17
+ _getDefaultColumnDef: () => {
18
18
  return defaultColumnSizing;
19
19
  },
20
- getInitialState: (state) => {
20
+ _getInitialState: (state) => {
21
21
  return {
22
22
  columnSizing: {},
23
23
  columnSizingInfo: getDefaultColumnSizingInfoState(),
24
24
  ...state
25
25
  };
26
26
  },
27
- getDefaultOptions: (table) => {
27
+ _getDefaultOptions: (table) => {
28
28
  return {
29
29
  columnResizeMode: "onEnd",
30
30
  columnResizeDirection: "ltr",
@@ -32,7 +32,7 @@ const ColumnSizing = {
32
32
  onColumnSizingInfoChange: makeStateUpdater("columnSizingInfo", table)
33
33
  };
34
34
  },
35
- createColumn: (column, table) => {
35
+ _createColumn: (column, table) => {
36
36
  column.getSize = () => {
37
37
  const columnSize = table.getState().columnSizing[column.id];
38
38
  return Math.min(
@@ -73,7 +73,7 @@ const ColumnSizing = {
73
73
  return table.getState().columnSizingInfo.isResizingColumn === column.id;
74
74
  };
75
75
  },
76
- createHeader: (header, table) => {
76
+ _createHeader: (header, table) => {
77
77
  header.getSize = () => {
78
78
  let sum = 0;
79
79
  const recurse = (header2) => {
@@ -230,7 +230,7 @@ const ColumnSizing = {
230
230
  };
231
231
  };
232
232
  },
233
- createTable: (table) => {
233
+ _createTable: (table) => {
234
234
  table.setColumnSizing = (updater) => {
235
235
  var _a, _b;
236
236
  return (_b = (_a = table.options).onColumnSizingChange) == null ? void 0 : _b.call(_a, updater);
@@ -277,8 +277,7 @@ const ColumnSizing = {
277
277
  };
278
278
  let passiveSupported = null;
279
279
  function passiveEventSupported() {
280
- if (typeof passiveSupported === "boolean")
281
- return passiveSupported;
280
+ if (typeof passiveSupported === "boolean") return passiveSupported;
282
281
  let supported = false;
283
282
  try {
284
283
  const options = {
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnSizing.js","sources":["../../../src/features/ColumnSizing.ts"],"sourcesContent":["import { _getVisibleLeafColumns } from '..'\nimport {\n RowData,\n Column,\n Header,\n OnChangeFn,\n Table,\n Updater,\n TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\nimport { ColumnPinningPosition } from './ColumnPinning'\n\n//\n\nexport interface ColumnSizingTableState {\n columnSizing: ColumnSizingState\n columnSizingInfo: ColumnSizingInfoState\n}\n\nexport type ColumnSizingState = Record<string, number>\n\nexport interface ColumnSizingInfoState {\n columnSizingStart: [string, number][]\n deltaOffset: null | number\n deltaPercentage: null | number\n isResizingColumn: false | string\n startOffset: null | number\n startSize: null | number\n}\n\nexport type ColumnResizeMode = 'onChange' | 'onEnd'\n\nexport type ColumnResizeDirection = 'ltr' | 'rtl'\n\nexport interface ColumnSizingOptions {\n /**\n * Determines when the columnSizing state is updated. `onChange` updates the state when the user is dragging the resize handle. `onEnd` updates the state when the user releases the resize handle.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnresizemode)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n columnResizeMode?: ColumnResizeMode\n /**\n * Enables or disables column resizing for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enablecolumnresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n enableColumnResizing?: boolean\n /**\n * Enables or disables right-to-left support for resizing the column. defaults to 'ltr'.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnResizeDirection)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n columnResizeDirection?: ColumnResizeDirection\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnSizing` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizing` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizingchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n onColumnSizingChange?: OnChangeFn<ColumnSizingState>\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnSizingInfo` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizingInfo` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizinginfochange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n onColumnSizingInfoChange?: OnChangeFn<ColumnSizingInfoState>\n}\n\nexport type ColumnSizingDefaultOptions = Pick<\n ColumnSizingOptions,\n | 'columnResizeMode'\n | 'onColumnSizingChange'\n | 'onColumnSizingInfoChange'\n | 'columnResizeDirection'\n>\n\nexport interface ColumnSizingInstance {\n /**\n * If pinning, returns the total size of the center portion of the table by calculating the sum of the sizes of all unpinned/center leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcentertotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getCenterTotalSize: () => number\n /**\n * Returns the total size of the left portion of the table by calculating the sum of the sizes of all left leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getlefttotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getLeftTotalSize: () => number\n /**\n * Returns the total size of the right portion of the table by calculating the sum of the sizes of all right leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getrighttotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getRightTotalSize: () => number\n /**\n * Returns the total size of the table by calculating the sum of the sizes of all leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#gettotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getTotalSize: () => number\n /**\n * Resets column sizing to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetcolumnsizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetColumnSizing: (defaultState?: boolean) => void\n /**\n * Resets column sizing info to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetheadersizeinfo)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetHeaderSizeInfo: (defaultState?: boolean) => void\n /**\n * Sets the column sizing state using an updater function or a value. This will trigger the underlying `onColumnSizingChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n /**\n * Sets the column sizing info state using an updater function or a value. This will trigger the underlying `onColumnSizingInfoChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizinginfo)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n setColumnSizingInfo: (updater: Updater<ColumnSizingInfoState>) => void\n}\n\nexport interface ColumnSizingColumnDef {\n /**\n * Enables or disables column resizing for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enableresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n enableResizing?: boolean\n /**\n * The maximum allowed size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#maxsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n maxSize?: number\n /**\n * The minimum allowed size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#minsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n minSize?: number\n /**\n * The desired size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#size)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n size?: number\n}\n\nexport interface ColumnSizingColumn {\n /**\n * Returns `true` if the column can be resized.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcanresize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getCanResize: () => boolean\n /**\n * Returns `true` if the column is currently being resized.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getisresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getIsResizing: () => boolean\n /**\n * Returns the current size of the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getSize: () => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding (left) headers in relation to the current column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getStart: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all succeeding (right) headers in relation to the current column.\n */\n getAfter: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Resets the column to its initial size.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetSize: () => void\n}\n\nexport interface ColumnSizingHeader {\n /**\n * Returns an event handler function that can be used to resize the header. It can be used as an:\n * - `onMouseDown` handler\n * - `onTouchStart` handler\n *\n * The dragging and release events are automatically handled for you.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getresizehandler)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getResizeHandler: (context?: Document) => (event: unknown) => void\n /**\n * Returns the current size of the header.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getSize: () => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding headers.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getStart: (position?: ColumnPinningPosition) => number\n}\n\n//\n\nexport const defaultColumnSizing = {\n size: 150,\n minSize: 20,\n maxSize: Number.MAX_SAFE_INTEGER,\n}\n\nconst getDefaultColumnSizingInfoState = (): ColumnSizingInfoState => ({\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n isResizingColumn: false,\n columnSizingStart: [],\n})\n\nexport const ColumnSizing: TableFeature = {\n getDefaultColumnDef: (): ColumnSizingColumnDef => {\n return defaultColumnSizing\n },\n getInitialState: (state): ColumnSizingTableState => {\n return {\n columnSizing: {},\n columnSizingInfo: getDefaultColumnSizingInfoState(),\n ...state,\n }\n },\n\n getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnSizingDefaultOptions => {\n return {\n columnResizeMode: 'onEnd',\n columnResizeDirection: 'ltr',\n onColumnSizingChange: makeStateUpdater('columnSizing', table),\n onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table),\n }\n },\n\n createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.getSize = () => {\n const columnSize = table.getState().columnSizing[column.id]\n\n return Math.min(\n Math.max(\n column.columnDef.minSize ?? defaultColumnSizing.minSize,\n columnSize ?? column.columnDef.size ?? defaultColumnSizing.size\n ),\n column.columnDef.maxSize ?? defaultColumnSizing.maxSize\n )\n }\n\n column.getStart = memo(\n position => [\n position,\n _getVisibleLeafColumns(table, position),\n table.getState().columnSizing,\n ],\n (position, columns) =>\n columns\n .slice(0, column.getIndex(position))\n .reduce((sum, column) => sum + column.getSize(), 0),\n getMemoOptions(table.options, 'debugColumns', 'getStart')\n )\n\n column.getAfter = memo(\n position => [\n position,\n _getVisibleLeafColumns(table, position),\n table.getState().columnSizing,\n ],\n (position, columns) =>\n columns\n .slice(column.getIndex(position) + 1)\n .reduce((sum, column) => sum + column.getSize(), 0),\n getMemoOptions(table.options, 'debugColumns', 'getAfter')\n )\n\n column.resetSize = () => {\n table.setColumnSizing(({ [column.id]: _, ...rest }) => {\n return rest\n })\n }\n column.getCanResize = () => {\n return (\n (column.columnDef.enableResizing ?? true) &&\n (table.options.enableColumnResizing ?? true)\n )\n }\n column.getIsResizing = () => {\n return table.getState().columnSizingInfo.isResizingColumn === column.id\n }\n },\n\n createHeader: <TData extends RowData, TValue>(\n header: Header<TData, TValue>,\n table: Table<TData>\n ): void => {\n header.getSize = () => {\n let sum = 0\n\n const recurse = (header: Header<TData, TValue>) => {\n if (header.subHeaders.length) {\n header.subHeaders.forEach(recurse)\n } else {\n sum += header.column.getSize() ?? 0\n }\n }\n\n recurse(header)\n\n return sum\n }\n header.getStart = () => {\n if (header.index > 0) {\n const prevSiblingHeader = header.headerGroup.headers[header.index - 1]!\n return prevSiblingHeader.getStart() + prevSiblingHeader.getSize()\n }\n\n return 0\n }\n header.getResizeHandler = _contextDocument => {\n const column = table.getColumn(header.column.id)\n const canResize = column?.getCanResize()\n\n return (e: unknown) => {\n if (!column || !canResize) {\n return\n }\n\n ;(e as any).persist?.()\n\n if (isTouchStartEvent(e)) {\n // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n if (e.touches && e.touches.length > 1) {\n return\n }\n }\n\n const startSize = header.getSize()\n\n const columnSizingStart: [string, number][] = header\n ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()])\n : [[column.id, column.getSize()]]\n\n const clientX = isTouchStartEvent(e)\n ? Math.round(e.touches[0]!.clientX)\n : (e as MouseEvent).clientX\n\n const newColumnSizing: ColumnSizingState = {}\n\n const updateOffset = (\n eventType: 'move' | 'end',\n clientXPos?: number\n ) => {\n if (typeof clientXPos !== 'number') {\n return\n }\n\n table.setColumnSizingInfo(old => {\n const deltaDirection =\n table.options.columnResizeDirection === 'rtl' ? -1 : 1\n const deltaOffset =\n (clientXPos - (old?.startOffset ?? 0)) * deltaDirection\n const deltaPercentage = Math.max(\n deltaOffset / (old?.startSize ?? 0),\n -0.999999\n )\n\n old.columnSizingStart.forEach(([columnId, headerSize]) => {\n newColumnSizing[columnId] =\n Math.round(\n Math.max(headerSize + headerSize * deltaPercentage, 0) * 100\n ) / 100\n })\n\n return {\n ...old,\n deltaOffset,\n deltaPercentage,\n }\n })\n\n if (\n table.options.columnResizeMode === 'onChange' ||\n eventType === 'end'\n ) {\n table.setColumnSizing(old => ({\n ...old,\n ...newColumnSizing,\n }))\n }\n }\n\n const onMove = (clientXPos?: number) => updateOffset('move', clientXPos)\n\n const onEnd = (clientXPos?: number) => {\n updateOffset('end', clientXPos)\n\n table.setColumnSizingInfo(old => ({\n ...old,\n isResizingColumn: false,\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n columnSizingStart: [],\n }))\n }\n\n const contextDocument =\n _contextDocument || typeof document !== 'undefined' ? document : null\n\n const mouseEvents = {\n moveHandler: (e: MouseEvent) => onMove(e.clientX),\n upHandler: (e: MouseEvent) => {\n contextDocument?.removeEventListener(\n 'mousemove',\n mouseEvents.moveHandler\n )\n contextDocument?.removeEventListener(\n 'mouseup',\n mouseEvents.upHandler\n )\n onEnd(e.clientX)\n },\n }\n\n const touchEvents = {\n moveHandler: (e: TouchEvent) => {\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onMove(e.touches[0]!.clientX)\n return false\n },\n upHandler: (e: TouchEvent) => {\n contextDocument?.removeEventListener(\n 'touchmove',\n touchEvents.moveHandler\n )\n contextDocument?.removeEventListener(\n 'touchend',\n touchEvents.upHandler\n )\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onEnd(e.touches[0]?.clientX)\n },\n }\n\n const passiveIfSupported = passiveEventSupported()\n ? { passive: false }\n : false\n\n if (isTouchStartEvent(e)) {\n contextDocument?.addEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n passiveIfSupported\n )\n contextDocument?.addEventListener(\n 'touchend',\n touchEvents.upHandler,\n passiveIfSupported\n )\n } else {\n contextDocument?.addEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n passiveIfSupported\n )\n contextDocument?.addEventListener(\n 'mouseup',\n mouseEvents.upHandler,\n passiveIfSupported\n )\n }\n\n table.setColumnSizingInfo(old => ({\n ...old,\n startOffset: clientX,\n startSize,\n deltaOffset: 0,\n deltaPercentage: 0,\n columnSizingStart,\n isResizingColumn: column.id,\n }))\n }\n }\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnSizing = updater =>\n table.options.onColumnSizingChange?.(updater)\n table.setColumnSizingInfo = updater =>\n table.options.onColumnSizingInfoChange?.(updater)\n table.resetColumnSizing = defaultState => {\n table.setColumnSizing(\n defaultState ? {} : table.initialState.columnSizing ?? {}\n )\n }\n table.resetHeaderSizeInfo = defaultState => {\n table.setColumnSizingInfo(\n defaultState\n ? getDefaultColumnSizingInfoState()\n : table.initialState.columnSizingInfo ??\n getDefaultColumnSizingInfoState()\n )\n }\n table.getTotalSize = () =>\n table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getLeftTotalSize = () =>\n table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getCenterTotalSize = () =>\n table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getRightTotalSize = () =>\n table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n },\n}\n\nlet passiveSupported: boolean | null = null\nexport function passiveEventSupported() {\n if (typeof passiveSupported === 'boolean') return passiveSupported\n\n let supported = false\n try {\n const options = {\n get passive() {\n supported = true\n return false\n },\n }\n\n const noop = () => {}\n\n window.addEventListener('test', noop, options)\n window.removeEventListener('test', noop)\n } catch (err) {\n supported = false\n }\n passiveSupported = supported\n return passiveSupported\n}\n\nfunction isTouchStartEvent(e: unknown): e is TouchEvent {\n return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":["column","header","e"],"mappings":"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"}
1
+ {"version":3,"file":"ColumnSizing.js","sources":["../../../src/features/ColumnSizing.ts"],"sourcesContent":["import { _getVisibleLeafColumns } from '..'\nimport {\n RowData,\n Column,\n Header,\n OnChangeFn,\n Table,\n Updater,\n TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\nimport { ColumnPinningPosition } from './ColumnPinning'\n\n//\n\nexport interface ColumnSizingTableState {\n columnSizing: ColumnSizingState\n columnSizingInfo: ColumnSizingInfoState\n}\n\nexport type ColumnSizingState = Record<string, number>\n\nexport interface ColumnSizingInfoState {\n columnSizingStart: [string, number][]\n deltaOffset: null | number\n deltaPercentage: null | number\n isResizingColumn: false | string\n startOffset: null | number\n startSize: null | number\n}\n\nexport type ColumnResizeMode = 'onChange' | 'onEnd'\n\nexport type ColumnResizeDirection = 'ltr' | 'rtl'\n\nexport interface ColumnSizingOptions {\n /**\n * Determines when the columnSizing state is updated. `onChange` updates the state when the user is dragging the resize handle. `onEnd` updates the state when the user releases the resize handle.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnresizemode)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n columnResizeMode?: ColumnResizeMode\n /**\n * Enables or disables column resizing for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enablecolumnresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n enableColumnResizing?: boolean\n /**\n * Enables or disables right-to-left support for resizing the column. defaults to 'ltr'.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnResizeDirection)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n columnResizeDirection?: ColumnResizeDirection\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnSizing` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizing` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizingchange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n onColumnSizingChange?: OnChangeFn<ColumnSizingState>\n /**\n * If provided, this function will be called with an `updaterFn` when `state.columnSizingInfo` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizingInfo` from your own managed state.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizinginfochange)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n onColumnSizingInfoChange?: OnChangeFn<ColumnSizingInfoState>\n}\n\nexport type ColumnSizingDefaultOptions = Pick<\n ColumnSizingOptions,\n | 'columnResizeMode'\n | 'onColumnSizingChange'\n | 'onColumnSizingInfoChange'\n | 'columnResizeDirection'\n>\n\nexport interface ColumnSizingInstance {\n /**\n * If pinning, returns the total size of the center portion of the table by calculating the sum of the sizes of all unpinned/center leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcentertotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getCenterTotalSize: () => number\n /**\n * Returns the total size of the left portion of the table by calculating the sum of the sizes of all left leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getlefttotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getLeftTotalSize: () => number\n /**\n * Returns the total size of the right portion of the table by calculating the sum of the sizes of all right leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getrighttotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getRightTotalSize: () => number\n /**\n * Returns the total size of the table by calculating the sum of the sizes of all leaf-columns.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#gettotalsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getTotalSize: () => number\n /**\n * Resets column sizing to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetcolumnsizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetColumnSizing: (defaultState?: boolean) => void\n /**\n * Resets column sizing info to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetheadersizeinfo)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetHeaderSizeInfo: (defaultState?: boolean) => void\n /**\n * Sets the column sizing state using an updater function or a value. This will trigger the underlying `onColumnSizingChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n /**\n * Sets the column sizing info state using an updater function or a value. This will trigger the underlying `onColumnSizingInfoChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizinginfo)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n setColumnSizingInfo: (updater: Updater<ColumnSizingInfoState>) => void\n}\n\nexport interface ColumnSizingColumnDef {\n /**\n * Enables or disables column resizing for the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enableresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n enableResizing?: boolean\n /**\n * The maximum allowed size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#maxsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n maxSize?: number\n /**\n * The minimum allowed size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#minsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n minSize?: number\n /**\n * The desired size for the column\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#size)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n size?: number\n}\n\nexport interface ColumnSizingColumn {\n /**\n * Returns `true` if the column can be resized.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcanresize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getCanResize: () => boolean\n /**\n * Returns `true` if the column is currently being resized.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getisresizing)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getIsResizing: () => boolean\n /**\n * Returns the current size of the column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getSize: () => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding (left) headers in relation to the current column.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getStart: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all succeeding (right) headers in relation to the current column.\n */\n getAfter: (position?: ColumnPinningPosition | 'center') => number\n /**\n * Resets the column to its initial size.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n resetSize: () => void\n}\n\nexport interface ColumnSizingHeader {\n /**\n * Returns an event handler function that can be used to resize the header. It can be used as an:\n * - `onMouseDown` handler\n * - `onTouchStart` handler\n *\n * The dragging and release events are automatically handled for you.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getresizehandler)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getResizeHandler: (context?: Document) => (event: unknown) => void\n /**\n * Returns the current size of the header.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getSize: () => number\n /**\n * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding headers.\n * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n */\n getStart: (position?: ColumnPinningPosition) => number\n}\n\n//\n\nexport const defaultColumnSizing = {\n size: 150,\n minSize: 20,\n maxSize: Number.MAX_SAFE_INTEGER,\n}\n\nconst getDefaultColumnSizingInfoState = (): ColumnSizingInfoState => ({\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n isResizingColumn: false,\n columnSizingStart: [],\n})\n\nexport const ColumnSizing: TableFeature = {\n _getDefaultColumnDef: (): ColumnSizingColumnDef => {\n return defaultColumnSizing\n },\n _getInitialState: (state): ColumnSizingTableState => {\n return {\n columnSizing: {},\n columnSizingInfo: getDefaultColumnSizingInfoState(),\n ...state,\n }\n },\n\n _getDefaultOptions: <TData extends RowData>(\n table: Table<TData>\n ): ColumnSizingDefaultOptions => {\n return {\n columnResizeMode: 'onEnd',\n columnResizeDirection: 'ltr',\n onColumnSizingChange: makeStateUpdater('columnSizing', table),\n onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table),\n }\n },\n\n _createColumn: <TData extends RowData, TValue>(\n column: Column<TData, TValue>,\n table: Table<TData>\n ): void => {\n column.getSize = () => {\n const columnSize = table.getState().columnSizing[column.id]\n\n return Math.min(\n Math.max(\n column.columnDef.minSize ?? defaultColumnSizing.minSize,\n columnSize ?? column.columnDef.size ?? defaultColumnSizing.size\n ),\n column.columnDef.maxSize ?? defaultColumnSizing.maxSize\n )\n }\n\n column.getStart = memo(\n position => [\n position,\n _getVisibleLeafColumns(table, position),\n table.getState().columnSizing,\n ],\n (position, columns) =>\n columns\n .slice(0, column.getIndex(position))\n .reduce((sum, column) => sum + column.getSize(), 0),\n getMemoOptions(table.options, 'debugColumns', 'getStart')\n )\n\n column.getAfter = memo(\n position => [\n position,\n _getVisibleLeafColumns(table, position),\n table.getState().columnSizing,\n ],\n (position, columns) =>\n columns\n .slice(column.getIndex(position) + 1)\n .reduce((sum, column) => sum + column.getSize(), 0),\n getMemoOptions(table.options, 'debugColumns', 'getAfter')\n )\n\n column.resetSize = () => {\n table.setColumnSizing(({ [column.id]: _, ...rest }) => {\n return rest\n })\n }\n column.getCanResize = () => {\n return (\n (column.columnDef.enableResizing ?? true) &&\n (table.options.enableColumnResizing ?? true)\n )\n }\n column.getIsResizing = () => {\n return table.getState().columnSizingInfo.isResizingColumn === column.id\n }\n },\n\n _createHeader: <TData extends RowData, TValue>(\n header: Header<TData, TValue>,\n table: Table<TData>\n ): void => {\n header.getSize = () => {\n let sum = 0\n\n const recurse = (header: Header<TData, TValue>) => {\n if (header.subHeaders.length) {\n header.subHeaders.forEach(recurse)\n } else {\n sum += header.column.getSize() ?? 0\n }\n }\n\n recurse(header)\n\n return sum\n }\n header.getStart = () => {\n if (header.index > 0) {\n const prevSiblingHeader = header.headerGroup.headers[header.index - 1]!\n return prevSiblingHeader.getStart() + prevSiblingHeader.getSize()\n }\n\n return 0\n }\n header.getResizeHandler = _contextDocument => {\n const column = table.getColumn(header.column.id)\n const canResize = column?.getCanResize()\n\n return (e: unknown) => {\n if (!column || !canResize) {\n return\n }\n\n ;(e as any).persist?.()\n\n if (isTouchStartEvent(e)) {\n // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n if (e.touches && e.touches.length > 1) {\n return\n }\n }\n\n const startSize = header.getSize()\n\n const columnSizingStart: [string, number][] = header\n ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()])\n : [[column.id, column.getSize()]]\n\n const clientX = isTouchStartEvent(e)\n ? Math.round(e.touches[0]!.clientX)\n : (e as MouseEvent).clientX\n\n const newColumnSizing: ColumnSizingState = {}\n\n const updateOffset = (\n eventType: 'move' | 'end',\n clientXPos?: number\n ) => {\n if (typeof clientXPos !== 'number') {\n return\n }\n\n table.setColumnSizingInfo(old => {\n const deltaDirection =\n table.options.columnResizeDirection === 'rtl' ? -1 : 1\n const deltaOffset =\n (clientXPos - (old?.startOffset ?? 0)) * deltaDirection\n const deltaPercentage = Math.max(\n deltaOffset / (old?.startSize ?? 0),\n -0.999999\n )\n\n old.columnSizingStart.forEach(([columnId, headerSize]) => {\n newColumnSizing[columnId] =\n Math.round(\n Math.max(headerSize + headerSize * deltaPercentage, 0) * 100\n ) / 100\n })\n\n return {\n ...old,\n deltaOffset,\n deltaPercentage,\n }\n })\n\n if (\n table.options.columnResizeMode === 'onChange' ||\n eventType === 'end'\n ) {\n table.setColumnSizing(old => ({\n ...old,\n ...newColumnSizing,\n }))\n }\n }\n\n const onMove = (clientXPos?: number) => updateOffset('move', clientXPos)\n\n const onEnd = (clientXPos?: number) => {\n updateOffset('end', clientXPos)\n\n table.setColumnSizingInfo(old => ({\n ...old,\n isResizingColumn: false,\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n columnSizingStart: [],\n }))\n }\n\n const contextDocument =\n _contextDocument || typeof document !== 'undefined' ? document : null\n\n const mouseEvents = {\n moveHandler: (e: MouseEvent) => onMove(e.clientX),\n upHandler: (e: MouseEvent) => {\n contextDocument?.removeEventListener(\n 'mousemove',\n mouseEvents.moveHandler\n )\n contextDocument?.removeEventListener(\n 'mouseup',\n mouseEvents.upHandler\n )\n onEnd(e.clientX)\n },\n }\n\n const touchEvents = {\n moveHandler: (e: TouchEvent) => {\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onMove(e.touches[0]!.clientX)\n return false\n },\n upHandler: (e: TouchEvent) => {\n contextDocument?.removeEventListener(\n 'touchmove',\n touchEvents.moveHandler\n )\n contextDocument?.removeEventListener(\n 'touchend',\n touchEvents.upHandler\n )\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onEnd(e.touches[0]?.clientX)\n },\n }\n\n const passiveIfSupported = passiveEventSupported()\n ? { passive: false }\n : false\n\n if (isTouchStartEvent(e)) {\n contextDocument?.addEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n passiveIfSupported\n )\n contextDocument?.addEventListener(\n 'touchend',\n touchEvents.upHandler,\n passiveIfSupported\n )\n } else {\n contextDocument?.addEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n passiveIfSupported\n )\n contextDocument?.addEventListener(\n 'mouseup',\n mouseEvents.upHandler,\n passiveIfSupported\n )\n }\n\n table.setColumnSizingInfo(old => ({\n ...old,\n startOffset: clientX,\n startSize,\n deltaOffset: 0,\n deltaPercentage: 0,\n columnSizingStart,\n isResizingColumn: column.id,\n }))\n }\n }\n },\n\n _createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setColumnSizing = updater =>\n table.options.onColumnSizingChange?.(updater)\n table.setColumnSizingInfo = updater =>\n table.options.onColumnSizingInfoChange?.(updater)\n table.resetColumnSizing = defaultState => {\n table.setColumnSizing(\n defaultState ? {} : table.initialState.columnSizing ?? {}\n )\n }\n table.resetHeaderSizeInfo = defaultState => {\n table.setColumnSizingInfo(\n defaultState\n ? getDefaultColumnSizingInfoState()\n : table.initialState.columnSizingInfo ??\n getDefaultColumnSizingInfoState()\n )\n }\n table.getTotalSize = () =>\n table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getLeftTotalSize = () =>\n table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getCenterTotalSize = () =>\n table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n table.getRightTotalSize = () =>\n table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {\n return sum + header.getSize()\n }, 0) ?? 0\n },\n}\n\nlet passiveSupported: boolean | null = null\nexport function passiveEventSupported() {\n if (typeof passiveSupported === 'boolean') return passiveSupported\n\n let supported = false\n try {\n const options = {\n get passive() {\n supported = true\n return false\n },\n }\n\n const noop = () => {}\n\n window.addEventListener('test', noop, options)\n window.removeEventListener('test', noop)\n } catch (err) {\n supported = false\n }\n passiveSupported = supported\n return passiveSupported\n}\n\nfunction isTouchStartEvent(e: unknown): e is TouchEvent {\n return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":["column","header","e"],"mappings":"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"}
@@ -1,17 +1,17 @@
1
1
  import { makeStateUpdater, memo, getMemoOptions } from "../utils.js";
2
2
  const ColumnVisibility = {
3
- getInitialState: (state) => {
3
+ _getInitialState: (state) => {
4
4
  return {
5
5
  columnVisibility: {},
6
6
  ...state
7
7
  };
8
8
  },
9
- getDefaultOptions: (table) => {
9
+ _getDefaultOptions: (table) => {
10
10
  return {
11
11
  onColumnVisibilityChange: makeStateUpdater("columnVisibility", table)
12
12
  };
13
13
  },
14
- createColumn: (column, table) => {
14
+ _createColumn: (column, table) => {
15
15
  column.toggleVisibility = (value) => {
16
16
  if (column.getCanHide()) {
17
17
  table.setColumnVisibility((old) => ({
@@ -38,7 +38,7 @@ const ColumnVisibility = {
38
38
  };
39
39
  };
40
40
  },
41
- createRow: (row, table) => {
41
+ _createRow: (row, table) => {
42
42
  row._getAllVisibleCells = memo(
43
43
  () => [row.getAllCells(), table.getState().columnVisibility],
44
44
  (cells) => {
@@ -56,7 +56,7 @@ const ColumnVisibility = {
56
56
  getMemoOptions(table.options, "debugRows", "getVisibleCells")
57
57
  );
58
58
  },
59
- createTable: (table) => {
59
+ _createTable: (table) => {
60
60
  const makeVisibleColumnsMethod = (key, getColumns) => {
61
61
  return memo(
62
62
  () => [