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(Datagrid): Filter flyout #2406

Merged
merged 65 commits into from
Nov 29, 2022
Merged

feat(Datagrid): Filter flyout #2406

merged 65 commits into from
Nov 29, 2022

Conversation

AlexanderMelox
Copy link
Contributor

Contributes to #2251

This adds the filter flyout component and adds filtering to the Datagrid component

Screen Shot 2022-10-25 at 4 15 29 PM

@netlify
Copy link

netlify bot commented Oct 25, 2022

Deploy Preview for carbon-for-ibm-products ready!

Name Link
🔨 Latest commit 9a28d00
🔍 Latest deploy log https://app.netlify.com/sites/carbon-for-ibm-products/deploys/638627dec4c11a00094e6e6d
😎 Deploy Preview https://deploy-preview-2406--carbon-for-ibm-products.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@AlexanderMelox AlexanderMelox changed the title feat(Datagrid): Filter flyout - Instant feat(Datagrid): Filter flyout Nov 2, 2022
@AlexanderMelox AlexanderMelox marked this pull request as ready for review November 2, 2022 16:48
@AlexanderMelox AlexanderMelox requested a review from a team as a code owner November 2, 2022 16:48
@AlexanderMelox
Copy link
Contributor Author

AlexanderMelox commented Nov 2, 2022

🚀 PR is ready for review, the latest commit adds batch update method.

Just need to add the radio button filter type but that should be easy.

  • Radio button filter type

Screen Shot 2022-11-02 at 12 48 48 PM

@AlexanderMelox
Copy link
Contributor Author

AlexanderMelox commented Nov 18, 2022

Added FilterSummary to this PR 🍾
Screenshot 2022-11-18 at 11 05 58 AM

Copy link
Member

@matthewgallo matthewgallo left a comment

Choose a reason for hiding this comment

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

Looking good overall! Just had a few suggestions (separate from the onChange addition).

matthewgallo
matthewgallo previously approved these changes Nov 28, 2022
@matthewgallo
Copy link
Member

@elycheea and I were taking a look earlier at why netlify seems to be failing. Looks related to storybookjs/storybook#19927. Lets take a closer look before merging!

@AlexanderMelox AlexanderMelox merged commit d375308 into carbon-design-system:main Nov 29, 2022
Ratheeshrajan pushed a commit to matthewgallo/ibm-products that referenced this pull request Jan 31, 2023
* fix: filter flyout doesn't close

* feat(Datagrid): Added number and dropdown input filter

* feat(Datagrid): added filterTypes and date between filter

* feat: added cell key to headers and hasClickedOnDatePicker

* fix: removed unused imports

* chore: update yarn lock and cache

* chore(Datagrid): moved filterTypes to useFiltering.js

* feat(Datagrid): changed status icon to return obj

* feat(datagrid): refactor date filter

* fix(datagrid): removed console.log

* feat(datagrid): refactored number filter

* feat(datagrid): refactored dropdown filter

* feat(datagrid): removed type and changed date filter

* fix(datagrid): fixed filterTypes key to reflect changes

* fix(datagrid): changed status_icon to password strength

* feat(datagrid): adds checkbox filter

* feat(datagrid): adding batch actions

* feat(datagrid): adds batch filter method

* fix(datagrid): removed unnecessary date function

* fix(datagrid): added nullish coalescing to filterProps check

* fix(datagrid): this component is no longer needed

* feat(datagrid): adds props for action set labels and callbacks

* feat(datagrid): added flyoutIconDescription prop

* feat(datagrid): added missing copyright headers

* feat(datagrid): added carbon prefixes

* feat(datagrid): overrides action set to display 48px button size

* feat(datagrid): adds checkbox filter

* fix(datagrid): changes chance for each individual property

* feat(datagrid): added extra callback functions to props

* fix(datagrid): added open class back

* feat(datagrid): refactored flyout components

* feat(datagrid): refactored filters to be render in flyout

* feat(datagrid): fixed resetting filters

* fix(datagrid): action set styles

* fix(datagrid): redundant change

* fix(datagrid): redundant change

* fix(datagrid): fixed css properties order

* fix(datagrid): fixed constant typo

* fix(datagrid): fix linting

* chore(datagrid): fix linting issues

* feat(datagrid): adds variation prop

* feat: adds FilterSummary

* fix: removes stylint-disable

* fix(FilterSummary): changed filters prop

* feat(FilterFlyout): adding filter tags

* chore(FilterSummary): clean up adding reset filters

* feat(Datagrid): adds FilterSummary

* fix: added null check to filterProps

* feat(Datagrid): adds optional onChange from user

* feat(Datagrid): added constant, storybook actions and emptystate props

* fix: yarn.lock

* chore: format files

Co-authored-by: Matt Gallo <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants