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.

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

feat: Add Table component #1797

Merged
merged 128 commits into from
Nov 24, 2023
Merged
Changes from 1 commit
Commits
Show all changes
128 commits
Select commit Hold shift + click to select a range
b761040
add table library
chaitanyadeorukhkar Oct 30, 2023
ac92e4d
add basic building blocks for header, body, footer
chaitanyadeorukhkar Oct 30, 2023
8910c49
add basic spacing
chaitanyadeorukhkar Oct 30, 2023
85ddd4d
add proper styling to table component
chaitanyadeorukhkar Oct 31, 2023
6d9718d
add select styling
chaitanyadeorukhkar Oct 31, 2023
267b35d
handle table selection
chaitanyadeorukhkar Nov 2, 2023
429b695
add onSelectionChange to Table component
chaitanyadeorukhkar Nov 2, 2023
20db516
update selection
chaitanyadeorukhkar Nov 3, 2023
322a680
make header and footer sticky
chaitanyadeorukhkar Nov 3, 2023
5c04d45
add cellDensity
chaitanyadeorukhkar Nov 3, 2023
c70cb73
add table toolbar component
chaitanyadeorukhkar Nov 3, 2023
985e175
fix sticky header
chaitanyadeorukhkar Nov 3, 2023
141b2fb
add comment
chaitanyadeorukhkar Nov 3, 2023
fde9075
update table toolbar background color
chaitanyadeorukhkar Nov 3, 2023
7efc6d0
update table toolbar selected items count
chaitanyadeorukhkar Nov 3, 2023
6a492c1
add sort functionality to table component
chaitanyadeorukhkar Nov 7, 2023
2c1b668
add back toolbar and rename cellDensity to rowDensity
chaitanyadeorukhkar Nov 7, 2023
cd31c98
calculate number of columns in table header
chaitanyadeorukhkar Nov 7, 2023
cce0053
handle Deselect
chaitanyadeorukhkar Nov 7, 2023
3c6e194
update sort icons
chaitanyadeorukhkar Nov 7, 2023
7484108
update grid style
chaitanyadeorukhkar Nov 7, 2023
4821987
handle background colors
chaitanyadeorukhkar Nov 7, 2023
a85ad4e
make header and footer non-transparent
chaitanyadeorukhkar Nov 8, 2023
d99160f
allow changing height of table
chaitanyadeorukhkar Nov 8, 2023
4c3821a
increase style specificity
chaitanyadeorukhkar Nov 8, 2023
fb468e5
handle table toolbar on mobile
chaitanyadeorukhkar Nov 8, 2023
7ebc5fe
add jsdoc to tabletoolbaractions
chaitanyadeorukhkar Nov 8, 2023
3d486c7
fix minor height issue
chaitanyadeorukhkar Nov 8, 2023
9a7a7a5
use updated svg icons
chaitanyadeorukhkar Nov 9, 2023
614281e
add empty TablePagination component
chaitanyadeorukhkar Nov 9, 2023
adcd56f
handle basic pagination
chaitanyadeorukhkar Nov 9, 2023
616c84f
handle pagination
chaitanyadeorukhkar Nov 10, 2023
a56a26b
update focus ring
chaitanyadeorukhkar Nov 10, 2023
f018400
update table pagination
chaitanyadeorukhkar Nov 10, 2023
208cc54
update pageSize logic
chaitanyadeorukhkar Nov 10, 2023
0d05b96
add showStripes
chaitanyadeorukhkar Nov 10, 2023
3bdb954
remove unused stuff
chaitanyadeorukhkar Nov 10, 2023
0e797b3
handle absence of pagination
chaitanyadeorukhkar Nov 10, 2023
5ab9f83
update stripes selected
chaitanyadeorukhkar Nov 10, 2023
5ef7f89
cleanup data
chaitanyadeorukhkar Nov 10, 2023
96cd81b
add focus management
chaitanyadeorukhkar Nov 14, 2023
37cd359
dynamically change toolbar title
chaitanyadeorukhkar Nov 14, 2023
71be039
use rows/page
chaitanyadeorukhkar Nov 14, 2023
5e3b61a
handle high page size
chaitanyadeorukhkar Nov 14, 2023
8d761f9
add truncation logic
chaitanyadeorukhkar Nov 14, 2023
55f6952
handle truncation button page jumps
chaitanyadeorukhkar Nov 14, 2023
1950793
handle pagination ellipsis hover
chaitanyadeorukhkar Nov 15, 2023
c3de094
handle pagination responsiveness
chaitanyadeorukhkar Nov 15, 2023
cb018ef
add todo
chaitanyadeorukhkar Nov 15, 2023
038b8b0
remove border radius
chaitanyadeorukhkar Nov 15, 2023
f34a548
change story
chaitanyadeorukhkar Nov 16, 2023
2a3d08e
make first column sticky
chaitanyadeorukhkar Nov 16, 2023
dad4810
fix all colors
chaitanyadeorukhkar Nov 17, 2023
6fb296c
update colors and pagination buttons
chaitanyadeorukhkar Nov 17, 2023
4452c14
update colors
chaitanyadeorukhkar Nov 17, 2023
347ad9f
update colors
chaitanyadeorukhkar Nov 17, 2023
a5b5768
make surfaceLevel default to 2
chaitanyadeorukhkar Nov 17, 2023
fa9bf0f
add label
chaitanyadeorukhkar Nov 17, 2023
b42aa5b
cleanup story
chaitanyadeorukhkar Nov 17, 2023
d5422e7
handle disabled rows
chaitanyadeorukhkar Nov 20, 2023
6f6273e
update colors
chaitanyadeorukhkar Nov 20, 2023
f23f172
resolve todos
chaitanyadeorukhkar Nov 20, 2023
0e1ac15
update types
chaitanyadeorukhkar Nov 20, 2023
54b52f1
cleanup types
chaitanyadeorukhkar Nov 20, 2023
e935f9f
update pagination
chaitanyadeorukhkar Nov 20, 2023
27ae003
fix types
chaitanyadeorukhkar Nov 20, 2023
84ca60f
cleanup dom structure
chaitanyadeorukhkar Nov 20, 2023
fd6d21f
cleanup story
chaitanyadeorukhkar Nov 20, 2023
7a69caf
fix vertical alignment of cell content
chaitanyadeorukhkar Nov 20, 2023
84f2af8
Merge remote-tracking branch 'origin/master' into feat/table-component
chaitanyadeorukhkar Nov 21, 2023
3ce0ae4
cleanup dom structure
chaitanyadeorukhkar Nov 21, 2023
facf414
fix table header role
chaitanyadeorukhkar Nov 21, 2023
0a63109
add table role
chaitanyadeorukhkar Nov 21, 2023
a6a151c
add styled props and isLoading
chaitanyadeorukhkar Nov 21, 2023
813134e
update metaAttributes
chaitanyadeorukhkar Nov 21, 2023
1e048cd
add isRefreshing prop
chaitanyadeorukhkar Nov 21, 2023
57cf56b
handle pagination buttons a11y
chaitanyadeorukhkar Nov 21, 2023
1a945b2
remove controlled page size
chaitanyadeorukhkar Nov 21, 2023
aa7561a
add jsdocs
chaitanyadeorukhkar Nov 21, 2023
0b0fee9
fix few bugs
chaitanyadeorukhkar Nov 22, 2023
9766e0a
fix bugs
chaitanyadeorukhkar Nov 22, 2023
932bd47
update story
chaitanyadeorukhkar Nov 22, 2023
c3fe631
tokenize zIndex
chaitanyadeorukhkar Nov 22, 2023
651b632
tokenize checkbox width
chaitanyadeorukhkar Nov 22, 2023
5348348
fix types
chaitanyadeorukhkar Nov 22, 2023
17584dc
fix types
chaitanyadeorukhkar Nov 22, 2023
147ffc4
export components
chaitanyadeorukhkar Nov 22, 2023
c4e26c4
cleanup table body styles
chaitanyadeorukhkar Nov 22, 2023
db008b8
add native fallbacks
chaitanyadeorukhkar Nov 22, 2023
a963f8f
add selectedTitle prop to TableToolbar
chaitanyadeorukhkar Nov 22, 2023
3fa46ac
update header footer cell props
chaitanyadeorukhkar Nov 22, 2023
d02f2ab
fix ts issue
chaitanyadeorukhkar Nov 22, 2023
d30d9ab
fix table checkbox alignment
chaitanyadeorukhkar Nov 22, 2023
f38d530
handle pointer events for cells
chaitanyadeorukhkar Nov 23, 2023
086b090
update table pagination prop descriptions
chaitanyadeorukhkar Nov 23, 2023
39abbbb
update showStripes prop to showStripedRows
chaitanyadeorukhkar Nov 23, 2023
47ea1a0
add none selection type to table
chaitanyadeorukhkar Nov 23, 2023
48616a9
update selectionType context
chaitanyadeorukhkar Nov 23, 2023
9007c4d
update native type
chaitanyadeorukhkar Nov 23, 2023
8cf3e14
update alignment
chaitanyadeorukhkar Nov 23, 2023
5889b08
fix table pagination focus icon changes
chaitanyadeorukhkar Nov 23, 2023
d490919
make table header cell clickable only if sortable
chaitanyadeorukhkar Nov 23, 2023
25ffa5f
fix table header cell click
chaitanyadeorukhkar Nov 23, 2023
989ee09
undo tab index change
chaitanyadeorukhkar Nov 23, 2023
676fe35
implement isRefreshing motion
chaitanyadeorukhkar Nov 23, 2023
b995c01
fix motion duration
chaitanyadeorukhkar Nov 23, 2023
d86e4fb
cleanup exports
chaitanyadeorukhkar Nov 23, 2023
004df55
handle controlled currentPage prop
chaitanyadeorukhkar Nov 23, 2023
4feccea
fix table pagination controlled page
chaitanyadeorukhkar Nov 23, 2023
68e231f
extract types into a common file
chaitanyadeorukhkar Nov 23, 2023
4230438
add assignWithoutSideEffects to all table components
chaitanyadeorukhkar Nov 23, 2023
1c04b3e
make size token for table pagination buttons
chaitanyadeorukhkar Nov 23, 2023
d02edae
update table row background color motion tokens
chaitanyadeorukhkar Nov 23, 2023
bb83cde
Create moody-moles-change.md
chaitanyadeorukhkar Nov 23, 2023
0375390
use transient props
chaitanyadeorukhkar Nov 24, 2023
626ae07
fix table row overlapping issue
chaitanyadeorukhkar Nov 24, 2023
3bbbb73
docs: Table documentation and examples (#1834)
chaitanyadeorukhkar Nov 24, 2023
7f45105
fix lint errors
chaitanyadeorukhkar Nov 24, 2023
8f2ff3a
update size limit values
chaitanyadeorukhkar Nov 24, 2023
a1dc416
move table library to peer deps
chaitanyadeorukhkar Nov 24, 2023
3bfbb0e
add to dev dependencies
chaitanyadeorukhkar Nov 24, 2023
bf3a91c
Add installation instructions for Table component
chaitanyadeorukhkar Nov 24, 2023
0591f44
add emotion/react to peerDependencies
chaitanyadeorukhkar Nov 24, 2023
fcf1f39
add table library to sandbox dependencies
chaitanyadeorukhkar Nov 24, 2023
5c36a00
Merge remote-tracking branch 'origin/master' into feat/table-component
chaitanyadeorukhkar Nov 24, 2023
7fe2c23
add non-exact versions for peerDependencies
chaitanyadeorukhkar Nov 24, 2023
454264c
update table component status
chaitanyadeorukhkar Nov 24, 2023
7ff6a20
update changeset
chaitanyadeorukhkar Nov 24, 2023
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
4 changes: 4 additions & 0 deletions packages/blade/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -242,6 +242,7 @@
},
"peerDependencies": {
"@table-library/react-table-library": "4.1.7",
"@emotion/react": "11.11.1",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another thing we should do that we didn't on other peerDeps, is instead of pinning them we should use ranges, otherwise consumers will have to use the exact version down the the patch otherwise there will be mismatches.

@emotion/react: ^11.11.1

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup, done!

"@gorhom/bottom-sheet": "^4",
"@gorhom/portal": "1.0.14",
"@floating-ui/react": "0.25.4",
Expand All @@ -268,6 +269,9 @@
},
"@table-library/react-table-library": {
"optional": true
},
"@emotion/react": {
"optional": true
}
},
"resolutions": {
Expand Down