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 list view wrapper #2551

Closed
wants to merge 20 commits into from

Conversation

tewarig
Copy link
Contributor

@tewarig tewarig commented Feb 20, 2025

Description

Changes

Additional Information

Component Checklist

  • Update Component Status Page
  • Perform Manual Testing in Other Browsers
  • Add KitchenSink Story
  • Add Interaction Tests (if applicable)
  • Add changeset

rzp-security-svc and others added 10 commits February 13, 2025 16:00
* chore: expose grid and flexbox props

* fix: add changeset

* chore: update lint error

* feat: add width prop in chip

* feat: let user change the layout

* chore: remove unsed commit types

* chore: review changes

* chore: update snap

* chore: removed unused utils

* chore: remove types

* chore: update ts

* chore: review change

* chore: update snap

* chore : review change

* chore: review changes

* chore: addMaxWidth , minWidth

* chore: expose maxWidth , minWidth

* chore: update chipgroup width

* chore: more refactor

* chore: update snap

* chore: chipgroup custom layout

* chore: change to getBaseBoxStyles

* chore: refactor width

* chore: refactor

* chore: more changes

* chore: snap update

* chore: change to width 100%

* chore: update snaps

* chore: review changes

* chore: docs update

* chore: change baseBoxProps to box props
* fix: bug and code refactor

* chore: border radius

* chore: ts fixes

* chore: border radius changes

* chore: update snap

* fix: loading single button in buttonGroup
* feat: support icon-only-tab

* fix: alignment of icon

* chore: update borderRadius to medium

* chore: remove divider from tablist according to design

* chore: update background color

* fix: update padding for tab horizontal bordered and filled

* chore: update types

* chore: update snap

* Revert "fix: update padding for tab horizontal bordered and filled"

This reverts commit 4f76377.

* chore: update snaps

* chore: unused code

---------

Co-authored-by: tewarig <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* feat: add drag handle icon

* feat: add drag handle

* chore: update tests
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Copy link

changeset-bot bot commented Feb 20, 2025

🦋 Changeset detected

Latest commit: c2d7904

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@razorpay/blade Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@tewarig tewarig changed the title chore: add list view wrapper feat: add list view wrapper Feb 20, 2025
Copy link
Contributor

github-actions bot commented Feb 20, 2025

✅ PR title follows Conventional Commits specification.

Copy link

codesandbox-ci bot commented Feb 20, 2025

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit c2d7904:

Sandbox Source
razorpay/blade: basic Configuration

@rzpcibot
Copy link
Collaborator

rzpcibot commented Feb 20, 2025

Bundle Size Report

