Skip to content

DS Storybook - Add Data story#5822

Merged
britt6612 merged 20 commits intomasterfrom
add-data-story
Feb 26, 2026
Merged

DS Storybook - Add Data story#5822
britt6612 merged 20 commits intomasterfrom
add-data-story

Conversation

@britt6612
Copy link
Collaborator

Deploy Preview

What does this PR do?

adds Data story

What are the relevant issues?

#5710

Where should the reviewer start?

How should this be manually tested?

Any background context you want to provide?

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

@netlify
Copy link

netlify bot commented Feb 13, 2026

Deploy Preview for unrivaled-bublanina-3a9bae ready!

Name Link
🔨 Latest commit 7fd8439
🔍 Latest deploy log https://app.netlify.com/projects/unrivaled-bublanina-3a9bae/deploys/69a0c5024ed1b70008ffc1be
😎 Deploy Preview https://deploy-preview-5822--unrivaled-bublanina-3a9bae.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.

@changeset-bot
Copy link

changeset-bot bot commented Feb 13, 2026

⚠️ No Changeset found

Latest commit: 7fd8439

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

@netlify
Copy link

netlify bot commented Feb 13, 2026

Deploy Preview for hpe-theme-preview ready!

Name Link
🔨 Latest commit 7fd8439
🔍 Latest deploy log https://app.netlify.com/projects/hpe-theme-preview/deploys/69a0c5024c176c0008c1071c
😎 Deploy Preview https://deploy-preview-5822--hpe-theme-preview.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.

@britt6612 britt6612 requested a review from jcfilben February 13, 2026 20:13
@netlify
Copy link

netlify bot commented Feb 13, 2026

Deploy Preview for hpe-design-icons-grommet ready!

Name Link
🔨 Latest commit 7fd8439
🔍 Latest deploy log https://app.netlify.com/projects/hpe-design-icons-grommet/deploys/69a0c50288b94400086b44e2
😎 Deploy Preview https://deploy-preview-5822--hpe-design-icons-grommet.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.

const meta = {
title: 'Components/Data',
component: Data,
argTypes: {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Should we expose the data, defaultView, properties, view, andviews props? Feels like these are prop people would want to play around with to understand the component

@britt6612 britt6612 requested a review from jcfilben February 18, 2026 23:40
Copy link
Collaborator

@Sulaymon333 Sulaymon333 left a comment

Choose a reason for hiding this comment

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

I added suggestions to fix the typing issues.

britt6612 and others added 3 commits February 23, 2026 11:27
Co-authored-by: Sulaymon333 <tjsulaymon@gmail.com>
Co-authored-by: Sulaymon333 <tjsulaymon@gmail.com>
Co-authored-by: Sulaymon333 <tjsulaymon@gmail.com>
direction: 'desc',
},
},
filteredTotal: 8,
Copy link
Collaborator

Choose a reason for hiding this comment

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

This prop doesn't feel relevant for storybook. It's used when data comes from an api.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

removed

},
},
filteredTotal: 8,
id: 'data_example',
Copy link
Collaborator

Choose a reason for hiding this comment

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

Feel like we don't need id for storybook

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

removed

description: 'The set of predefined views of the data.',
table: {
type: { summary: 'array' },
defaultValue: {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Why do we define defaultValue and then also define args in the story?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

removed

@britt6612 britt6612 requested a review from jcfilben February 24, 2026 20:45
@Sulaymon333
Copy link
Collaborator

Few comments

  1. Should we consider adding -- to handle empty datapoints in accordance with our guidance?
  2. I think we can add percentage amount on Percent column (header and cells) to make the column more readable. A similar pattern from DS site site is share below
image

@britt6612
Copy link
Collaborator Author

Few comments

  1. Should we consider adding -- to handle empty datapoints in accordance with our guidance?
  2. I think we can add percentage amount on Percent column (header and cells) to make the column more readable. A similar pattern from DS site site is share below
image

@Sulaymon333 good points and addressed

Copy link
Collaborator

@Sulaymon333 Sulaymon333 left a comment

Choose a reason for hiding this comment

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

I left few comments

Copy link
Collaborator

@Sulaymon333 Sulaymon333 left a comment

Choose a reason for hiding this comment

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

LGTM. Thank you.

@britt6612 britt6612 merged commit ec01c17 into master Feb 26, 2026
21 checks passed
@britt6612 britt6612 deleted the add-data-story branch February 26, 2026 22:49
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.

3 participants