npm - @tanstack/react-table - Versions diffs - 0.0.1-alpha.9 → 8.0.0-alpha.14 - Mend

@tanstack/react-table 0.0.1-alpha.9 → 8.0.0-alpha.14

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 (61) hide show

package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +34 -0
package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
package/build/cjs/index.js +114 -0
package/build/cjs/index.js.map +1 -0
package/build/esm/index.js +99 -0
package/build/esm/index.js.map +1 -0
package/build/stats-html.html +2689 -0
package/build/stats-react.json +99 -0
package/build/types/index.d.ts +13 -0
package/build/umd/index.development.js +134 -0
package/build/umd/index.development.js.map +1 -0
package/build/umd/index.production.js +12 -0
package/build/umd/index.production.js.map +1 -0
package/package.json +12 -94
package/src/index.tsx +105 -7
package/dist/react-table.development.js +0 -3406
package/dist/react-table.development.js.map +0 -1
package/dist/react-table.production.min.js +0 -2
package/dist/react-table.production.min.js.map +0 -1
package/lib/index.js +0 -65
package/src/aggregationTypes.ts +0 -115
package/src/core.tsx +0 -1194
package/src/createTable.tsx +0 -181
package/src/features/Expanding.ts +0 -388
package/src/features/Filters.ts +0 -707
package/src/features/Grouping.ts +0 -451
package/src/features/Headers.ts +0 -907
package/src/features/Ordering.ts +0 -134
package/src/features/Pinning.ts +0 -213
package/src/features/Sorting.ts +0 -487
package/src/features/Visibility.ts +0 -281
package/src/features/notest/useAbsoluteLayout.test.js +0 -152
package/src/features/notest/useBlockLayout.test.js +0 -158
package/src/features/notest/useColumnOrder.test.js +0 -186
package/src/features/notest/useExpanded.test.js +0 -125
package/src/features/notest/useFilters.test.js +0 -393
package/src/features/notest/useFiltersAndRowSelect.test.js +0 -256
package/src/features/notest/useFlexLayout.test.js +0 -152
package/src/features/notest/useGroupBy.test.js +0 -259
package/src/features/notest/usePagination.test.js +0 -231
package/src/features/notest/useResizeColumns.test.js +0 -229
package/src/features/notest/useRowSelect.test.js +0 -250
package/src/features/notest/useRowState.test.js +0 -178
package/src/features/tests/Visibility.test.tsx +0 -225
package/src/features/tests/__snapshots__/Visibility.test.tsx.snap +0 -390
package/src/features/tests/withSorting.notest.tsx +0 -341
package/src/features/withColumnResizing.ts +0 -281
package/src/features/withPagination.ts +0 -208
package/src/features/withRowSelection.ts +0 -467
package/src/filterTypes.ts +0 -251
package/src/sortTypes.ts +0 -159
package/src/test-utils/makeTestData.ts +0 -41
package/src/tests/__snapshots__/core.test.tsx.snap +0 -148
package/src/tests/core.test.tsx +0 -241
package/src/types.ts +0 -285
package/src/utils/columnFilterRowsFn.ts +0 -162
package/src/utils/expandRowsFn.ts +0 -53
package/src/utils/globalFilterRowsFn.ts +0 -129
package/src/utils/groupRowsFn.ts +0 -196
package/src/utils/sortRowsFn.ts +0 -115
package/src/utils.tsx +0 -243

package/src/features/tests/__snapshots__/Visibility.test.tsx.snap DELETED Viewed