Updated Components
Status Component Base Size (kb) Current Size (kb) Diff
Accordion, AccordionItemHeader, AccordionItemBody, AccordionItem 8.180 8.182 +0.002 KB
ActionList, ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection 20.502 20.506 +0.004 KB
Alert 11.595 11.599 +0.004 KB
Amount 1.340 1.344 +0.004 KB
AnimateInteractions 0.884 0.888 +0.004 KB
Avatar, AvatarGroup, TrustedBadgeIcon 6.351 6.355 +0.004 KB
Badge 0.899 0.903 +0.004 KB
useBaseMenuItem -0.048 -0.045 +0.003 KB
MotionDiv -0.053 -0.050 +0.003 KB
BladeProvider 1.713 1.716 +0.003 KB
BottomNav, BottomNavItem 1.098 1.102 +0.004 KB
BottomSheet 9.665 9.671 +0.006 KB
Box 0.866 0.869 +0.003 KB
Breadcrumb, BreadcrumbItem 2.631 2.635 +0.004 KB
ButtonGroup 1.340 1.345 +0.005 KB
Card, CardBody, CardHeader, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderTrailing, CardFooter, CardFooterLeading, CardFooterTrailing 9.404 9.412 +0.008 KB
Carousel, CarouselItem 7.181 7.184 +0.003 KB
ChatMessage 3.326 3.332 +0.006 KB
Checkbox 6.364 6.367 +0.003 KB
Chip, ChipGroup 8.509 8.514 +0.005 KB
Collapsible, CollapsibleLink, CollapsibleButton, CollapsibleBody 9.752 9.757 +0.005 KB
Counter 0.851 0.856 +0.005 KB
DatePicker 87.223 89.162 +1.939 KB
Divider 0.556 0.558 +0.002 KB
Drawer, DrawerBody, DrawerHeader, drawerPadding 17.585 17.589 +0.004 KB
Dropdown, DropdownOverlay, DropdownButton, DropdownLink, DropdownIconButton, DropdownFooter, DropdownHeader, FilterChipSelectInput 0.000 31.289 +31.289 KB
Elevate 0.889 0.893 +0.004 KB
Fade 1.043 1.047 +0.004 KB
FileUpload 17.861 17.864 +0.003 KB
Indicator 1.088 1.092 +0.004 KB
List, ListItem, ListItemLink, ListItemCode, ListItemText 5.218 5.222 +0.004 KB
Menu, MenuItem, MenuOverlay, MenuDivider, MenuFooter, MenuHeader 29.611 29.616 +0.005 KB
Modal 13.259 13.265 +0.006 KB
Morph 0.227 0.231 +0.004 KB
Move 1.079 1.083 +0.004 KB
Popover, PopoverInteractiveWrapper 21.511 21.516 +0.005 KB
ProgressBar 3.045 3.049 +0.004 KB
QuickFilter, QuickFilterGroup 13.082 13.088 +0.006 KB
Radio 5.092 5.097 +0.005 KB
Scale 0.899 0.903 +0.004 KB
SideNav, SideNavLink, SideNavLevel, SideNavSection, SideNavItem, SideNavFooter, SideNavBody, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL 33.726 33.731 +0.005 KB
Skeleton 0.780 0.784 +0.004 KB
Slide 1.259 1.262 +0.003 KB
SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourStep 29.828 29.834 +0.006 KB
Stagger 0.923 0.927 +0.004 KB
StepGroup, StepItem, StepItemIcon, StepItemIndicator 6.534 6.539 +0.005 KB
Switch 4.839 4.843 +0.004 KB
Table, TableHeader, TableHeaderCell, TableHeaderRow, TableBody, TableCell, TableRow, TableFooter, TableFooterCell, TableFooterRow, TablePagination, TableToolbar, TableToolbarActions, TableEditableCell, TableEditableDropdownCell 71.612 71.643 +0.031 KB
Tabs, TabItem, TabList, TabPanel 6.862 6.864 +0.002 KB
Tag 3.962 3.966 +0.004 KB
ToastContainer, useToast 12.962 12.966 +0.004 KB
Tooltip, TooltipInteractiveWrapper 16.053 16.058 +0.005 KB
TopNav, TopNavActions, TopNavBrand, TopNavContent 0.626 0.629 +0.003 KB
Button 6.138 6.143 +0.005 KB
IconButton 1.181 1.185 +0.004 KB
CheckboxGroup 5.122 5.125 +0.003 KB
FilterChipDatePicker 0.000 89.156 +89.156 KB
SelectInput, AutoComplete 36.647 36.653 +0.006 KB
OTPInput 30.338 30.344 +0.006 KB
PasswordInput 32.156 32.162 +0.006 KB
PhoneNumberInput 64.307 64.339 +0.032 KB
SearchInput 34.844 34.850 +0.006 KB
TextArea 32.717 32.722 +0.005 KB
TextInput 34.260 34.265 +0.005 KB
Link 2.188 2.192 +0.004 KB
QuickFilterGroup, QuickFilterGroupProvider, useQuickFilterGroupContext 5.848 5.852 +0.004 KB
RadioGroup 5.116 5.120 +0.004 KB
Spinner 1.900 1.904 +0.004 KB
getTableBodyStyles -0.049 -0.046 +0.003 KB
TabNav, TabNavItems, TabNavItem 2.387 2.390 +0.003 KB
Code 0.612 0.615 +0.003 KB
Display 0.330 0.334 +0.004 KB
Heading, getHeadingProps 0.330 0.334 +0.004 KB
Text 0.000 0.003 +0.003 KB

Generated by 🚫 dangerJS against c2d7904

