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

[62577] Create a BorderBox::CollapsibleHeader component #260

Merged
merged 20 commits into from
Apr 2, 2025

Conversation

mrmir
Copy link

@mrmir mrmir commented Mar 27, 2025

What are you trying to accomplish?

Screenshots

Integration

List the issues that this change affects.

https://community.openproject.org/projects/design-system/work_packages/62577/activity

Risk Assessment

  • Low risk the change is small, highly observable, and easily rolled back.
  • Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
  • High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

Anything you want to highlight for special attention from reviewers?

Accessibility

  • Fixes axe scan violation - This change fixes an existing axe scan violation.
  • No new axe scan violation - This change does not introduce any new axe scan violations.
  • New axe violation - This change introduces a new axe scan violation. Please describe why the violation cannot be resolved below.

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Added/updated previews (Lookbook)
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

Copy link

changeset-bot bot commented Mar 27, 2025

🦋 Changeset detected

Latest commit: 3a1eb7f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@openproject/primer-view-components Minor

Not sure what this means? Click here to learn what changesets are.

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

@HDinger HDinger changed the title WIP [62577] Create a collapsible borderBox component Mar 28, 2025
@HDinger HDinger changed the title [62577] Create a collapsible borderBox component [62577] Create a BorderBox::CollapsibleHeader component Mar 28, 2025
@mrmir mrmir force-pushed the feature/62577-create-a-collapsible-borderbox-component branch 3 times, most recently from 423341b to 3d42a7f Compare March 30, 2025 15:36
@mrmir mrmir force-pushed the feature/62577-create-a-collapsible-borderbox-component branch 4 times, most recently from 364dec0 to d278433 Compare March 31, 2025 07:10
@mrmir mrmir force-pushed the feature/62577-create-a-collapsible-borderbox-component branch from d278433 to 18d5201 Compare March 31, 2025 10:58
@mrmir mrmir force-pushed the feature/62577-create-a-collapsible-borderbox-component branch from 18d5201 to 0111e1d Compare March 31, 2025 12:15
@HDinger HDinger force-pushed the feature/62577-create-a-collapsible-borderbox-component branch from edc5e5a to c718605 Compare March 31, 2025 13:28
Copy link

github-actions bot commented Mar 31, 2025

⚠️ Visual or ARIA snapshot differences found

Our visual and ARIA snapshot tests found UI differences. Please review the differences by viewing the files changed tab to ensure that the changes were intentional.

Review differences

@mrmir mrmir requested a review from HDinger April 1, 2025 08:25
@mrmir mrmir marked this pull request as ready for review April 1, 2025 08:48
Comment on lines 30 to 53
# @label Default
# @snapshot
def default
render_with_template
end

# @label With counter
# @snapshot
def with_count
render_with_template
end

# @label With description text
# @snapshot
def with_description
render_with_template
end

# @label Collapsed initially
# @snapshot
def collapsed
render_with_template
end
end
Copy link
Collaborator

Choose a reason for hiding this comment

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

All of the template files that you added are basically the same. So either you provide different BorderBox examples in each or they should all use the same template with different variables, e.g

        # @label Default
        # @snapshot
        def default
          render_with_template(
            template: "primer/open_project/border_box/collapsible_header_preview/playground",
            locals: {
              title: "Default title",
              description: nil,
              count: nil,
              collapsed: false
          }
        )
        end

Copy link
Author

Choose a reason for hiding this comment

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

Makes sense, I redid them all with just the playground template

@mrmir mrmir force-pushed the feature/62577-create-a-collapsible-borderbox-component branch from 1af0473 to 2a79d0a Compare April 1, 2025 16:32
@mrmir mrmir requested a review from HDinger April 1, 2025 17:32
Copy link
Collaborator

@HDinger HDinger left a comment

Choose a reason for hiding this comment

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

Looks good to me! Thanks for all the effort 🙇

@HDinger HDinger merged commit a27adc4 into main Apr 2, 2025
@HDinger HDinger deleted the feature/62577-create-a-collapsible-borderbox-component branch April 2, 2025 06:44
@openprojectci openprojectci mentioned this pull request Apr 2, 2025
@mrmir
Copy link
Author

mrmir commented Apr 2, 2025

Looks good to me! Thanks for all the effort 🙇

Thanks for all the education and help :)

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

Successfully merging this pull request may close these issues.

2 participants