@@ -1,390 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`useTable can toggle column visibility: 0 - after toggling all off 1`] = `
-{
-  "footers": [
-    [],
-    [],
-    [],
-  ],
-  "headers": [
-    [],
-    [],
-    [],
-  ],
-  "rows": [
-    [],
-    [],
-    [],
-  ],
-}
-`;
-exports[`useTable can toggle column visibility: 1 - after toggling all on 1`] = `
-{
-  "footers": [
-    [
-      [
-        "firstName",
-        "1",
-      ],
-      [
-        "lastName",
-        "1",
-      ],
-      [
-        "age",
-        "1",
-      ],
-      [
-        "visits",
-        "1",
-      ],
-      [
-        "status",
-        "1",
-      ],
-      [
-        "progress",
-        "1",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "More Info",
-        "3",
-      ],
-    ],
-    [
-      [
-        "Name",
-        "2",
-      ],
-      [
-        "Info",
-        "4",
-      ],
-    ],
-  ],
-  "headers": [
-    [
-      [
-        "Name",
-        "2",
-      ],
-      [
-        "Info",
-        "4",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "More Info",
-        "3",
-      ],
-    ],
-    [
-      [
-        "firstName",
-        "1",
-      ],
-      [
-        "<span>Last Name</span>",
-        "1",
-      ],
-      [
-        "Age",
-        "1",
-      ],
-      [
-        "<span>Visits</span>",
-        "1",
-      ],
-      [
-        "Status",
-        "1",
-      ],
-      [
-        "Profile Progress",
-        "1",
-      ],
-    ],
-  ],
-  "rows": [
-    [
-      "tanner",
-      "linsley",
-      "29",
-      "100",
-      "In Relationship",
-      "50",
-    ],
-    [
-      "derek",
-      "perkins",
-      "40",
-      "40",
-      "Single",
-      "80",
-    ],
-    [
-      "joe",
-      "bergevin",
-      "45",
-      "20",
-      "Complicated",
-      "10",
-    ],
-  ],
-}
-`;
-exports[`useTable can toggle column visibility: 2 - after toggling firstName off 1`] = `
-{
-  "footers": [
-    [
-      [
-        "lastName",
-        "1",
-      ],
-      [
-        "age",
-        "1",
-      ],
-      [
-        "visits",
-        "1",
-      ],
-      [
-        "status",
-        "1",
-      ],
-      [
-        "progress",
-        "1",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "More Info",
-        "3",
-      ],
-    ],
-    [
-      [
-        "Name",
-        "1",
-      ],
-      [
-        "Info",
-        "4",
-      ],
-    ],
-  ],
-  "headers": [
-    [
-      [
-        "Name",
-        "1",
-      ],
-      [
-        "Info",
-        "4",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "More Info",
-        "3",
-      ],
-    ],
-    [
-      [
-        "<span>Last Name</span>",
-        "1",
-      ],
-      [
-        "Age",
-        "1",
-      ],
-      [
-        "<span>Visits</span>",
-        "1",
-      ],
-      [
-        "Status",
-        "1",
-      ],
-      [
-        "Profile Progress",
-        "1",
-      ],
-    ],
-  ],
-  "rows": [
-    [
-      "linsley",
-      "29",
-      "100",
-      "In Relationship",
-      "50",
-    ],
-    [
-      "perkins",
-      "40",
-      "40",
-      "Single",
-      "80",
-    ],
-    [
-      "bergevin",
-      "45",
-      "20",
-      "Complicated",
-      "10",
-    ],
-  ],
-}
-`;
-exports[`useTable can toggle column visibility: 3 - after toggling More Info off 1`] = `
-{
-  "footers": [
-    [
-      [
-        "firstName",
-        "1",
-      ],
-      [
-        "lastName",
-        "1",
-      ],
-      [
-        "age",
-        "1",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-    ],
-    [
-      [
-        "Name",
-        "2",
-      ],
-      [
-        "Info",
-        "1",
-      ],
-    ],
-  ],
-  "headers": [
-    [
-      [
-        "Name",
-        "2",
-      ],
-      [
-        "Info",
-        "1",
-      ],
-    ],
-    [
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-      [
-        "",
-        "1",
-      ],
-    ],
-    [
-      [
-        "firstName",
-        "1",
-      ],
-      [
-        "<span>Last Name</span>",
-        "1",
-      ],
-      [
-        "Age",
-        "1",
-      ],
-    ],
-  ],
-  "rows": [
-    [
-      "tanner",
-      "linsley",
-      "29",
-    ],
-    [
-      "derek",
-      "perkins",
-      "40",
-    ],
-    [
-      "joe",
-      "bergevin",
-      "45",
-    ],
-  ],
-}
-`;

package/src/features/tests/withSorting.notest.tsx DELETED Viewed

