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(components): migrate Select to TypeScript #611

Merged
merged 12 commits into from
Jun 11, 2020

Conversation

connor-baer
Copy link
Member

@connor-baer connor-baer commented Jun 9, 2020

Addresses #516.

Approach and changes

  • migrated Label & Select components and some utils to TypeScript
  • added ValidationHint component (only used internally)
  • added inputOutline style helper (used across Select, Input, TextArea, Selector)
  • updated the design according to the new specs:

Before

Screen Shot 2020-06-09 at 13 00 36

After

Screen Shot 2020-06-09 at 13 41 25

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

feature/typescript-select

feature/typescript-select

feature/typescript-select
Making the label required would be a major breaking change that would require a lot of manual work
from users since it's not feasible to codemod. Therefore, I've made it a non-breaking change and
added a warning to encourage users to update their code.

feature/typescript-select
feature/typescript-select

feature/typescript-select
@connor-baer connor-baer added the feature A new feature or enhancement label Jun 9, 2020
@connor-baer connor-baer added this to the v2.0 milestone Jun 9, 2020
@vercel
Copy link

vercel bot commented Jun 9, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sumup-oss/circuit-ui/bmyezw0m7
✅ Preview: https://circuit-ui-git-feature-typescript-select.sumup-oss.now.sh

@codecov
Copy link

codecov bot commented Jun 9, 2020

Codecov Report

Merging #611 into beta will decrease coverage by 0.01%.
The diff coverage is 95.72%.

Impacted file tree graph

@@            Coverage Diff             @@
##             beta     #611      +/-   ##
==========================================
- Coverage   93.93%   93.92%   -0.02%     
==========================================
  Files         133      134       +1     
  Lines        2145     2188      +43     
  Branches      624      629       +5     
==========================================
+ Hits         2015     2055      +40     
- Misses        106      110       +4     
+ Partials       24       23       -1     
Impacted Files Coverage Δ
src/util/ios.ts 83.33% <50.00%> (ø)
src/util/type-check.ts 83.33% <80.00%> (ø)
src/components/ValidationHint/ValidationHint.tsx 90.00% <90.00%> (ø)
src/components/Anchor/Anchor.tsx 100.00% <100.00%> (ø)
src/components/Button/Button.tsx 100.00% <100.00%> (ø)
src/components/Label/Label.tsx 100.00% <100.00%> (ø)
src/components/ProgressBar/ProgressBar.tsx 100.00% <100.00%> (ø)
src/components/Select/Select.tsx 100.00% <100.00%> (ø)
src/styles/style-helpers.ts 100.00% <100.00%> (ø)
src/util/deprecate.ts 50.00% <100.00%> (ø)
... and 9 more

feature/typescript-select
@connor-baer connor-baer merged commit 389ea7d into beta Jun 11, 2020
@connor-baer connor-baer deleted the feature/typescript-select branch June 11, 2020 15:06
@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.0.0-beta.5 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.0.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
feature A new feature or enhancement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants