@megafon/ui-core 3.13.0 → 3.14.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/CHANGELOG.md +12 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css +4 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts +1 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js +2 -1
- package/dist/es/components/Carousel/Carousel.d.ts +2 -0
- package/dist/es/components/Carousel/Carousel.js +4 -1
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css +4 -0
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.d.ts +1 -0
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js +2 -1
- package/dist/lib/components/Carousel/Carousel.d.ts +2 -0
- package/dist/lib/components/Carousel/Carousel.js +4 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [3.14.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.13.0...@megafon/ui-core@3.14.0) (2022-09-06)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **badge:** add new promo badge type ([8cbe525](https://github.com/MegafonWebLab/megafon-ui/commit/8cbe5253b9d08c19c9343b42cb3920ac259c8844))
|
|
12
|
+
* **carousel:** add new prop slideToClickedSlide ([8a43432](https://github.com/MegafonWebLab/megafon-ui/commit/8a4343290f943475c8522adaa3ad2b564c551d83))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
6
18
|
# [3.13.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.1...@megafon/ui-core@3.13.0) (2022-08-11)
|
|
7
19
|
|
|
8
20
|
|
|
@@ -27,6 +27,10 @@
|
|
|
27
27
|
.mfui-promo-badge_type_user-choice {
|
|
28
28
|
background-color: var(--reflexBlue);
|
|
29
29
|
}
|
|
30
|
+
.mfui-promo-badge_type_interests {
|
|
31
|
+
background-color: var(--brandPurple20);
|
|
32
|
+
color: var(--brandPurple);
|
|
33
|
+
}
|
|
30
34
|
.mfui-promo-badge__text {
|
|
31
35
|
font-family: inherit;
|
|
32
36
|
font-size: 12px;
|
|
@@ -6,6 +6,7 @@ export declare const PromoBadgeTypes: {
|
|
|
6
6
|
readonly VIP: "vip";
|
|
7
7
|
readonly POPULAR: "popular";
|
|
8
8
|
readonly USER_CHOICE: "user-choice";
|
|
9
|
+
readonly INTERESTS: "interests";
|
|
9
10
|
};
|
|
10
11
|
declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
|
|
11
12
|
export interface IPromoBadgeProps {
|
|
@@ -72,6 +72,8 @@ export interface ICarouselProps {
|
|
|
72
72
|
effectTheme?: EffectThemeType;
|
|
73
73
|
/** Css селектор элемента, при перетаскивании которого не будет происходить смена слайдов */
|
|
74
74
|
noSwipingSelector?: string;
|
|
75
|
+
/** Свайп к слайду, по которому произведен клик */
|
|
76
|
+
slideToClickedSlide?: boolean;
|
|
75
77
|
/** Ref на swiper */
|
|
76
78
|
getSwiper?: (instance: SwiperCore) => void;
|
|
77
79
|
/** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
|
|
@@ -92,7 +92,9 @@ var Carousel = function Carousel(_ref) {
|
|
|
92
92
|
getSwiper = _ref.getSwiper,
|
|
93
93
|
onNextClick = _ref.onNextClick,
|
|
94
94
|
onPrevClick = _ref.onPrevClick,
|
|
95
|
-
onChange = _ref.onChange
|
|
95
|
+
onChange = _ref.onChange,
|
|
96
|
+
_ref$slideToClickedSl = _ref.slideToClickedSlide,
|
|
97
|
+
slideToClickedSlide = _ref$slideToClickedSl === void 0 ? false : _ref$slideToClickedSl;
|
|
96
98
|
|
|
97
99
|
var _React$useState = React.useState(),
|
|
98
100
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -265,6 +267,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
265
267
|
allowTouchMove: !disableTouchMove,
|
|
266
268
|
centeredSlides: centeredSlides,
|
|
267
269
|
effect: effectTheme,
|
|
270
|
+
slideToClickedSlide: slideToClickedSlide,
|
|
268
271
|
fadeEffect: effectTheme === EffectTheme.FADE ? {
|
|
269
272
|
crossFade: effectTheme === EffectTheme.FADE
|
|
270
273
|
} : undefined,
|
|
@@ -27,6 +27,10 @@
|
|
|
27
27
|
.mfui-promo-badge_type_user-choice {
|
|
28
28
|
background-color: var(--reflexBlue);
|
|
29
29
|
}
|
|
30
|
+
.mfui-promo-badge_type_interests {
|
|
31
|
+
background-color: var(--brandPurple20);
|
|
32
|
+
color: var(--brandPurple);
|
|
33
|
+
}
|
|
30
34
|
.mfui-promo-badge__text {
|
|
31
35
|
font-family: inherit;
|
|
32
36
|
font-size: 12px;
|
|
@@ -6,6 +6,7 @@ export declare const PromoBadgeTypes: {
|
|
|
6
6
|
readonly VIP: "vip";
|
|
7
7
|
readonly POPULAR: "popular";
|
|
8
8
|
readonly USER_CHOICE: "user-choice";
|
|
9
|
+
readonly INTERESTS: "interests";
|
|
9
10
|
};
|
|
10
11
|
declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
|
|
11
12
|
export interface IPromoBadgeProps {
|
|
@@ -28,7 +28,8 @@ var PromoBadgeTypes = {
|
|
|
28
28
|
NEW: 'new',
|
|
29
29
|
VIP: 'vip',
|
|
30
30
|
POPULAR: 'popular',
|
|
31
|
-
USER_CHOICE: 'user-choice'
|
|
31
|
+
USER_CHOICE: 'user-choice',
|
|
32
|
+
INTERESTS: 'interests'
|
|
32
33
|
};
|
|
33
34
|
exports.PromoBadgeTypes = PromoBadgeTypes;
|
|
34
35
|
var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
|
|
@@ -72,6 +72,8 @@ export interface ICarouselProps {
|
|
|
72
72
|
effectTheme?: EffectThemeType;
|
|
73
73
|
/** Css селектор элемента, при перетаскивании которого не будет происходить смена слайдов */
|
|
74
74
|
noSwipingSelector?: string;
|
|
75
|
+
/** Свайп к слайду, по которому произведен клик */
|
|
76
|
+
slideToClickedSlide?: boolean;
|
|
75
77
|
/** Ref на swiper */
|
|
76
78
|
getSwiper?: (instance: SwiperCore) => void;
|
|
77
79
|
/** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
|
|
@@ -124,7 +124,9 @@ var Carousel = function Carousel(_ref) {
|
|
|
124
124
|
getSwiper = _ref.getSwiper,
|
|
125
125
|
onNextClick = _ref.onNextClick,
|
|
126
126
|
onPrevClick = _ref.onPrevClick,
|
|
127
|
-
onChange = _ref.onChange
|
|
127
|
+
onChange = _ref.onChange,
|
|
128
|
+
_ref$slideToClickedSl = _ref.slideToClickedSlide,
|
|
129
|
+
slideToClickedSlide = _ref$slideToClickedSl === void 0 ? false : _ref$slideToClickedSl;
|
|
128
130
|
|
|
129
131
|
var _React$useState = React.useState(),
|
|
130
132
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
@@ -295,6 +297,7 @@ var Carousel = function Carousel(_ref) {
|
|
|
295
297
|
allowTouchMove: !disableTouchMove,
|
|
296
298
|
centeredSlides: centeredSlides,
|
|
297
299
|
effect: effectTheme,
|
|
300
|
+
slideToClickedSlide: slideToClickedSlide,
|
|
298
301
|
fadeEffect: effectTheme === EffectTheme.FADE ? {
|
|
299
302
|
crossFade: effectTheme === EffectTheme.FADE
|
|
300
303
|
} : undefined,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.14.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"styles"
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@babel/preset-env": "^7.8.6",
|
|
55
55
|
"@babel/preset-react": "^7.8.3",
|
|
56
56
|
"@babel/preset-typescript": "^7.8.3",
|
|
57
|
-
"@megafon/ui-icons": "^1.
|
|
57
|
+
"@megafon/ui-icons": "^1.3.0",
|
|
58
58
|
"@svgr/core": "^2.4.1",
|
|
59
59
|
"@testing-library/react-hooks": "^7.0.1",
|
|
60
60
|
"@types/enzyme": "^3.10.5",
|
|
@@ -97,5 +97,5 @@
|
|
|
97
97
|
"react-popper": "^2.2.3",
|
|
98
98
|
"swiper": "^6.5.6"
|
|
99
99
|
},
|
|
100
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "24435bfc98f949ea9e2d60a415d4e90554cb1166"
|
|
101
101
|
}
|