Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New components: DataTable + variants #103

Merged
merged 39 commits into from
Jan 17, 2025
Merged

New components: DataTable + variants #103

Changes from 1 commit
Commits
Show all changes
39 commits
Select commit Hold shift + click to select a range
47af732
Port over DataTable code from earlier Baklava.
Nov 20, 2024
04c6f29
Add license headers.
Nov 26, 2024
7060de8
Rework basic DataTable components to be free of errors.
Nov 27, 2024
67da159
Work on MultiSearch component.
Nov 28, 2024
01e4a9d
PLAT-3985 WIP
Dec 3, 2024
4481df6
Merge branch 'master' into feature/component-data-table
Dec 5, 2024
249a0d9
Fix story paths for tables.
Dec 5, 2024
3e1891c
Merge branch 'feature/component-data-table' of github.com:fortanix/ba…
Dec 5, 2024
4a6a34f
Merge branch 'master' into feature/component-data-table
Dec 9, 2024
25d8bc0
Datatables: Clear all type errors
Dec 10, 2024
e957813
Merge branch 'master' into feature/component-data-table
Jan 6, 2025
31ac8d7
Datatables: Initial table styling (basic search, table, pagination)
Jan 14, 2025
166de08
Merge branch 'master' into feature/component-data-table
Jan 14, 2025
5bae990
Data Table: Add --legacy-peer-deps arg
Jan 14, 2025
dfb8328
Data Table: fixes
Jan 14, 2025
ec493b3
Data Table: add missing file headers
Jan 14, 2025
8d26fc0
Data Table: Fix formatting issue
Jan 14, 2025
3488d85
Data Table: Fix formatting issue
Jan 14, 2025
e322213
Data Table: Remove unused util
Jan 14, 2025
a01e673
Data Table: Remove unused util
Jan 14, 2025
ec4f386
Data Table: Fix CSS issues
Jan 14, 2025
3540382
Merge branch 'master' into feature/component-data-table
mkrause Jan 14, 2025
dad79ac
Data Table: PR Review
Jan 15, 2025
1913379
Data Table: PR Review
Jan 15, 2025
c42702d
Data Table: Replace --legacy-peer-deps with overrides
Jan 15, 2025
da555ac
Merge branch 'master' into feature/component-data-table
mkrause Jan 15, 2025
72b5a93
Trim 'Load more' button.
mkrause Jan 15, 2025
bfffc8d
Data Table: PR Review
Jan 16, 2025
af5b30f
Code cleanup.
mkrause Jan 16, 2025
ff30e9a
Fix onPress -> onClick on non-Button elements.
mkrause Jan 16, 2025
91a0a81
Clean up.
mkrause Jan 16, 2025
e5722d3
Resolve some comments.
mkrause Jan 16, 2025
fa40ec1
Refactor Pagination styling to Sass modules.
mkrause Jan 16, 2025
68aed0e
Comment out some stories that are not ready.
mkrause Jan 16, 2025
d3c3b9c
Convert some .scss files to .module.scss.
mkrause Jan 16, 2025
9d9ebaf
Convert PaginationSizeSelector.scss to .module.scss.
mkrause Jan 16, 2025
4297bbc
Data Table: Convert to DataTable.module.scss + move hooks higher.
Jan 17, 2025
5390f98
Tweak shimmer effect according to design input.
mkrause Jan 17, 2025
62c04f4
Tweak shimmer effect according to design input.
mkrause Jan 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Data Table: Fix formatting issue
  • Loading branch information
Imad A. Bakir committed Jan 14, 2025
commit 8d26fc00e995f5b59c96607e2f9807bd8904a1d3
25 changes: 12 additions & 13 deletions src/components/tables/DataTable/pagination/Pagination.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,26 +15,25 @@ import { useTable } from "../DataTableContext.tsx";

import "./Pagination.scss";


type PaginationProps = {
pageSizeOptions?: Array<PageSizeOption>;
};
export const Pagination = ({ pageSizeOptions }: PaginationProps) => {
const { table } = useTable();

/*
Available pagination state:
- table.state.pageIndex
- table.state.pageSize
- table.canPreviousPage
- table.canNextPage
- table.pageOptions
- table.pageCount
- table.gotoPage
- table.nextPage
- table.previousPage
- table.setPageSize
*/
Available pagination state:
- table.state.pageIndex
- table.state.pageSize
- table.canPreviousPage
- table.canNextPage
- table.pageOptions
- table.pageCount
- table.gotoPage
- table.nextPage
- table.previousPage
- table.setPageSize
*/

return (
<div className="pagination">
Expand Down
Loading