ecomlab-components-next 0.1.219 → 0.1.221

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 (5) hide show
  1. package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.js +144 -0
  2. package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.module.scss +59 -0
  3. package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.stories.js +16 -0
  4. package/dist/index.js +7 -0
  5. package/package.json +1 -1
package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.js ADDED
@@ -0,0 +1,144 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.getArticleBoxData = exports["default"] = void 0;
9
+ var _image = _interopRequireDefault(require("next/image"));
10
+ var _headers = _interopRequireDefault(require("../../../common/headers"));
11
+ var _react = _interopRequireWildcard(require("react"));
12
+ var _utils = require("../../../common/utils");
13
+ var _ArticlesBlock2Module = _interopRequireDefault(require("./ArticlesBlock2.module.scss"));
14
+ var _ShortTileArticleBox = _interopRequireDefault(require("../../ArticleElements/ShortTileArticleBox/ShortTileArticleBox"));
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
18
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
19
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
20
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
22
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
23
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
24
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
25
+ var getArticleBoxData = exports.getArticleBoxData = function getArticleBoxData(articlesData) {
26
+ var _articlesData$data;
27
+ var lang = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ru';
28
+ var articleTableHeadersRuEng = {
29
+ id: "id",
30
+ portalId: "portal_id",
31
+ photo: lang === 'ru' ? "Фото" : 'Photo',
32
+ name: lang === 'ru' ? "Название" : 'Name',
33
+ annotation: lang === 'ru' ? "Аннотация" : 'Annotation',
34
+ tags: lang === 'ru' ? "Теги" : 'Tag',
35
+ publicationDate: lang === 'ru' ? "Дата публикации" : 'Publication date',
36
+ author: lang === 'ru' ? "Автор" : 'Author',
37
+ timeToRead: lang === 'ru' ? "Время чтения" : 'Reading time',
38
+ views: lang === 'ru' ? "Количество просмотров" : 'Number of views',
39
+ status: lang === 'ru' ? "Статус" : 'Status'
40
+ };
41
+ var articleTableHeadersTr = {
42
+ id: "id",
43
+ portalId: "portal_id",
44
+ photo: 'Fotoğraf',
45
+ name: 'İsim',
46
+ annotation: "Ek açıklama",
47
+ tags: "Etiket",
48
+ publicationDate: "Yayın tarihi",
49
+ author: "Yazar",
50
+ timeToRead: "Okuma süresi",
51
+ views: "Görüntüleme sayısı",
52
+ status: 'active'
53
+ };
54
+ var articleTableHeadersObj = {
55
+ 'ru': articleTableHeadersRuEng,
56
+ 'en': articleTableHeadersRuEng,
57
+ 'tr': articleTableHeadersTr
58
+ };
59
+ var articleTableHeaders = articleTableHeadersObj === null || articleTableHeadersObj === void 0 ? void 0 : articleTableHeadersObj[lang];
60
+ return articlesData === null || articlesData === void 0 || (_articlesData$data = articlesData.data) === null || _articlesData$data === void 0 ? void 0 : _articlesData$data.map(function (el) {
61
+ var id = el[articlesData.labels.header.findIndex(function (e) {
62
+ return e === articleTableHeaders.id;
63
+ })];
64
+ var name = el[articlesData.labels.header.findIndex(function (e) {
65
+ return e === articleTableHeaders.name;
66
+ })];
67
+ var annotation = el[articlesData.labels.header.findIndex(function (e) {
68
+ return e === articleTableHeaders.annotation;
69
+ })];
70
+ var photoPreview = el[articlesData.labels.header.findIndex(function (e) {
71
+ return e === articleTableHeaders.photo;
72
+ })];
73
+ var timeToRead = el[articlesData.labels.header.findIndex(function (e) {
74
+ return e === articleTableHeaders.timeToRead;
75
+ })];
76
+ var author = el[articlesData.labels.header.findIndex(function (e) {
77
+ return e === articleTableHeaders.author;
78
+ })];
79
+ var views = el[articlesData.labels.header.findIndex(function (e) {
80
+ return e === articleTableHeaders.views;
81
+ })];
82
+ var tags = el[articlesData.labels.header.findIndex(function (e) {
83
+ return e === articleTableHeaders.tags;
84
+ })];
85
+ var date = new Date(el[articlesData.labels.header.findIndex(function (e) {
86
+ return e === articleTableHeaders.publicationDate;
87
+ })]);
88
+ var statusArray = el[articlesData.labels.header.findIndex(function (e) {
89
+ return e === articleTableHeaders.status;
90
+ })];
91
+ if (Array.isArray(name)) name = name[0];
92
+ var data = {
93
+ id: id,
94
+ name: name,
95
+ annotation: annotation,
96
+ photoPreview: photoPreview,
97
+ timeToRead: timeToRead,
98
+ author: author,
99
+ views: views,
100
+ tags: tags,
101
+ date: date,
102
+ statusArray: statusArray
103
+ };
104
+ return data;
105
+ });
106
+ };
107
+ var ArticlesBlock2 = function ArticlesBlock2(_ref) {
108
+ var _getArticleBoxData;
109
+ var title = _ref.title,
110
+ _ref$list = _ref.list,
111
+ list = _ref$list === void 0 ? [] : _ref$list,
112
+ description = _ref.description,
113
+ _ref$className = _ref.className,
114
+ className = _ref$className === void 0 ? '' : _ref$className,
115
+ locale = _ref.locale;
116
+ var _useState = (0, _react.useState)([]),
117
+ _useState2 = _slicedToArray(_useState, 2),
118
+ articles = _useState2[0],
119
+ setArticles = _useState2[1];
120
+ (0, _react.useEffect)(function () {
121
+ var abortController = (0, _utils.fetchArticlesByPortal)(function (json) {
122
+ if (!Object.entries(json).length) return;
123
+ setArticles(json);
124
+ }, function () {}, 'ru', 1, 3);
125
+ return function () {
126
+ if (abortController) abortController.abort();
127
+ };
128
+ }, []);
129
+ return /*#__PURE__*/_react["default"].createElement("section", {
130
+ className: (0, _utils.classes)(_ArticlesBlock2Module["default"], 'useful-block')
131
+ }, /*#__PURE__*/_react["default"].createElement("h2", {
132
+ className: (0, _utils.classes)(_ArticlesBlock2Module["default"], 'useful-block__title')
133
+ }, "\u0421\u043E\u0431\u0440\u0430\u043B\u0438 \u0432\u0441\u0435 \u0441\u0430\u043C\u043E\u0435 \u043F\u043E\u043B\u0435\u0437\u043D\u043E\u0435 \u0434\u043B\u044F \u0432\u0430\u0441"), /*#__PURE__*/_react["default"].createElement("div", {
134
+ className: (0, _utils.classes)(_ArticlesBlock2Module["default"], 'useful-block__content')
135
+ }, (_getArticleBoxData = getArticleBoxData(articles, locale)) === null || _getArticleBoxData === void 0 ? void 0 : _getArticleBoxData.map(function (articleData) {
136
+ var _articleData$annotati;
137
+ return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({
138
+ key: articleData.id
139
+ }, articleData, {
140
+ cpu: articleData === null || articleData === void 0 || (_articleData$annotati = articleData.annotation) === null || _articleData$annotati === void 0 ? void 0 : _articleData$annotati[1]
141
+ }));
142
+ }).splice(0, 4)));
143
+ };
144
+ var _default = exports["default"] = ArticlesBlock2;
package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.module.scss ADDED
@@ -0,0 +1,59 @@
1
+ .useful-block {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ gap: 32px;
6
+ align-items: flex-start;
7
+
8
+ &__title {
9
+ text-align: center;
10
+ margin-left: auto;
11
+ margin-right: auto;
12
+ color: #333;
13
+ font-family: "Golos Text";
14
+ font-size: 42px;
15
+ font-style: normal;
16
+ font-weight: 500;
17
+ }
18
+
19
+ &__content {
20
+ display: flex;
21
+ gap: 48px;
22
+ width: 100%;
23
+ justify-content: center;
24
+ flex-wrap: wrap;
25
+ }
26
+ }
27
+
28
+ @media(max-width: 1205px) {
29
+ .useful-block {
30
+ gap: 24px;
31
+
32
+ &__title {
33
+ font-size: 28px;
34
+ }
35
+
36
+ &__content {
37
+ justify-content: center;
38
+ flex-wrap: wrap;
39
+ gap: 24px;
40
+ }
41
+ }
42
+ }
43
+
44
+ @media(max-width: 430px) {
45
+ .useful-block {
46
+ gap: 16px;
47
+
48
+ &__title {
49
+ font-size: 20px;
50
+ }
51
+
52
+ &__content {
53
+ flex-wrap: wrap;
54
+ justify-content: center;
55
+ gap: 12px;
56
+ }
57
+ }
58
+ }
59
+
package/dist/components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2.stories.js ADDED
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.ArticlesBlockTest2 = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ArticlesBlock = _interopRequireDefault(require("./ArticlesBlock2"));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ var _default = exports["default"] = {
11
+ title: 'ArticlesBlock',
12
+ component: _ArticlesBlock["default"]
13
+ };
14
+ var ArticlesBlockTest2 = exports.ArticlesBlockTest2 = function ArticlesBlockTest2() {
15
+ return /*#__PURE__*/_react["default"].createElement(_ArticlesBlock["default"], null);
16
+ };
package/dist/index.js CHANGED
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "ArticlesBlock", {
21
21
  return _ArticlesBlock["default"];
22
22
  }
23
23
  });
24
+ Object.defineProperty(exports, "ArticlesBlock2", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _ArticlesBlock2["default"];
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "BlocksInfo", {
25
31
  enumerable: true,
26
32
  get: function get() {
@@ -295,6 +301,7 @@ var _Questions = _interopRequireDefault(require("./components/ConstructorCompone
295
301
  var _TariffPlan = _interopRequireDefault(require("./components/ConstructorComponents/Tariff/TariffPlan"));
296
302
  var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
297
303
  var _ArticlesBlock = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock/ArticlesBlock"));
304
+ var _ArticlesBlock2 = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2"));
298
305
  var _FormWithBtn = _interopRequireDefault(require("./components/ConstructorComponents/FormWithBtn/FormWithBtn"));
299
306
  var _BlocksInfo = _interopRequireDefault(require("./components/ConstructorComponents/BlocksInfo/BlocksInfo"));
300
307
  var _StepItems = _interopRequireDefault(require("./components/ConstructorComponents/StepItems/StepItems"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecomlab-components-next",
3
- "version": "0.1.219",
3
+ "version": "0.1.221",
4
4
  "description": "A set of common and reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "files": [