carbon icon indicating copy to clipboard operation
carbon copied to clipboard

feat(DataTable): add full table ai support

Open matthewgallo opened this issue 6 months ago • 3 comments

Closes #19485

This PR includes a new prop on the TableContainer (aiEnabled) that adds the ai gradient across the table body and a gradient border effect to the table container.

New full gradient AI story image

Changelog

New

  • New story showing full table gradient
  • aiEnabled prop added to TableContainer
  • Test added to TableContainer-test.js
  • API snapshot updated
  • utilities.ai-table-gradient sass mixin updated to support a vertical gradient direction, used for the full table gradient

Testing / Reviewing

Visually verify from new story and manually run TableContainer tests

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

  • [X] Reviewed every line of the diff
  • [X] Updated documentation and storybook examples
  • [X] Wrote passing tests that cover this change
  • [ ] Addressed any impact on accessibility (a11y)
  • [X] Tested for cross-browser consistency
  • [X] Validated that this code is ready for review and status checks should pass

More details can be found in the pull request guide

matthewgallo avatar Jun 10 '25 20:06 matthewgallo

Deploy Preview for v11-carbon-web-components ready!

Name Link
Latest commit 919d101ff929e67fb8f7068e2697b15555ec3004
Latest deploy log https://app.netlify.com/projects/v11-carbon-web-components/deploys/684c6948087e5d0008fc438d
Deploy Preview https://deploy-preview-19615--v11-carbon-web-components.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 project configuration.

netlify[bot] avatar Jun 10 '25 20:06 netlify[bot]

Deploy Preview for v11-carbon-react ready!

Name Link
Latest commit 919d101ff929e67fb8f7068e2697b15555ec3004
Latest deploy log https://app.netlify.com/projects/v11-carbon-react/deploys/684c694844ab6b00081ab464
Deploy Preview https://deploy-preview-19615--v11-carbon-react.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 project configuration.

netlify[bot] avatar Jun 10 '25 20:06 netlify[bot]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 84.69%. Comparing base (624890b) to head (919d101). Report is 38 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #19615   +/-   ##
=======================================
  Coverage   84.68%   84.69%           
=======================================
  Files         373      373           
  Lines       14709    14710    +1     
  Branches     4845     4847    +2     
=======================================
+ Hits        12457    12458    +1     
+ Misses       2102     2101    -1     
- Partials      150      151    +1     

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

:rocket: New features to boost your workflow:
  • :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • :package: JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

codecov[bot] avatar Jun 11 '25 18:06 codecov[bot]