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

feat(file-input): add file input component #1373

Merged
merged 23 commits into from
May 20, 2024
Merged

Conversation

kevinbuhmann
Copy link
Member

@kevinbuhmann kevinbuhmann commented Apr 23, 2024

PR Checklist

  • Tests for the changes have been added (for bug fixes / features)
  • [TBD] Docs have been added / updated (for bug fixes / features)
  • If applicable, have a visual design approval

PR Type

Feature

What is the new feature?

Introduce file input component. Only the basic mode is implemented. The advanced mode will be added later.

Issue Number: CDE-1668

Does this PR introduce a breaking change?

No.

Other information

  • This commit deprecates the previous undocumented .clr-file-wrapper styles due to design changes. The component uses separate .clr-file-input-wrapper styles, and these styles supersede the deprecated styles for CSS-only implementations.

@kevinbuhmann kevinbuhmann self-assigned this Apr 23, 2024
@kevinbuhmann kevinbuhmann changed the title Kevin/file input feat(file-input): add file input component Apr 23, 2024
Copy link
Contributor

github-actions bot commented Apr 23, 2024

👋 @kevinbuhmann,

  • 🙏 The Clarity team thanks you for opening a pull request
  • 🎉 The build for this PR has succeeded
  • 🔍 The PR is now ready for review
  • 🍿 In the meantime, view a preview of this PR
  • 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal Clarity Support space

Thank you,

🤖 Clarity Release Bot

kevinbuhmann and others added 2 commits April 22, 2024 20:19
This commit deprecates the previous `.clr-file-wrapper` styles due to
design changes. The component uses separate `.clr-file-input-wrapper`
styles.

There is a visual bug with the helper and error/success text in the
compact layout. This is a existing bug that exists will all of the form
controls. We will address this separately.

CDE-1668
Copy link
Contributor

@valentin-mladenov valentin-mladenov left a comment

Choose a reason for hiding this comment

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

Very long file name doesn't add ellipsis and tooltip.

image

This comment was marked as resolved.

This comment was marked as resolved.

This comment was marked as resolved.

This comment was marked as resolved.

Copy link
Contributor

@valentin-mladenov valentin-mladenov left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

github-actions bot commented May 9, 2024

This PR introduces visual changes: 4b3e87b
If these changes are intended and correct, please cherry-pick the above commit to this PR.

git checkout kevin/file-input
git fetch https://github.com/vmware-clarity/ng-clarity.git 4b3e87b478121654684cb7bd1f40f8382cd6e547
git cherry-pick 4b3e87b478121654684cb7bd1f40f8382cd6e547
git push

@kevinbuhmann kevinbuhmann merged commit 7a61bf4 into main May 20, 2024
7 checks passed
@kevinbuhmann kevinbuhmann deleted the kevin/file-input branch May 20, 2024 20:38
Copy link
Contributor

The backport to 16.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add .worktrees/backport-16.x 16.x
# Navigate to the new working tree
cd .worktrees/backport-16.x
# Create a new branch
git switch --create backport-1373-to-16.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 7a61bf4302d1c77cb00448570cfa0d066687974d
# Push it to GitHub
git push --set-upstream origin backport-1373-to-16.x
# Go back to the original working tree
cd ../..
# Delete the working tree
git worktree remove .worktrees/backport-16.x

Then, create a pull request where the base branch is 16.x and the compare/head branch is backport-1373-to-16.x.

kevinbuhmann added a commit that referenced this pull request May 30, 2024
This is a port of 7a61bf4 (#1373) to 16.x.

This commit introduces the file input/picker component.

The previous undocumented `.clr-file-wrapper` styles are now deprecated due to
design changes. The component uses separate `.clr-file-input-wrapper` styles,
and these styles supersede the deprecated styles for CSS-only implementations.

CDE-1668
kevinbuhmann added a commit that referenced this pull request May 30, 2024
This is a port of 7a61bf4 (#1373) to 16.x.

This commit introduces the file input/picker component.

The previous undocumented `.clr-file-wrapper` styles are now deprecated
due to design changes. The component uses separate
`.clr-file-input-wrapper` styles, and these styles supersede the
deprecated styles for CSS-only implementations.

CDE-1668
Copy link
Contributor

🎉 This PR is included in version 17.2.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@kumart-netapp
Copy link

Please update the component documentation(https://clarity.design) as well.

Copy link
Contributor

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.

@github-actions github-actions bot locked and limited conversation to collaborators Jun 18, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants