@hh.ru/magritte-ui-rating-review 2.0.14 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/RatingReview.js +2 -3
- package/RatingReview.js.map +1 -1
- package/index.css +25 -30
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/index.mock.d.ts +0 -1
- package/index.mock.js +0 -1
- package/index.mock.js.map +1 -1
- package/package.json +5 -5
- package/normalizeRatingValue.d.ts +0 -1
- package/normalizeRatingValue.js +0 -5
- package/normalizeRatingValue.js.map +0 -1
package/RatingReview.js
CHANGED
|
@@ -4,10 +4,9 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
6
6
|
import { StarFilledSize16, StarOutlinedSize16, StarFilledSize24, StarOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
|
|
7
|
-
import { normalizeRatingValue } from './normalizeRatingValue.js';
|
|
8
7
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
9
8
|
|
|
10
|
-
var styles = {"rating-review":"magritte-rating-
|
|
9
|
+
var styles = {"rating-review":"magritte-rating-review___X1HDg_3-0-0","ratingReview":"magritte-rating-review___X1HDg_3-0-0","internal-container":"magritte-internal-container___Tutx7_3-0-0","internalContainer":"magritte-internal-container___Tutx7_3-0-0","size-medium":"magritte-size-medium___wVwww_3-0-0","sizeMedium":"magritte-size-medium___wVwww_3-0-0","disabled":"magritte-disabled___uGGmU_3-0-0","has-rating":"magritte-has-rating___BoybH_3-0-0","hasRating":"magritte-has-rating___BoybH_3-0-0"};
|
|
11
10
|
|
|
12
11
|
const ICON_BY_SIZE = {
|
|
13
12
|
small: {
|
|
@@ -20,7 +19,7 @@ const ICON_BY_SIZE = {
|
|
|
20
19
|
},
|
|
21
20
|
};
|
|
22
21
|
const RatingReview = forwardRef(({ 'data-qa': dataQa, value, 'aria-describedby': describedBy, size = 'small' }, ref) => {
|
|
23
|
-
const normalizedValue =
|
|
22
|
+
const normalizedValue = Math.round(Math.max(Math.min(value ?? 0, 5), 0) * 10) / 10;
|
|
24
23
|
const isDisabled = useDisabled();
|
|
25
24
|
const fractionDigits = normalizedValue === 0 ? 0 : 1;
|
|
26
25
|
const Icon = ICON_BY_SIZE[size][normalizedValue > 0 ? 'filled' : 'outline'];
|
package/RatingReview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingReview.js","sources":["../src/RatingReview.tsx"],"sourcesContent":["import { forwardRef, type LegacyRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport {\n StarFilledSize16,\n StarOutlinedSize16,\n StarFilledSize24,\n StarOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport {
|
|
1
|
+
{"version":3,"file":"RatingReview.js","sources":["../src/RatingReview.tsx"],"sourcesContent":["import { forwardRef, type LegacyRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport {\n StarFilledSize16,\n StarOutlinedSize16,\n StarFilledSize24,\n StarOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './rating-review.less';\n\nexport type RatingReviewSize = 'small' | 'medium';\n\nexport interface RatingReviewProps {\n 'data-qa'?: string;\n /** Значение */\n value: number | null;\n 'aria-describedby'?: string;\n /** Размер */\n size?: RatingReviewSize;\n}\n\nconst ICON_BY_SIZE = {\n small: {\n filled: StarFilledSize16,\n outline: StarOutlinedSize16,\n },\n medium: {\n filled: StarFilledSize24,\n outline: StarOutlinedSize24,\n },\n} as const;\n\nexport const RatingReview = forwardRef<HTMLElement, RatingReviewProps>(\n ({ 'data-qa': dataQa, value, 'aria-describedby': describedBy, size = 'small' }, ref) => {\n const normalizedValue = Math.round(Math.max(Math.min(value ?? 0, 5), 0) * 10) / 10;\n const isDisabled = useDisabled();\n const fractionDigits = normalizedValue === 0 ? 0 : 1;\n const Icon = ICON_BY_SIZE[size][normalizedValue > 0 ? 'filled' : 'outline'];\n\n return (\n <div\n role=\"img\"\n aria-label={normalizedValue.toLocaleString()}\n data-qa={dataQa}\n aria-describedby={describedBy}\n ref={ref as LegacyRef<HTMLDivElement>}\n className={classnames(styles.ratingReview, {\n [styles.sizeMedium]: size === 'medium',\n [styles.hasRating]: normalizedValue > 0,\n [styles.disabled]: isDisabled,\n })}\n >\n <div className={styles.internalContainer} aria-hidden>\n <Icon />\n <Text typography={size === 'small' ? 'subtitle-1-semibold' : 'title-4-semibold'}>\n {normalizedValue.toLocaleString(undefined, {\n maximumFractionDigits: fractionDigits,\n minimumFractionDigits: fractionDigits,\n })}\n </Text>\n </div>\n </div>\n );\n }\n);\n\nRatingReview.displayName = 'RatingReview';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAyBA,MAAM,YAAY,GAAG;AACjB,IAAA,KAAK,EAAE;AACH,QAAA,MAAM,EAAE,gBAAgB;AACxB,QAAA,OAAO,EAAE,kBAAkB;AAC9B,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,MAAM,EAAE,gBAAgB;AACxB,QAAA,OAAO,EAAE,kBAAkB;AAC9B,KAAA;CACK,CAAC;AAEE,MAAA,YAAY,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,GAAG,KAAI;AACnF,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AACnF,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;AACjC,IAAA,MAAM,cAAc,GAAG,eAAe,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACrD,IAAA,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,GAAG,CAAC,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;IAE5E,QACIA,GACI,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,KAAK,EACE,YAAA,EAAA,eAAe,CAAC,cAAc,EAAE,EAAA,SAAA,EACnC,MAAM,EAAA,kBAAA,EACG,WAAW,EAC7B,GAAG,EAAE,GAAgC,EACrC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,KAAK,QAAQ;AACtC,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,eAAe,GAAG,CAAC;AACvC,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,SAAA,CAAC,EAEF,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EACpC,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAC,IAAI,EAAG,EAAA,CAAA,EACRA,GAAC,CAAA,IAAI,IAAC,UAAU,EAAE,IAAI,KAAK,OAAO,GAAG,qBAAqB,GAAG,kBAAkB,YAC1E,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE;AACvC,wBAAA,qBAAqB,EAAE,cAAc;AACrC,wBAAA,qBAAqB,EAAE,cAAc;AACxC,qBAAA,CAAC,EACC,CAAA,CAAA,EAAA,CACL,EACJ,CAAA,EACR;AACN,CAAC,EACH;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|
package/index.css
CHANGED
|
@@ -1,31 +1,26 @@
|
|
|
1
1
|
:root{
|
|
2
|
-
--magritte-color-text-primary-v23-2-
|
|
3
|
-
--magritte-color-text-state-primary-disabled-v23-2-
|
|
4
|
-
--magritte-color-icon-tertiary-v23-2-
|
|
5
|
-
--magritte-color-icon-warning-v23-2-
|
|
6
|
-
--magritte-color-icon-state-tertiary-disabled-v23-2-
|
|
7
|
-
--magritte-color-icon-state-warning-disabled-v23-2-
|
|
2
|
+
--magritte-color-text-primary-v23-2-3:#000000;
|
|
3
|
+
--magritte-color-text-state-primary-disabled-v23-2-3:#0000007a;
|
|
4
|
+
--magritte-color-icon-tertiary-v23-2-3:#AABBCA;
|
|
5
|
+
--magritte-color-icon-warning-v23-2-3:#ff9900;
|
|
6
|
+
--magritte-color-icon-state-tertiary-disabled-v23-2-3:#aabbca7a;
|
|
7
|
+
--magritte-color-icon-state-warning-disabled-v23-2-3:#ff99007a;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.magritte-night-theme{
|
|
11
|
-
--magritte-color-text-primary-v23-2-
|
|
12
|
-
--magritte-color-text-state-primary-disabled-v23-2-
|
|
13
|
-
--magritte-color-icon-tertiary-v23-2-
|
|
14
|
-
--magritte-color-icon-warning-v23-2-
|
|
15
|
-
--magritte-color-icon-state-tertiary-disabled-v23-2-
|
|
16
|
-
--magritte-color-icon-state-warning-disabled-v23-2-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.magritte-zp-day-theme{
|
|
20
|
-
--magritte-color-icon-tertiary-v23-2-2:#DCE3EB;
|
|
21
|
-
--magritte-color-icon-state-tertiary-disabled-v23-2-2:#BBC8D4;
|
|
22
|
-
}
|
|
23
|
-
.magritte-rating-review___X1HDg_2-0-14{
|
|
11
|
+
--magritte-color-text-primary-v23-2-3:#ffffff;
|
|
12
|
+
--magritte-color-text-state-primary-disabled-v23-2-3:#ababab7a;
|
|
13
|
+
--magritte-color-icon-tertiary-v23-2-3:#767676;
|
|
14
|
+
--magritte-color-icon-warning-v23-2-3:#EB8D05;
|
|
15
|
+
--magritte-color-icon-state-tertiary-disabled-v23-2-3:#767676;
|
|
16
|
+
--magritte-color-icon-state-warning-disabled-v23-2-3:#eb8d057a;
|
|
17
|
+
}
|
|
18
|
+
.magritte-rating-review___X1HDg_3-0-0{
|
|
24
19
|
display:inline-block;
|
|
25
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v23-2-
|
|
26
|
-
--magritte-ui-text-color-override:var(--magritte-color-text-primary-v23-2-
|
|
20
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v23-2-3);
|
|
21
|
+
--magritte-ui-text-color-override:var(--magritte-color-text-primary-v23-2-3);
|
|
27
22
|
}
|
|
28
|
-
.magritte-internal-
|
|
23
|
+
.magritte-internal-container___Tutx7_3-0-0{
|
|
29
24
|
display:inline-flex;
|
|
30
25
|
flex-wrap:nowrap;
|
|
31
26
|
gap:6px;
|
|
@@ -33,16 +28,16 @@
|
|
|
33
28
|
justify-content:center;
|
|
34
29
|
height:22px;
|
|
35
30
|
}
|
|
36
|
-
.magritte-size-
|
|
31
|
+
.magritte-size-medium___wVwww_3-0-0 .magritte-internal-container___Tutx7_3-0-0{
|
|
37
32
|
height:32px;
|
|
38
33
|
}
|
|
39
|
-
.magritte-
|
|
40
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-tertiary-disabled-v23-2-
|
|
41
|
-
--magritte-ui-text-color-override:var(--magritte-color-text-state-primary-disabled-v23-2-
|
|
34
|
+
.magritte-disabled___uGGmU_3-0-0{
|
|
35
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-tertiary-disabled-v23-2-3);
|
|
36
|
+
--magritte-ui-text-color-override:var(--magritte-color-text-state-primary-disabled-v23-2-3);
|
|
42
37
|
}
|
|
43
|
-
.magritte-
|
|
44
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-warning-disabled-v23-2-
|
|
38
|
+
.magritte-disabled___uGGmU_3-0-0.magritte-has-rating___BoybH_3-0-0{
|
|
39
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-warning-disabled-v23-2-3);
|
|
45
40
|
}
|
|
46
|
-
.magritte-has-
|
|
47
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-warning-v23-2-
|
|
41
|
+
.magritte-has-rating___BoybH_3-0-0{
|
|
42
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-warning-v23-2-3);
|
|
48
43
|
}
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/index.mock.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { ForwardRefExoticComponent } from 'react';
|
|
2
2
|
export { type RatingReviewProps, type RatingReviewSize } from '@hh.ru/magritte-ui-rating-review/RatingReview';
|
|
3
|
-
export { normalizeRatingValue } from '@hh.ru/magritte-ui-rating-review/normalizeRatingValue';
|
|
4
3
|
export declare const RatingReview: ForwardRefExoticComponent<Record<string, unknown>>;
|
package/index.mock.js
CHANGED
package/index.mock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type RatingReviewProps, type RatingReviewSize } from '@hh.ru/magritte-ui-rating-review/RatingReview';\
|
|
1
|
+
{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type RatingReviewProps, type RatingReviewSize } from '@hh.ru/magritte-ui-rating-review/RatingReview';\n\nexport const RatingReview: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('RatingReview');\n"],"names":[],"mappings":";;MAMa,YAAY,GAAuD,aAAa,CAAC,cAAc;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-rating-review",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@hh.ru/magritte-common-use-disabled": "1.0.13",
|
|
30
|
-
"@hh.ru/magritte-design-tokens": "23.2.
|
|
31
|
-
"@hh.ru/magritte-ui-icon": "13.1.
|
|
30
|
+
"@hh.ru/magritte-design-tokens": "23.2.3",
|
|
31
|
+
"@hh.ru/magritte-ui-icon": "13.1.1",
|
|
32
32
|
"@hh.ru/magritte-ui-mock-component": "1.1.5",
|
|
33
|
-
"@hh.ru/magritte-ui-typography": "4.2.
|
|
33
|
+
"@hh.ru/magritte-ui-typography": "4.2.6"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "b20ca79252fa840d3d5fafb398e47efdfe3a00a9"
|
|
36
36
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const normalizeRatingValue: (value: number | null) => number;
|
package/normalizeRatingValue.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"normalizeRatingValue.js","sources":["../src/normalizeRatingValue.ts"],"sourcesContent":["export const normalizeRatingValue = (value: number | null): number =>\n value ? Math.round(Math.min(Math.max(value, 0), 5) * 2) / 2 : 0;\n"],"names":[],"mappings":"AAAa,MAAA,oBAAoB,GAAG,CAAC,KAAoB,KACrD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG;;;;"}
|