Skip to content

Conversation

@rebeccaalpert
Copy link
Member

@rebeccaalpert rebeccaalpert commented May 8, 2025

To run:

npm install
npm run build:props
npm run dev

Can test at http://localhost:${yourPortHere}/get-started/contribute

Questions:

It seems expand all isn't be used - do we need this? I dropped it.

If types look bizarre, let me know. I am basing it on the data I am seeing, but totally possible it's off. Original wasn't typed. I don't really know what these types need to be.

Do we need any other backend here? I got this hooked up to pull in old docs format.

Screenshot

Screenshot 2025-05-08 at 4 58 51 PM

This was linked to issues May 8, 2025
@rebeccaalpert rebeccaalpert force-pushed the css-table branch 5 times, most recently from dfaddc2 to ced3f2a Compare May 8, 2025 20:44
@rebeccaalpert rebeccaalpert changed the title Draft: feat(CSSTable): Add CSS variable table feat(CSSTable): Add CSS variable table May 8, 2025
@rebeccaalpert rebeccaalpert force-pushed the css-table branch 3 times, most recently from 3b3705b to df1fe65 Compare May 8, 2025 21:04
Copy link
Collaborator

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Some initial comments below

Comment on lines +27 to +22
type Value = {
name: string
value: string
values?: string[]
}

type FileList = {
[key: string]: {
name: string
value: string
values?: Value[]
}
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

For Value, could we instead type the values property as Value[], then in FileList type the key as Value?

Copy link
Member Author

@rebeccaalpert rebeccaalpert May 13, 2025

Choose a reason for hiding this comment

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

This is an example of what I'm seeing come back on line 65:

Screenshot 2025-05-13 at 3 32 03 PM

I can't really change these much without digging more into the logic from -org. I was just sort of attempting to type based on outputs I was seeing. I'm totally happy to rename these though.

Comment on lines +64 to +55
<List isPlain>
<ListItem>{property}</ListItem>
{values.map((entry: string) => (
<ListItem key={entry} icon={<LevelUpAltIcon className="rotate-90-deg" />}>
{entry}
</ListItem>
))}
</List>
Copy link
Collaborator

Choose a reason for hiding this comment

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

This can be a followup, but we should revisit how we're connecting these items. Right now in Org they're rendered as separate list siblings which I don't thin conveys the relationship well. Either having each item be a nested list of the previous item, or maybe a tree view, might help convey that relationship better.

Copy link
Member Author

Choose a reason for hiding this comment

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

Tucking this here so it doesn't get forgotten: #57

@rebeccaalpert rebeccaalpert force-pushed the css-table branch 2 times, most recently from 265eaa7 to 58d5b7a Compare May 13, 2025 19:36
Copy link
Contributor

@wise-king-sullyman wise-king-sullyman left a comment

Choose a reason for hiding this comment

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

This is great 💪

I have a handful of nits but nothing big:

@rebeccaalpert
Copy link
Member Author

Addressed Austin feedback!

Copy link
Contributor

@wise-king-sullyman wise-king-sullyman left a comment

Choose a reason for hiding this comment

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

🥳

@thatblindgeye thatblindgeye merged commit e4def1f into patternfly:main May 19, 2025
1 check passed
@github-actions
Copy link

🎉 This PR is included in version 1.7.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add backend support for CSS table Add CSS table UI component

3 participants