From c7c614bc7547b3b6d95b7242403ec36edeb8c1c0 Mon Sep 17 00:00:00 2001 From: Ajay Duth Date: Thu, 2 May 2024 16:59:45 +0530 Subject: [PATCH 1/2] style: new design updates, default color change, barcount format change --- README.md | 9 +++++-- src/assets/rating-summary-example.png | Bin 12462 -> 23303 bytes src/constants.ts | 12 +++------ src/rating-average/RatingAverage.tsx | 8 +++++- src/rating-average/star/Star.tsx | 8 ++++-- src/rating-average/star/types.d.ts | 4 +-- src/rating-average/styles.module.scss | 8 +++--- src/rating-average/types.d.ts | 4 +-- .../RatingDistributionItem.tsx | 19 +++++++-------- .../styles.module.scss | 16 ++++++++---- src/rating-label/RatingLabel.tsx | 23 ++++++++++++------ src/rating-label/styles.module.scss | 9 ++++--- src/rating-label/types.d.ts | 3 ++- src/rating-summary/RatingSummary.tsx | 3 ++- src/rating-summary/styles.module.scss | 2 +- src/rating-summary/types.d.ts | 7 ++++-- src/stories/RatingSummary.stories.tsx | 15 ++++++------ src/utils.ts | 20 ++++++++++++++- 18 files changed, 109 insertions(+), 61 deletions(-) diff --git a/README.md b/README.md index 2389e2a..6d2f414 100644 --- a/README.md +++ b/README.md @@ -176,13 +176,13 @@ Props that can be passed to the component are listed below: ratingAverageIconProps?: object - An object defining the fill color ( fillColor?: string ) and background color ( bgColor?: string ) for customizing the appearance of star icon in the average rating section. + An object defining the fill color ( fillColor?: string ), background color ( bgColor?: string ), border color (borderColor: string) and border width (borderWidth: number) for customizing the appearance of star icon in the average rating section. undefined thousandsSeparator?: string A string specifying the custom thousands separator for formatting a numerical value. - ',' + undefined ratingAverageSubText?: string @@ -194,6 +194,11 @@ Props that can be passed to the component are listed below: The order prop dictates the summary section's display order. Possible values are: 'ORIGINAL' or 'REVERSE'. For numeric ratingIds, it sorts in ascending (ORIGINAL) or descending (REVERSE) order. For string based ratingIds, it reflects the original/reversed order of keys in the ratings prop. 'REVERSE' + + ratingLabelIconProps?: object + An object defining the fill color ( fillColor?: string ), background color ( bgColor?: string ), border color (borderColor: string) and border width (borderWidth: number) for customizing the appearance of star icon in the progess bar label section. + undefined + diff --git a/src/assets/rating-summary-example.png b/src/assets/rating-summary-example.png index 9cf9b335757eaf4ed6c4e23c7979dcdbebc158e5..d6fc69f4393d4ed2310e2408b6c4728680de2354 100644 GIT binary patch literal 23303 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 Zt@_~k*GZF2{iFayFpjz%sX82Z`QIDFTI2u# literal 12462 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 mBLKw)!2qnl+yB?yeB_Oyaa1m@ = (props) => { thousandsSeparator, ratingAverageSubText } = props; - const { fillColor = icon.fillColor, bgColor = icon.bgColor } = + const { fillColor = icon.fillColor, bgColor = icon.bgColor, borderColor, borderWidth } = iconProps || {}; const extractStarInfo = (average: number): [number, number, number] => { @@ -65,6 +65,8 @@ const RatingAverage: FC = (props) => { @@ -79,6 +81,8 @@ const RatingAverage: FC = (props) => { @@ -95,6 +99,8 @@ const RatingAverage: FC = (props) => { diff --git a/src/rating-average/star/Star.tsx b/src/rating-average/star/Star.tsx index ea8a369..8a30a8a 100644 --- a/src/rating-average/star/Star.tsx +++ b/src/rating-average/star/Star.tsx @@ -3,10 +3,12 @@ import React, { FC } from 'react'; import { StarProp } from './types'; const Star: FC = (props) => { - const { fillColor, bgColor, colorFilledFraction, id } = props; + const { fillColor, bgColor, colorFilledFraction, borderColor, borderWidth = 2, id } = props; + + const borderFallBackColor = borderColor || fillColor; return ( - + @@ -14,6 +16,8 @@ const Star: FC = (props) => { = (props) => { @@ -24,13 +24,11 @@ const RatingDistributionItem: FC = (props) => { const getBarBgColor = (): string => { if (barColors?.[currentRatingId]) return barColors[currentRatingId]; - return isValidNumber(currentRatingId) && - DEFAULT_BAR_COLORS[Number(currentRatingId)] - ? DEFAULT_BAR_COLORS[Number(currentRatingId)] - : DEFAULT_BAR_COLORS[1]; + return DEFAULT_COLOR; }; return ( + <>
= (props) => { showAnimation && classes.animations }`} > - {showCount && ( +
+ + + {showCount && ( = (props) => { {formatNumber(currentRatingValue, thousandsSeparator)} )} - - - + ); }; diff --git a/src/rating-distribution-item/styles.module.scss b/src/rating-distribution-item/styles.module.scss index e9a741f..4553cfb 100644 --- a/src/rating-distribution-item/styles.module.scss +++ b/src/rating-distribution-item/styles.module.scss @@ -7,6 +7,9 @@ } } .barContainer { + background-color: #F2F2F2; + height: 16px; + border-radius: 4px; width: 100%; display: table-cell; } @@ -14,18 +17,21 @@ max-width: 100%; } .filledBar { - height: 24px; + height: 16px; + border-radius: 4px; overflow-x: visible; display: flex; align-items: center; width: 100%; } + .countContainer { - font-size: 11px; + display: table-cell; + text-align: end; + padding-left: 5px; + vertical-align: middle; + font-size: 10px; line-height: 17px; - background-color: transparent; - color: #282b0b; - padding-left: 8px; } .transitions { transition: width 0.3s ease-in-out; diff --git a/src/rating-label/RatingLabel.tsx b/src/rating-label/RatingLabel.tsx index 90bec09..cd3d22b 100644 --- a/src/rating-label/RatingLabel.tsx +++ b/src/rating-label/RatingLabel.tsx @@ -1,13 +1,18 @@ import React, { FC } from 'react'; import { IRatingLabelProp } from './types'; -import starImg from '../assets/star-grey.svg'; import { getStyles } from '../utils'; -import { Elements } from '../constants'; +import { + Elements, + RATING_AVERAGE_DEFAULTS +} from '../constants'; import classes from './styles.module.scss'; +import Star from '../rating-average/star'; const RatingLabel: FC = (props) => { - const { ratingId, styles } = props; + const { ratingId, styles, iconProps } = props; + const { icon } = RATING_AVERAGE_DEFAULTS; + const { fillColor = icon.fillColor, bgColor } = iconProps || {}; return (
= (props) => { id={`${ratingId}-label`} style={getStyles(styles, Elements.Label, ratingId)} > - + > + +
{ratingId} ); diff --git a/src/rating-label/styles.module.scss b/src/rating-label/styles.module.scss index ac556f6..d8bcf3a 100644 --- a/src/rating-label/styles.module.scss +++ b/src/rating-label/styles.module.scss @@ -3,13 +3,14 @@ padding-right: 8px; white-space: nowrap; vertical-align: middle; - font-size: 15px; - color: #919191; + font-size: 12px; + font-weight: 500; } .starImage { + display: inline-block; vertical-align: middle; margin-right: 4px; - width: 14px; - height: 14px; + width: 13px; + height: 13px; } diff --git a/src/rating-label/types.d.ts b/src/rating-label/types.d.ts index e323720..55ca09e 100644 --- a/src/rating-label/types.d.ts +++ b/src/rating-label/types.d.ts @@ -1,6 +1,7 @@ -import { CustomStyles } from '../rating-summary/types'; +import { CustomStyles, RatingIconProps } from '../rating-summary/types'; export type IRatingLabelProp = { ratingId: string; styles: CustomStyles; + iconProps: RatingIconProps }; diff --git a/src/rating-summary/RatingSummary.tsx b/src/rating-summary/RatingSummary.tsx index 17b467e..d964279 100644 --- a/src/rating-summary/RatingSummary.tsx +++ b/src/rating-summary/RatingSummary.tsx @@ -22,6 +22,7 @@ const RatingSummary: FC = (props) => { customAverageFn, averageRatingPrecision = 1, ratingAverageIconProps = {}, + ratingLabelIconProps = {}, thousandsSeparator, ratingAverageSubText = 'reviews', order = ORDER.REVERSE @@ -71,7 +72,7 @@ const RatingSummary: FC = (props) => { style={getStyles(styles, Elements.SummaryItemContainer, ratingId)} > {(renderLabel && <>{renderLabel(ratingId)}) || ( - + )} number; @@ -45,7 +47,8 @@ export type ISummaryProp = { showAverageRating?: boolean; customAverageFn?: CustomAverageFn; averageRatingPrecision?: number; - ratingAverageIconProps?: RatingAverageIconProps; + ratingAverageIconProps?: RatingIconProps; + ratingLabelIconProps?: RatingIconProps; thousandsSeparator?: string; ratingAverageSubText?: string; order?: ORDER; diff --git a/src/stories/RatingSummary.stories.tsx b/src/stories/RatingSummary.stories.tsx index 59f2599..147499c 100644 --- a/src/stories/RatingSummary.stories.tsx +++ b/src/stories/RatingSummary.stories.tsx @@ -23,11 +23,6 @@ export default { defaultValue: true, control: { type: 'boolean' } }, - thousandsSeparator: { - defaultValue: ',', - options: [',', '.'], - control: { type: 'select' } - }, averageRatingPrecision: { defaultValue: 1, control: { type: 'number' } @@ -45,8 +40,8 @@ export default { control: { type: 'color' } }, defaultValue: { - fillColor: '#919191', - bgColor: '#F2F2F2' + fillColor: '#5D5FEF', + bgColor: '#FFFFFF' } }, order: { @@ -99,6 +94,12 @@ DefaultFixedWidthContainer.args = { } }; +export const VariantWithThousandsSeparator = Template.bind({}); +VariantWithThousandsSeparator.args = { + ...Default.args, + thousandsSeparator: "," +}; + export const VariantWithCustomBarColors = Template.bind({}); VariantWithCustomBarColors.args = { ...Default.args, diff --git a/src/utils.ts b/src/utils.ts index c613d8a..fec5214 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -1,9 +1,27 @@ import { INTERNATIONAL_NUMBER_SYSTEM_REGEX, Elements } from './constants'; import { CustomStyles, IRatings, RatingRanks } from './rating-summary/types'; -export const formatNumber = (num: number, thousandsSeparator = ','): string => +export const formatThousandNumber = (num: number, thousandsSeparator = ','): string => num.toString().replace(INTERNATIONAL_NUMBER_SYSTEM_REGEX, thousandsSeparator); +export const formatLargeNumber = (num: number) : string =>{ + const abbrev = ["K", "M", "B", "T"]; + let round = 0; + while (Math.abs(num) >= 999) { + round++; + num /= 1000; + } + return num.toFixed(1) + abbrev[round - 1]; +} + +export const formatNumber = (num: number, thousandsSeparator = ''): string | number => { + if (Math.abs(num) < 999) { + return num; + } + else if(thousandsSeparator) return formatThousandNumber(num, thousandsSeparator); + return formatLargeNumber(num); +} + export const getStyles = ( allStyles: CustomStyles, element: Elements, From d5076f8751fb0b12a00854c9d0a743f69e010da2 Mon Sep 17 00:00:00 2001 From: Ajay Duth Date: Thu, 2 May 2024 17:38:46 +0530 Subject: [PATCH 2/2] fix: eslint errors, removed unused functions and files --- src/assets/star-grey.svg | 12 ------------ src/rating-average/star/Star.tsx | 1 - .../RatingDistributionItem.tsx | 2 +- src/rating-label/RatingLabel.tsx | 2 +- src/utils.ts | 3 --- 5 files changed, 2 insertions(+), 18 deletions(-) delete mode 100644 src/assets/star-grey.svg diff --git a/src/assets/star-grey.svg b/src/assets/star-grey.svg deleted file mode 100644 index 4349327..0000000 --- a/src/assets/star-grey.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - diff --git a/src/rating-average/star/Star.tsx b/src/rating-average/star/Star.tsx index 8a30a8a..3547334 100644 --- a/src/rating-average/star/Star.tsx +++ b/src/rating-average/star/Star.tsx @@ -4,7 +4,6 @@ import { StarProp } from './types'; const Star: FC = (props) => { const { fillColor, bgColor, colorFilledFraction, borderColor, borderWidth = 2, id } = props; - const borderFallBackColor = borderColor || fillColor; return ( diff --git a/src/rating-distribution-item/RatingDistributionItem.tsx b/src/rating-distribution-item/RatingDistributionItem.tsx index 4ad0480..7189f8c 100644 --- a/src/rating-distribution-item/RatingDistributionItem.tsx +++ b/src/rating-distribution-item/RatingDistributionItem.tsx @@ -2,7 +2,7 @@ import React, { FC } from 'react'; import { IRatingDistributionProp } from './types'; import { Elements, DEFAULT_COLOR } from '../constants'; -import { formatNumber, getStyles, isValidNumber, } from '../utils'; +import { formatNumber, getStyles } from '../utils'; import classes from './styles.module.scss'; const RatingDistributionItem: FC = (props) => { diff --git a/src/rating-label/RatingLabel.tsx b/src/rating-label/RatingLabel.tsx index cd3d22b..3737a88 100644 --- a/src/rating-label/RatingLabel.tsx +++ b/src/rating-label/RatingLabel.tsx @@ -12,7 +12,7 @@ import Star from '../rating-average/star'; const RatingLabel: FC = (props) => { const { ratingId, styles, iconProps } = props; const { icon } = RATING_AVERAGE_DEFAULTS; - const { fillColor = icon.fillColor, bgColor } = iconProps || {}; + const { fillColor = icon.fillColor } = iconProps || {}; return (
- !isNaN(parseFloat(value));