@hh.ru/magritte-ui-rating-review 3.1.4 → 3.1.6
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 +1 -1
- package/RatingReview.js.map +1 -1
- package/index.css +25 -25
- package/index.mock.js.map +1 -1
- package/package.json +7 -7
package/RatingReview.js
CHANGED
|
@@ -6,7 +6,7 @@ import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
|
6
6
|
import { StarFilledSize16, StarOutlinedSize16, StarFilledSize24, StarOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
|
|
7
7
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
8
8
|
|
|
9
|
-
var styles = {"rating-review":"magritte-rating-review___X1HDg_3-1-
|
|
9
|
+
var styles = {"rating-review":"magritte-rating-review___X1HDg_3-1-6","ratingReview":"magritte-rating-review___X1HDg_3-1-6","internal-container":"magritte-internal-container___Tutx7_3-1-6","internalContainer":"magritte-internal-container___Tutx7_3-1-6","size-medium":"magritte-size-medium___wVwww_3-1-6","sizeMedium":"magritte-size-medium___wVwww_3-1-6","disabled":"magritte-disabled___uGGmU_3-1-6","has-rating":"magritte-has-rating___BoybH_3-1-6","hasRating":"magritte-has-rating___BoybH_3-1-6"};
|
|
10
10
|
|
|
11
11
|
const ICON_BY_SIZE = {
|
|
12
12
|
small: {
|
package/RatingReview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingReview.js","sources":["
|
|
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,26 +1,26 @@
|
|
|
1
1
|
:root{
|
|
2
|
-
--magritte-color-text-primary-v24-4-
|
|
3
|
-
--magritte-color-text-state-primary-disabled-v24-4-
|
|
4
|
-
--magritte-color-icon-state-tertiary-disabled-v24-4-
|
|
5
|
-
--magritte-color-icon-state-warning-disabled-v24-4-
|
|
6
|
-
--magritte-color-icon-tertiary-v24-4-
|
|
7
|
-
--magritte-color-icon-warning-v24-4-
|
|
2
|
+
--magritte-color-text-primary-v24-4-1:#000000;
|
|
3
|
+
--magritte-color-text-state-primary-disabled-v24-4-1:#0000007a;
|
|
4
|
+
--magritte-color-icon-state-tertiary-disabled-v24-4-1:#aabbca7a;
|
|
5
|
+
--magritte-color-icon-state-warning-disabled-v24-4-1:#ff99007a;
|
|
6
|
+
--magritte-color-icon-tertiary-v24-4-1:#AABBCA;
|
|
7
|
+
--magritte-color-icon-warning-v24-4-1:#ff9900;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.magritte-night-theme{
|
|
11
|
-
--magritte-color-text-primary-v24-4-
|
|
12
|
-
--magritte-color-text-state-primary-disabled-v24-4-
|
|
13
|
-
--magritte-color-icon-tertiary-v24-4-
|
|
14
|
-
--magritte-color-icon-warning-v24-4-
|
|
15
|
-
--magritte-color-icon-state-tertiary-disabled-v24-4-
|
|
16
|
-
--magritte-color-icon-state-warning-disabled-v24-4-
|
|
17
|
-
}
|
|
18
|
-
.magritte-rating-review___X1HDg_3-1-
|
|
11
|
+
--magritte-color-text-primary-v24-4-1:#ffffff;
|
|
12
|
+
--magritte-color-text-state-primary-disabled-v24-4-1:#ababab7a;
|
|
13
|
+
--magritte-color-icon-tertiary-v24-4-1:#767676;
|
|
14
|
+
--magritte-color-icon-warning-v24-4-1:#EB8D05;
|
|
15
|
+
--magritte-color-icon-state-tertiary-disabled-v24-4-1:#767676;
|
|
16
|
+
--magritte-color-icon-state-warning-disabled-v24-4-1:#eb8d057a;
|
|
17
|
+
}
|
|
18
|
+
.magritte-rating-review___X1HDg_3-1-6{
|
|
19
19
|
display:inline-block;
|
|
20
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-4-
|
|
21
|
-
--magritte-ui-text-color-override:var(--magritte-color-text-primary-v24-4-
|
|
20
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-4-1);
|
|
21
|
+
--magritte-ui-text-color-override:var(--magritte-color-text-primary-v24-4-1);
|
|
22
22
|
}
|
|
23
|
-
.magritte-internal-container___Tutx7_3-1-
|
|
23
|
+
.magritte-internal-container___Tutx7_3-1-6{
|
|
24
24
|
display:inline-flex;
|
|
25
25
|
flex-wrap:nowrap;
|
|
26
26
|
gap:6px;
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
justify-content:center;
|
|
29
29
|
height:22px;
|
|
30
30
|
}
|
|
31
|
-
.magritte-size-medium___wVwww_3-1-
|
|
31
|
+
.magritte-size-medium___wVwww_3-1-6 .magritte-internal-container___Tutx7_3-1-6{
|
|
32
32
|
height:32px;
|
|
33
33
|
}
|
|
34
|
-
.magritte-disabled___uGGmU_3-1-
|
|
35
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-tertiary-disabled-v24-4-
|
|
36
|
-
--magritte-ui-text-color-override:var(--magritte-color-text-state-primary-disabled-v24-4-
|
|
34
|
+
.magritte-disabled___uGGmU_3-1-6{
|
|
35
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-tertiary-disabled-v24-4-1);
|
|
36
|
+
--magritte-ui-text-color-override:var(--magritte-color-text-state-primary-disabled-v24-4-1);
|
|
37
37
|
}
|
|
38
|
-
.magritte-disabled___uGGmU_3-1-
|
|
39
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-warning-disabled-v24-4-
|
|
38
|
+
.magritte-disabled___uGGmU_3-1-6.magritte-has-rating___BoybH_3-1-6{
|
|
39
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-state-warning-disabled-v24-4-1);
|
|
40
40
|
}
|
|
41
|
-
.magritte-has-rating___BoybH_3-1-
|
|
42
|
-
--magritte-ui-icon-color-override:var(--magritte-color-icon-warning-v24-4-
|
|
41
|
+
.magritte-has-rating___BoybH_3-1-6{
|
|
42
|
+
--magritte-ui-icon-color-override:var(--magritte-color-icon-warning-v24-4-1);
|
|
43
43
|
}
|
package/index.mock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mock.js","sources":["
|
|
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.1.
|
|
3
|
+
"version": "3.1.6",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"react": ">=18.2.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@hh.ru/magritte-common-use-disabled": "1.0.
|
|
30
|
-
"@hh.ru/magritte-design-tokens": "24.4.
|
|
31
|
-
"@hh.ru/magritte-ui-icon": "13.
|
|
32
|
-
"@hh.ru/magritte-ui-mock-component": "1.1.
|
|
33
|
-
"@hh.ru/magritte-ui-typography": "4.5.
|
|
29
|
+
"@hh.ru/magritte-common-use-disabled": "1.0.15",
|
|
30
|
+
"@hh.ru/magritte-design-tokens": "24.4.1",
|
|
31
|
+
"@hh.ru/magritte-ui-icon": "13.11.1",
|
|
32
|
+
"@hh.ru/magritte-ui-mock-component": "1.1.7",
|
|
33
|
+
"@hh.ru/magritte-ui-typography": "4.5.2"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
|
|
36
36
|
}
|