tewarig and others added 10 commits February 20, 2025 18:41
* chore: shouldShowNavigationButton in mobile

* chore: change flag name

* chore: rename prop

* chore: add changeset and update types
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* fix(coverage-plugin): add few updates

* fix: remove hidden fills from traversal

* fix: ignore parent frame that is under section

* fix
* feat: quick filter base

* chore: remove onClick

* chore: remove trailing element

* chore: quick filter changes

* chore: more fixes

* chore: added tests

* chore: add support for test id and meta attributes

* chore: change type of quick filter card

* chore: change type

* chore: update snap

* chore: update story

* chore: set state empty

* chore: update example

* chore: update snap , stories

* chore: add changeset

* chore: minor changes

* chore: change chageset

* refactor: quickfilter name

* refactor: onChange

* refactor: context

* chore: remove attributes

* chore: change trailingElement to trailing

* chore: remove quick filters

* chore: make api similar to quick filters

* chore: added name

* chore: update tests

* chore: more refactor

* chore: make api similar and update docs

* chore: export quick filter

* chore: update snaps and remove baseBox and other functions

* chore: remove blade common events

* fix: build
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
* feat: virtulization on table poc

* chore: virtulized selectable demo

* chore: minor changes

* chore: update table styling and virtulization poc

* chore: add toolbar

* chore: styling fix

* fix: height of table

* chore: remove hasPadding from tableBody

* chore: scroll styling in case of not proper space is their , in virtual table div

* chore: added isVirtualized prop

* chore: added dynamic width and height

* chore: table hover actions fixes

* fix: row bottom not visible with rowHeight

* fix: distance between header height and table height

* fix: gap between table cells

* chore: added isSelectable todo

* chore: add  isVirtualized prop

* chore: remove unused classes

* chore: remove comments

* chore: code clean up

* fix: old table styling

* chore: table height fix

* fix: table bg on hover , (but hover actions are not working now ;_;)

* fix: table hover actions :tick

* fix: inconsistent size of checkbox header

* chore: added examples

* chore: update story

* chore: pagination check and prop fix

* chore: throw error

* chore: added error

* fix: make table response

* chore: update docs & components and types

* chore: fixed ts and lint errors in code

* fix: more ts error and ignore few files now

* chore: ignore table test

* chore: update test

* fix: ts error

* fix: more ts error

* chore: update virtuazlied table api

* chore: added table body styles

* refactor: styles for table and table body

* chore: code clean up

* chore: added test & updated ref type

* chore: added changeset

* fix: lint error

* chore: cleanup

* chore: update snap

* chore: removed ununsed code

* chore: unused code

* chore: move updates

* chore: update snap

* chore: update table

* chore: self review changes

* chore: removed getTableRowSelector

* chore: minior review changes

* chore: table api changes

* chore: make rowHeight internal

* chore: more review changes

* chore: update docs

* chore: added more stories

* chore: update style type , added isDisbaled and fix double background color in hover actions

* fix: build error

* chore: update tests

* fix: update table virtualized

* chore: update snap

* chore: lint fix

* chore: update default page size

* chore: rename VirtulizedWrapper  to TableVirtualizedWrapper

* fix: headerHeight , rowHeight by default

* chore: remove rowHeight

* chore: able to pass height

* chore: update ref

* chore: exmaple updates

* chore: update api docs

* feat: move isVirtualized internally

* fix: lint change

* chore: update lint

* chore: lint fix

* chore: remove boxref

* chore: update table.web.test

* chore: resolve generics

* chore: move tabledata to context

* chore: more ts changes

* chore: update body ts type

* chore: more changes

* chore: remove unsed file

* chore: change types

* chore: more values

* chore: review changes

* chore: remove basic table example

* chore: add component id

* chore: remove extra stories

* refactor: isVirtualized code

* chore: update snaps

* chore: change to local table node

* chore: update jsdocs

* chore: review changes

---------

Co-authored-by: saurabhdaware <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
@tewarig tewarig changed the base branch from master to feat/filter-chip-date-picker March 4, 2025 07:07
@tewarig tewarig closed this Mar 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants