ecomlab-components-next 0.1.130 → 0.1.132
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/dist/components/Article/ArticleViewV2/ArticleViewV2.js +2 -2
- package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixForm.js +2 -1
- package/dist/components/ArticleElements/LongTileArticleBox/LongTileArticleBox.js +1 -3
- package/dist/components/ArticleElements/ShareComponent/ShareComponent.js +2 -1
- package/dist/components/ArticleElements/ShortTileArticleBox/ShortTileArticleBox.js +1 -3
- package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.js +1 -1
- package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.js +1 -0
- package/dist/components/ConstructorComponents/Carousel/Carousel.js +1 -0
- package/dist/components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs.js +1 -0
- package/dist/components/ConstructorComponents/Header/Header.js +2 -1
- package/dist/components/ConstructorComponents/Header/Header.scss +8 -0
- package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.js +2 -1
- package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.scss +10 -6
- package/dist/components/ConstructorComponents/ModalBitrixForm/ModalBitrixForm.js +3 -1
- package/dist/components/ConstructorComponents/PointsList/PointsList.js +2 -1
- package/dist/components/Inputs/DropDownSelector/DownSelector.js +2 -1
- package/dist/components/Inputs/DropDownSelector/DownSelector.stories.js +1 -1
- package/dist/components/Slider/SliderCarousel/SliderCarousel.js +6 -3
- package/dist/components/Slider/SliderCarousel/SliderCarousel.scss +11 -2
- package/package.json +1 -1
|
@@ -767,7 +767,7 @@ var ArticleViewV2 = function ArticleViewV2(_ref) {
|
|
|
767
767
|
className: "article-view__text-grey"
|
|
768
768
|
}, "".concat(apiData !== null && apiData !== void 0 && apiData.reading_time_min ? apiData === null || apiData === void 0 ? void 0 : apiData.reading_time_min : '0', " ").concat(translateMin()))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
769
769
|
className: "article-view__share-and-author"
|
|
770
|
-
}, isNew ? /*#__PURE__*/_react["default"].createElement("
|
|
770
|
+
}, isNew ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
771
771
|
className: "article-view__author-element"
|
|
772
772
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
773
773
|
className: "article-view__author-avatar",
|
|
@@ -780,7 +780,7 @@ var ArticleViewV2 = function ArticleViewV2(_ref) {
|
|
|
780
780
|
return acc += current;
|
|
781
781
|
}, '')) === null || _curr_author$split$ma === void 0 ? void 0 : _curr_author$split$ma.toUpperCase()) || '-'), /*#__PURE__*/_react["default"].createElement("p", {
|
|
782
782
|
className: "article-view__text-grey article-view__text-grey_author"
|
|
783
|
-
}, curr_author)) : /*#__PURE__*/_react["default"].createElement("
|
|
783
|
+
}, curr_author)) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
784
784
|
className: "article-view__author-element"
|
|
785
785
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
786
786
|
className: "article-view__text-grey article-view__text-grey_author"
|
|
@@ -268,7 +268,8 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
268
268
|
return setIsModal(false);
|
|
269
269
|
}
|
|
270
270
|
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
271
|
-
src: _close_icon["default"]
|
|
271
|
+
src: _close_icon["default"],
|
|
272
|
+
alt: "icon"
|
|
272
273
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
273
274
|
className: "modal-bitrix-form__content"
|
|
274
275
|
}, inputs), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
@@ -82,8 +82,7 @@ var LongTileArticleBox = function LongTileArticleBox(_ref) {
|
|
|
82
82
|
return author ? author === null || author === void 0 ? void 0 : author[0] : author;
|
|
83
83
|
};
|
|
84
84
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
85
|
-
className: "tile-long"
|
|
86
|
-
key: id
|
|
85
|
+
className: "tile-long"
|
|
87
86
|
}, /*#__PURE__*/_react["default"].createElement(_link["default"], {
|
|
88
87
|
target: linkString ? '_blank' : '',
|
|
89
88
|
onClick: function onClick(e) {
|
|
@@ -94,7 +93,6 @@ var LongTileArticleBox = function LongTileArticleBox(_ref) {
|
|
|
94
93
|
onLinkClick(e, id, articlePath);
|
|
95
94
|
}
|
|
96
95
|
},
|
|
97
|
-
key: id,
|
|
98
96
|
href: articlePath
|
|
99
97
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
98
|
className: "article-min"
|
|
@@ -136,7 +136,8 @@ var ShareComponent = exports.ShareComponent = function ShareComponent(_ref) {
|
|
|
136
136
|
setIsDropShare(!isDropShare);
|
|
137
137
|
}
|
|
138
138
|
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
139
|
-
src: _share_icon["default"]
|
|
139
|
+
src: _share_icon["default"],
|
|
140
|
+
alt: "icon"
|
|
140
141
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
141
142
|
className: "share__text"
|
|
142
143
|
}, " ", !hideText && translateShare())), isDropShare && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -144,9 +144,7 @@ var ShortTileArticleBox = function ShortTileArticleBox(_ref) {
|
|
|
144
144
|
alt: "icon"
|
|
145
145
|
}), /*#__PURE__*/_react["default"].createElement("p", {
|
|
146
146
|
className: "text_grey"
|
|
147
|
-
}, /*#__PURE__*/_react["default"].createElement("
|
|
148
|
-
className: "text_grey"
|
|
149
|
-
}, _typeof(date) === 'object' && date instanceof Date ? date.toLocaleDateString('ru-RU') : String(date)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
147
|
+
}, _typeof(date) === 'object' && date instanceof Date ? date.toLocaleDateString('ru-RU') : String(date))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
148
|
className: "info-box"
|
|
151
149
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
152
150
|
className: "view-box"
|
|
@@ -50,7 +50,7 @@ var BlocksInfo = function BlocksInfo(_ref) {
|
|
|
50
50
|
flexDirection: ind % 2 == 0 ? 'row-reverse' : ''
|
|
51
51
|
},
|
|
52
52
|
className: "landing-blocks-info-2__item",
|
|
53
|
-
key: label +
|
|
53
|
+
key: label + description + ind
|
|
54
54
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
55
55
|
className: "landing-blocks-info-2__img-box"
|
|
56
56
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
@@ -133,6 +133,7 @@ var CardsInfo = function CardsInfo(_ref) {
|
|
|
133
133
|
description = _ref3.description,
|
|
134
134
|
link = _ref3.link;
|
|
135
135
|
return /*#__PURE__*/_react["default"].createElement("a", {
|
|
136
|
+
key: label + description,
|
|
136
137
|
href: link ? link : '#',
|
|
137
138
|
target: "_blank",
|
|
138
139
|
className: "block-cards-info__link-box"
|
|
@@ -124,6 +124,7 @@ var CarouselBlock = function CarouselBlock(_ref) {
|
|
|
124
124
|
answer = _ref2.answer,
|
|
125
125
|
icon = _ref2.icon;
|
|
126
126
|
return /*#__PURE__*/_react["default"].createElement(_CommentItem.CommentItem, {
|
|
127
|
+
key: author_name + author_message,
|
|
127
128
|
author_name: author_name,
|
|
128
129
|
author_message: author_message,
|
|
129
130
|
product_name: product_name,
|
|
@@ -57,6 +57,7 @@ var ClientsAboutUs = function ClientsAboutUs(_ref) {
|
|
|
57
57
|
description = _ref2.description,
|
|
58
58
|
btnName = _ref2.btnName;
|
|
59
59
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
|
+
key: title + description,
|
|
60
61
|
className: ind == 1 ? 'clients-about-us__card-black' : 'clients-about-us__card'
|
|
61
62
|
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
62
63
|
className: "clients-about-us__card-title"
|
|
@@ -61,7 +61,8 @@ var Header = function Header(_ref) {
|
|
|
61
61
|
});
|
|
62
62
|
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !hideYandex && /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
63
63
|
className: "landing-header__img-yandex",
|
|
64
|
-
src: _YandexMarket["default"]
|
|
64
|
+
src: _YandexMarket["default"],
|
|
65
|
+
alt: "icon"
|
|
65
66
|
}), /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
66
67
|
className: "landing-header__img-ozon",
|
|
67
68
|
src: _Ozon["default"],
|
|
@@ -39,7 +39,8 @@ var MarqueImgs = function MarqueImgs(_ref) {
|
|
|
39
39
|
}, list === null || list === void 0 ? void 0 : list.map(function (el, ind) {
|
|
40
40
|
return /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
41
41
|
key: ind,
|
|
42
|
-
src: el
|
|
42
|
+
src: el,
|
|
43
|
+
alt: "icon"
|
|
43
44
|
});
|
|
44
45
|
})));
|
|
45
46
|
};
|
|
@@ -14,13 +14,12 @@
|
|
|
14
14
|
|
|
15
15
|
img {
|
|
16
16
|
margin-right: 100px;
|
|
17
|
-
|
|
18
|
-
height: 100px;
|
|
17
|
+
max-height: 100px;
|
|
19
18
|
width: auto;
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
21
|
|
|
23
|
-
@media (max-width:
|
|
22
|
+
@media (max-width: 1000px) {
|
|
24
23
|
.section-marquee {
|
|
25
24
|
gap: 24px;
|
|
26
25
|
|
|
@@ -28,6 +27,12 @@
|
|
|
28
27
|
font-size: 28px;
|
|
29
28
|
line-height: 32px;
|
|
30
29
|
}
|
|
30
|
+
|
|
31
|
+
img {
|
|
32
|
+
margin-right: 70px;
|
|
33
|
+
max-height: 70px;
|
|
34
|
+
width: auto;
|
|
35
|
+
}
|
|
31
36
|
}
|
|
32
37
|
}
|
|
33
38
|
|
|
@@ -41,9 +46,8 @@
|
|
|
41
46
|
}
|
|
42
47
|
|
|
43
48
|
img {
|
|
44
|
-
margin-right:
|
|
45
|
-
|
|
46
|
-
height: 80px;
|
|
49
|
+
margin-right: 40px;
|
|
50
|
+
max-height: 40px;
|
|
47
51
|
width: auto;
|
|
48
52
|
}
|
|
49
53
|
}
|
|
@@ -408,7 +408,9 @@ var ModalBitrixForm = function ModalBitrixForm(_ref) {
|
|
|
408
408
|
onClick: function onClick(e) {
|
|
409
409
|
return setIsModal(false);
|
|
410
410
|
}
|
|
411
|
-
}, /*#__PURE__*/_react["default"].createElement(_image["default"],
|
|
411
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], _extends({}, _close_icon["default"], {
|
|
412
|
+
alt: "icon"
|
|
413
|
+
})))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
412
414
|
className: "modal-bitrix-form__content"
|
|
413
415
|
}, inputs), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
414
416
|
text: btnName ? btnName : 'Отправить',
|
|
@@ -29,7 +29,8 @@ var PointsList = function PointsList(_ref) {
|
|
|
29
29
|
}, /*#__PURE__*/_react["default"].createElement("h4", {
|
|
30
30
|
className: "points-list__item-title"
|
|
31
31
|
}, icon && /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
32
|
-
src: icon
|
|
32
|
+
src: icon,
|
|
33
|
+
alt: "icon"
|
|
33
34
|
}), title), /*#__PURE__*/_react["default"].createElement("p", {
|
|
34
35
|
className: "points-list__item-text"
|
|
35
36
|
}, description));
|
|
@@ -290,7 +290,8 @@ var DropDownSelector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, sele
|
|
|
290
290
|
};
|
|
291
291
|
var MultiValueRemove = function MultiValueRemove(props) {
|
|
292
292
|
return /*#__PURE__*/_react["default"].createElement(_reactSelect.components.MultiValueRemove, props, /*#__PURE__*/_react["default"].createElement("img", {
|
|
293
|
-
src: disabled ? _close_icon_disabled["default"] : _close_icon["default"]
|
|
293
|
+
src: disabled ? _close_icon_disabled["default"] : _close_icon["default"],
|
|
294
|
+
alt: "icon"
|
|
294
295
|
}));
|
|
295
296
|
};
|
|
296
297
|
var dot = function dot() {
|
|
@@ -70,9 +70,12 @@ var SliderCarousel = function SliderCarousel(_ref) {
|
|
|
70
70
|
style: {
|
|
71
71
|
width: "calc(".concat(100 / ((_currentImgArr2 = currentImgArr()) === null || _currentImgArr2 === void 0 ? void 0 : _currentImgArr2.length) + '%', ")")
|
|
72
72
|
}
|
|
73
|
-
}, value ? /*#__PURE__*/_react["default"].createElement("
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
}, value ? /*#__PURE__*/_react["default"].createElement("button", {
|
|
74
|
+
className: "slider-carousel__img-button",
|
|
75
|
+
onClick: function onClick() {
|
|
76
|
+
return value && window.open(value, '_blank');
|
|
77
|
+
},
|
|
78
|
+
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 ".concat(alt, " \u0432 \u043D\u043E\u0432\u043E\u0439 \u0432\u043A\u043B\u0430\u0434\u043A\u0435")
|
|
76
79
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
77
80
|
decoding: "async",
|
|
78
81
|
loading: "lazy",
|
|
@@ -23,8 +23,6 @@
|
|
|
23
23
|
object-fit: contain;
|
|
24
24
|
transition: 0.5s;
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
26
|
}
|
|
29
27
|
|
|
30
28
|
&__img {
|
|
@@ -35,6 +33,17 @@
|
|
|
35
33
|
object-fit: contain;
|
|
36
34
|
}
|
|
37
35
|
|
|
36
|
+
&__img-button {
|
|
37
|
+
display: inline-block;
|
|
38
|
+
max-width: 100%;
|
|
39
|
+
width: 100%;
|
|
40
|
+
height: 100%;
|
|
41
|
+
object-fit: contain;
|
|
42
|
+
height: 100%;
|
|
43
|
+
border: none;
|
|
44
|
+
background-color: inherit;
|
|
45
|
+
}
|
|
46
|
+
|
|
38
47
|
.img-container {
|
|
39
48
|
display: flex;
|
|
40
49
|
flex-direction: row !important;
|