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(Rating, InfoRating): new components #1196

Merged
merged 20 commits into from
Sep 13, 2024

Conversation

marcoskolodny
Copy link
Collaborator

@marcoskolodny marcoskolodny commented Aug 9, 2024

Issue: Link

📄 Note

Haptic feedback requires implementing it in radio button component and coordinating with native teams (it may require changes in the bridge). I consider this as a different task (implementing haptic feedback for all the controls), and it can be iterated in a different PR.

⚠️ Warning

This PR requires a major release in Mistica. There are no breaking changes caused by the components themselves, but because we need new icons from mistica-design repo, and design team has introduced some breaking changes in their latest release. We can't merge this PR until this one gets merged: #1197

Copy link

github-actions bot commented Aug 9, 2024

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

Copy link

github-actions bot commented Aug 9, 2024

Size stats

master this branch diff
Total JS 12.2 MB 12.2 MB +11.4 kB
JS without icons 2.03 MB 2.04 MB +11.3 kB
Lib overhead 68.2 kB 68.2 kB 0 B
Lib overhead (gzip) 16.6 kB 16.6 kB 0 B

Copy link

github-actions bot commented Aug 9, 2024

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-2u6zsg7dz-flows-projects-65bb050e.vercel.app

Built with commit ab2afcf.
This pull request is being automatically deployed with vercel-action

src/rating.tsx Outdated Show resolved Hide resolved
Copy link
Collaborator Author

@marcoskolodny marcoskolodny Aug 14, 2024

Choose a reason for hiding this comment

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

Ignore all changes related to icons. There is a another PR in which these changes are applied (#1197). I've updated them here because I needed some of the new icons.

Once the mentioned PR is merged, these changes will not be visible anymore here

@marcoskolodny marcoskolodny marked this pull request as ready for review August 14, 2024 11:30
playroom/snippets.tsx Outdated Show resolved Hide resolved
playroom/snippets.tsx Outdated Show resolved Hide resolved
playroom/snippets.tsx Outdated Show resolved Hide resolved
Copy link
Member

@pladaria pladaria left a comment

Choose a reason for hiding this comment

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

nice!

@marcoskolodny marcoskolodny added blocked This pull request is blocked and removed breaking-change labels Aug 21, 2024

type InfoRatingProps = Omit<QuantitativeRatingProps, 'type' | 'valueLabels'> & {
value?: number;
withHalfValue?: boolean;
Copy link
Collaborator

Choose a reason for hiding this comment

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

what does this mean? is this to be able to control the precision (by half star or whole star)? why isn't this always true for InfoRating (and remove the prop)? If someone doesn't want half star precision they can Math.round from outside

Copy link
Collaborator Author

@marcoskolodny marcoskolodny Aug 23, 2024

Choose a reason for hiding this comment

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

This is intended by design:

image

Copy link
Collaborator

Choose a reason for hiding this comment

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

this sounds weird to me

src/__stories__/rating-story.tsx Outdated Show resolved Hide resolved
src/inline.tsx Show resolved Hide resolved
src/rating.css.ts Show resolved Hide resolved
src/rating.tsx Outdated Show resolved Hide resolved
src/rating.tsx Show resolved Hide resolved
Copy link

github-actions bot commented Sep 13, 2024

Screenshot tests report

✔️ All passing

@marcoskolodny marcoskolodny added this pull request to the merge queue Sep 13, 2024
Merged via the queue into master with commit 02c91f6 Sep 13, 2024
11 checks passed
@marcoskolodny marcoskolodny deleted the WEB-1981-rating-component branch September 13, 2024 11:40
tuentisre pushed a commit that referenced this pull request Sep 27, 2024
# [16.1.0](v16.0.0...v16.1.0) (2024-09-27)

### Features

* **BrandLoadingScreen:** improve lottie animations ([#1235](#1235)) ([e7dc87f](e7dc87f)), closes [/github.com/airbnb/lottie-web/issues/1184#issuecomment-411586909](https:/airbnb/lottie-web/issues/1184/issues/issuecomment-411586909)
* **Form fields:** allow blocking copy/cut ([#1251](#1251)) ([8fd2838](8fd2838))
* **Form fields:** improve accesibility of errors ([#1246](#1246)) ([e35a99e](e35a99e))
* **PhoneNumberField:** Custom formatter support + lazy load libphonenumber on demand ([#1244](#1244)) ([2ee88e9](2ee88e9))
* **PosterCard, DisplayMediaCard:** allow using srcSet for backgroundImage ([#1253](#1253)) ([3b3d85f](3b3d85f))
* **Rating, InfoRating:** new components ([#1196](#1196)) ([02c91f6](02c91f6))
* **SearchField, TextField:** support inputMode prop ([#1249](#1249)) ([fe31eca](fe31eca))
* **Sheet:** lazy load sheet implementations ([#1250](#1250)) ([40fecdd](40fecdd))
@tuentisre
Copy link
Collaborator

🎉 This PR is included in version 16.1.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
blocked This pull request is blocked released
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants