ecomlab-components-next 0.1.131 → 0.1.133
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 +3 -2
- package/dist/components/ConstructorComponents/Carousel/Carousel.js +1 -0
- package/dist/components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs.js +1 -0
- package/dist/components/ConstructorComponents/FormWithBtn/FormWithBtn.js +2 -3
- package/dist/components/ConstructorComponents/Header/Header.js +4 -3
- 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/ConstructorComponents/StepItems/StepItems.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"
|
|
@@ -163,9 +164,9 @@ var CardsInfo = function CardsInfo(_ref) {
|
|
|
163
164
|
}).slice(0, isShow)), isShow <= 6 && curr_list.length > 6 && /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
164
165
|
green: true,
|
|
165
166
|
width: '100%',
|
|
166
|
-
maxWidth: '
|
|
167
|
+
maxWidth: '430px',
|
|
167
168
|
text: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435",
|
|
168
|
-
size: "
|
|
169
|
+
size: "56px",
|
|
169
170
|
onClick: function onClick(e) {
|
|
170
171
|
setIsShow(20);
|
|
171
172
|
},
|
|
@@ -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"
|
|
@@ -125,11 +125,10 @@ var FormWithBtn = function FormWithBtn(_ref) {
|
|
|
125
125
|
}, "\u0417\u0430\u043F\u0438\u0448\u0438\u0441\u044C \u043D\u0430 \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044E \u0441 \u043D\u0430\u0448\u0438\u043C \u0441\u043F\u0435\u0446\u0438\u0430\u043B\u0438\u0441\u0442\u043E\u043C, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u044B\u0439 \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435 \u043D\u0430 \u043C\u0435\u0441\u044F\u0446"), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
126
126
|
green: true,
|
|
127
127
|
text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
|
|
128
|
-
maxWidth: '
|
|
128
|
+
maxWidth: '430px',
|
|
129
129
|
width: '100%',
|
|
130
|
-
size: '
|
|
130
|
+
size: '56px',
|
|
131
131
|
style: {
|
|
132
|
-
fontSize: '20px',
|
|
133
132
|
marginTop: '12px'
|
|
134
133
|
},
|
|
135
134
|
onClick: function onClick(e) {
|
|
@@ -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"],
|
|
@@ -99,9 +100,9 @@ var Header = function Header(_ref) {
|
|
|
99
100
|
return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blunk');
|
|
100
101
|
},
|
|
101
102
|
text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
|
|
102
|
-
maxWidth: "
|
|
103
|
+
maxWidth: "430px",
|
|
103
104
|
width: "100%",
|
|
104
|
-
size: "
|
|
105
|
+
size: "56px"
|
|
105
106
|
})));
|
|
106
107
|
};
|
|
107
108
|
var _default = exports["default"] = Header;
|
|
@@ -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));
|
|
@@ -65,8 +65,9 @@ var StepItems = function StepItems(_ref) {
|
|
|
65
65
|
marginLeft: 'auto',
|
|
66
66
|
marginRight: 'auto'
|
|
67
67
|
},
|
|
68
|
-
maxWidth: '
|
|
68
|
+
maxWidth: '430px',
|
|
69
69
|
width: "100%",
|
|
70
|
+
size: "56px",
|
|
70
71
|
onClick: function onClick() {
|
|
71
72
|
var _window2;
|
|
72
73
|
return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blunk');
|
|
@@ -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;
|