@@ -1,341 +0,0 @@
-import React from 'react'
-import { renderHook, act } from '@testing-library/react-hooks'
-import { getHeaderIds, getRowValues } from '../../test-utils'
-import { useTable } from '../../core/useTable'
-import { noop } from '../../utils'
-import { withSorting } from '../withSorting'
-import type { Column, TableState } from '../../types'
-const data = [
-  {
-    firstName: 'tanner',
-    lastName: 'linsley',
-    age: 29,
-    visits: 100,
-    status: 'In Relationship',
-    progress: 80,
-  },
-  {
-    firstName: 'derek',
-    lastName: 'perkins',
-    age: 40,
-    visits: 40,
-    status: 'Single',
-    progress: 80,
-  },
-  {
-    firstName: 'joe',
-    lastName: 'bergevin',
-    age: 45,
-    visits: 20,
-    status: 'Complicated',
-    progress: 10,
-  },
-]
-const columns: Column[] = [
-  {
-    Header: 'Name',
-    columns: [
-      {
-        Header: 'First Name',
-        accessor: 'firstName',
-      },
-      {
-        Header: 'Last Name',
-        accessor: 'lastName',
-      },
-    ],
-  },
-  {
-    Header: 'Info',
-    columns: [
-      {
-        Header: 'Age',
-        accessor: 'age',
-      },
-      {
-        Header: 'Visits',
-        accessor: 'visits',
-      },
-      {
-        Header: 'Status',
-        accessor: 'status',
-      },
-      {
-        Header: 'Profile Progress',
-        accessor: 'progress',
-      },
-    ],
-  },
-]
-describe('withSorting', () => {
-  it('renders a sortable table', () => {
-    const { result } = renderHook(
-      options => {
-        const instance = useTable(options, [withCore, withSorting])
-        return instance
-      },
-      {
-        initialProps: {
-          data,
-          columns,
-        },
-      }
-    )
-    expect(getHeaderIds(result.current)).toEqual([
-      ['Name', 'Info'],
-      ['firstName', 'lastName', 'age', 'visits', 'status', 'progress'],
-    ])
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'progress')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-          shiftKey: true,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-  })
-  it('renders a controlled sorted table', () => {
-    const { result, rerender } = renderHook(
-      options => {
-        const instance = useTable(options, [withSorting])
-        return instance
-      },
-      {
-        initialProps: {
-          data,
-          columns,
-          state: {},
-        },
-      }
-    )
-    expect(getHeaderIds(result.current)).toEqual([
-      ['Name', 'Info'],
-      ['firstName', 'lastName', 'age', 'visits', 'status', 'progress'],
-    ])
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-    ])
-    rerender({
-      data,
-      columns,
-      state: { sorting: [{ id: 'firstName', desc: false }] },
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-    rerender({
-      data,
-      columns,
-      state: { sorting: [{ id: 'firstName', desc: true }] },
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    rerender({
-      data,
-      columns,
-      state: { sorting: [{ id: 'progress', desc: false }] },
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    rerender({
-      data,
-      columns,
-      state: {
-        sorting: [
-          { id: 'progress', desc: false },
-          { id: 'firstName', desc: false },
-        ],
-      },
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-  })
-  it('renders a hoisted state sorted table', () => {
-    const { result } = renderHook(
-      options => {
-        const [sorting, setSorting] = React.useState<TableState['sorting']>([])
-        const instance = useTable(
-          {
-            ...options,
-            state: {
-              sorting,
-            },
-            onSortingChange: setSorting,
-          },
-          [withSorting]
-        )
-        return instance
-      },
-      {
-        initialProps: {
-          data,
-          columns,
-        },
-      }
-    )
-    expect(getHeaderIds(result.current)).toEqual([
-      ['Name', 'Info'],
-      ['firstName', 'lastName', 'age', 'visits', 'status', 'progress'],
-    ])
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'progress')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-    ])
-    act(() => {
-      result.current.flatHeaders
-        .find(d => d.id === 'firstName')
-        ?.getToggleSortingProps?.()
-        .onClick({
-          persist: noop,
-          shiftKey: true,
-        })
-    })
-    expect(getRowValues(result.current)).toEqual([
-      ['joe', 'bergevin', 45, 20, 'Complicated', 10],
-      ['derek', 'perkins', 40, 40, 'Single', 80],
-      ['tanner', 'linsley', 29, 100, 'In Relationship', 80],
-    ])
-  })
-})