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

chore: add decorator in dataTable #18114

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

preetibansalui
Copy link
Contributor

Closes #18005

Add decorator in dataTable component

Changelog

Added a new component TableDecoratorRow
Added a new deprecated warning function for components

Changed

  1. marked slug as deprecated prop in all dataTable components
  2. marked TableSlugRow component as deprecated
  3. Added few decorators in storybook as ai-lable and decorator both.

Testing / Reviewing

  1. Go to Storybook > DataTable > AILabel story
  2. Check each story under that, All AI slug stories are now a mix of slug and decorator, so all should look fine.
  3. Added few examples of decorator Tooltip as well, that too should look fine.

Copy link

netlify bot commented Nov 19, 2024

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

Name Link
🔨 Latest commit e2515e0
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-web-components/deploys/67497e3ecf5464000813dcd9
😎 Deploy Preview https://deploy-preview-18114--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 site configuration.

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit e2515e0
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/67497e3ea3b78600085beda7
😎 Deploy Preview https://deploy-preview-18114--carbon-elements.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 configuration.

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit e5ed412
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/673f13478ba1760008bfadd7
😎 Deploy Preview https://deploy-preview-18114--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 site configuration.

Copy link
Member

@ariellalgilmore ariellalgilmore left a comment

Choose a reason for hiding this comment

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

thanks for tackling the data table!!! this is looking really good! left some comments, but lmk if you have any questions!

Comment on lines 20 to 24
/**
* @deprecated please use decorator instead.
* Provide a `Slug` component to be rendered inside the `TableSlugRow` component
*/
slug?: ReactNode;
Copy link
Member

Choose a reason for hiding this comment

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

do we need the deprecated slug if we are introducing a new component?

packages/react/src/components/DataTable/TableExpandRow.tsx Outdated Show resolved Hide resolved
packages/react/src/components/DataTable/TableHeader.tsx Outdated Show resolved Hide resolved
packages/react/src/components/DataTable/TableHeader.tsx Outdated Show resolved Hide resolved
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.

Decorator: DataTable
2 participants