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.
Files changed (21) hide show
  1. package/dist/components/Article/ArticleViewV2/ArticleViewV2.js +2 -2
  2. package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixForm.js +2 -1
  3. package/dist/components/ArticleElements/LongTileArticleBox/LongTileArticleBox.js +1 -3
  4. package/dist/components/ArticleElements/ShareComponent/ShareComponent.js +2 -1
  5. package/dist/components/ArticleElements/ShortTileArticleBox/ShortTileArticleBox.js +1 -3
  6. package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.js +1 -1
  7. package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.js +3 -2
  8. package/dist/components/ConstructorComponents/Carousel/Carousel.js +1 -0
  9. package/dist/components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs.js +1 -0
  10. package/dist/components/ConstructorComponents/FormWithBtn/FormWithBtn.js +2 -3
  11. package/dist/components/ConstructorComponents/Header/Header.js +4 -3
  12. package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.js +2 -1
  13. package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.scss +10 -6
  14. package/dist/components/ConstructorComponents/ModalBitrixForm/ModalBitrixForm.js +3 -1
  15. package/dist/components/ConstructorComponents/PointsList/PointsList.js +2 -1
  16. package/dist/components/ConstructorComponents/StepItems/StepItems.js +2 -1
  17. package/dist/components/Inputs/DropDownSelector/DownSelector.js +2 -1
  18. package/dist/components/Inputs/DropDownSelector/DownSelector.stories.js +1 -1
  19. package/dist/components/Slider/SliderCarousel/SliderCarousel.js +6 -3
  20. package/dist/components/Slider/SliderCarousel/SliderCarousel.scss +11 -2
  21. 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("p", {
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("p", {
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("p", {
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 + img
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: '456px',
167
+ maxWidth: '430px',
167
168
  text: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435",
168
- size: "50px",
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: '472px',
128
+ maxWidth: '430px',
129
129
  width: '100%',
130
- size: '54px',
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: "320px",
103
+ maxWidth: "430px",
103
104
  width: "100%",
104
- size: "50px"
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
- min-height: 100px;
18
- height: 100px;
17
+ max-height: 100px;
19
18
  width: auto;
20
19
  }
21
20
  }
22
21
 
23
- @media (max-width: 1100px) {
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: 24px;
45
- min-height: 80px;
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"], _close_icon["default"]))), /*#__PURE__*/_react["default"].createElement("div", {
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: '320px',
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() {
@@ -27,7 +27,7 @@ var _default = exports["default"] = {
27
27
  value: 1
28
28
  },
29
29
  setState: function setState() {},
30
- options: [{
30
+ options_prop: [{
31
31
  label: 'value 1 dddddddd dddddd',
32
32
  value: 1
33
33
  }, {
@@ -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("a", {
74
- href: value ? value : '#',
75
- target: "_blank"
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecomlab-components-next",
3
- "version": "0.1.131",
3
+ "version": "0.1.133",
4
4
  "description": "A set of common and reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "files": [