ecomlab-components-next 0.1.159 → 0.1.162

package/dist/stories/ResultsFound/ResultsFound.js

@@ -0,0 +1,269 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.metadata = exports["default"] = void 0;
+var _headers = _interopRequireDefault(require("../../common/headers"));
+var _TableBox = _interopRequireDefault(require("../TableBox/TableBox"));
+var _NoArticles = _interopRequireDefault(require("../NoArticles/NoArticles"));
+var _LongTileArticleBox = _interopRequireDefault(require("../LongTileArticleBox/LongTileArticleBox"));
+var _ShortTileArticleBox = _interopRequireDefault(require("../ShortTileArticleBox/ShortTileArticleBox"));
+var _reactSpinners = require("react-spinners");
+var _Paginator = require("../Paginator/Paginator");
+var _fetchUrls = require("../../common/fetchUrls");
+var _utils = require("../../common/utils");
+var _react = require("react");
+require("./ResultsFound.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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."); }
+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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var metaLang = {
+  'rus': 'ru_RU',
+  'eng': 'en_EN',
+  'tur': 'tr_TR'
+};
+var btn_tab = [{
+  label: 'Все результаты',
+  value: 'all_results'
+}, {
+  label: 'В статьях ',
+  value: 'in_the_articles'
+}, {
+  label: 'В разделах',
+  value: 'in_the_sections'
+}];
+var metadata = exports.metadata = {
+  title: 'Результаты поиска',
+  description: 'Результаты поиска',
+  openGraph: {
+    title: 'Результаты поиска',
+    description: 'Результаты поиска',
+    url: '',
+    site_name: '',
+    type: 'website'
+    // locale: metaLang?.[activeLang] ? metaLang?.[activeLang] : 'ru_RU'
+    // <meta property="og:url" content={window.location.href} />
+    // <meta property="og:site_name" content={window.location.host} />
+  }
+};
+var ResultsFound = function ResultsFound(_ref) {
+  var _articles$data, _paginatorRef$current, _articles$data2, _articles$data3;
+  var searchWord = _ref.searchWord,
+    PORTAL_ID = _ref.PORTAL_ID,
+    activeLang = _ref.activeLang,
+    selectView = _ref.selectView,
+    selectedEndLevelValue = _ref.selectedEndLevelValue,
+    BASE_ROUTE = _ref.BASE_ROUTE;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    articles = _useState2[0],
+    setArticles = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sortingOption = _useState4[0],
+    setSortingOption = _useState4[1];
+  var _useState5 = (0, _react.useState)(btn_tab[0].value),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pageValue = _useState6[0],
+    setPageValue = _useState6[1];
+  var paginatorCallback = (0, _react.useRef)();
+  var paginatorRef = (0, _react.useRef)();
+  var refTableBox = (0, _react.useRef)();
+  var tableFetchCallback = (0, _react.useRef)();
+  var tableHeaders = articles === null || articles === void 0 ? void 0 : articles.labels;
+  var tableData = (_articles$data = articles === null || articles === void 0 ? void 0 : articles.data) !== null && _articles$data !== void 0 ? _articles$data : [];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    columnSize = _useState10[0],
+    setColumnSize = _useState10[1];
+  var _useState11 = (0, _react.useState)({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    sort = _useState12[0],
+    setSort = _useState12[1];
+  var _useState13 = (0, _react.useState)(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    top = _useState14[0],
+    setTop = _useState14[1];
+  var _useState15 = (0, _react.useState)(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    heightHeader = _useState16[0],
+    setHeightHeader = _useState16[1];
+  var _usePagination = (0, _Paginator.usePagination)(paginatorCallback.current, [activeLang], (_paginatorRef$current = paginatorRef.current) === null || _paginatorRef$current === void 0 ? void 0 : _paginatorRef$current.params, activeLang),
+    _usePagination2 = _slicedToArray(_usePagination, 7),
+    page = _usePagination2[0],
+    limit = _usePagination2[1],
+    total = _usePagination2[2],
+    setTotal = _usePagination2[3],
+    Paginator = _usePagination2[4],
+    resetPaginator = _usePagination2[5],
+    paginatorTransition = _usePagination2[6];
+  var fetchSearch = function fetchSearch(page, limit) {
+    setLoading(true);
+    var url = "".concat(_fetchUrls.RavshanArticlesHttps, "/search");
+    var getHeaders = _objectSpread({}, _headers["default"]);
+    var body = JSON.stringify({
+      query: searchWord,
+      'level_id': selectedEndLevelValue,
+      'portal_id': PORTAL_ID,
+      'language': activeLang,
+      "page": page,
+      "limit": limit !== null && limit !== void 0 ? limit : 10
+    });
+    fetch(url, {
+      body: body,
+      method: 'POST',
+      headers: getHeaders
+    }).then(function (res) {
+      return (0, _utils.handleApiResponseOrThrow)(res);
+    }).then(function (json) {
+      // if (!Object.entries(json).length) return
+      setTotal(json.total);
+      setArticles(json);
+      setColumnSize(json.column_size);
+      //setTotalParent(json.total)
+      if (json.labels.sort) setSort(json.labels.sort);
+    })["catch"](function (err) {
+      return console.error(err);
+    })["finally"](function () {
+      return setLoading(false);
+    });
+  };
+  var scroll = function scroll() {
+    var tableBox = refTableBox === null || refTableBox === void 0 ? void 0 : refTableBox.current;
+    var header = document.querySelector('.header');
+    var heightHeader = header.getBoundingClientRect().height;
+    setHeightHeader(heightHeader);
+    setTop(tableBox === null || tableBox === void 0 ? void 0 : tableBox.getBoundingClientRect().top);
+  };
+  (0, _react.useEffect)(function () {
+    window.addEventListener("scroll", scroll);
+    return function () {
+      return window.removeEventListener("scroll", scroll);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (searchWord) {
+      fetchSearch(page, limit);
+    } else setArticles([]);
+  }, [searchWord, page, limit]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "article-search"
+  }, loading ? /*#__PURE__*/React.createElement("div", {
+    className: "loader-box"
+  }, /*#__PURE__*/React.createElement(_reactSpinners.MoonLoader, {
+    className: "loader",
+    color: "#7b7b7b",
+    speedMultiplier: 0.5,
+    size: 65
+  })) : articles !== null && articles !== void 0 && (_articles$data2 = articles.data) !== null && _articles$data2 !== void 0 && _articles$data2.length ? /*#__PURE__*/React.createElement(React.Fragment, null, selectView != 'Table' ? articles === null || articles === void 0 || (_articles$data3 = articles.data) === null || _articles$data3 === void 0 ? void 0 : _articles$data3.map(function (data, ind) {
+    var _data = _slicedToArray(data, 11),
+      id = _data[0],
+      portalId = _data[1],
+      active = _data[2],
+      photo_preview = _data[3],
+      name = _data[4],
+      annotation = _data[5],
+      tags = _data[6],
+      date = _data[7],
+      author = _data[8],
+      timeToRead = _data[9],
+      views = _data[10];
+    if (selectView == 'Tile-short') {
+      return /*#__PURE__*/React.createElement(_ShortTileArticleBox["default"], {
+        BASE_ROUTE: BASE_ROUTE,
+        key: ind,
+        id: id,
+        name: name,
+        author: author,
+        annotation: annotation,
+        photoPreview: photo_preview,
+        tags: tags,
+        date: new Date(date),
+        timeToRead: timeToRead,
+        views: views,
+        statusArray: ["https://dl.ecomru.ru/svg-storage/icon-waiting.svg", "Update"],
+        onLinkClick: function onLinkClick(e) {
+          return e;
+        },
+        pathBread: 'main',
+        showStatus: true,
+        search: searchWord,
+        transliter: function (_transliter) {
+          function transliter(_x) {
+            return _transliter.apply(this, arguments);
+          }
+          transliter.toString = function () {
+            return _transliter.toString();
+          };
+          return transliter;
+        }(function (e) {
+          return transliter(e);
+        })
+      });
+    }
+    if (selectView == 'Tile-long') {
+      return /*#__PURE__*/React.createElement(_LongTileArticleBox["default"], {
+        BASE_ROUTE: BASE_ROUTE,
+        key: ind,
+        id: id,
+        name: name,
+        author: author,
+        annotation: annotation,
+        photoPreview: photo_preview,
+        tags: tags,
+        date: new Date(date),
+        timeToRead: timeToRead,
+        views: views,
+        statusArray: ["https://dl.ecomru.ru/svg-storage/icon-waiting.svg", "Update"],
+        onLinkClick: function onLinkClick(e) {
+          return e;
+        },
+        pathBread: 'main',
+        showStatus: true,
+        search: searchWord,
+        transliter: function (_transliter2) {
+          function transliter(_x2) {
+            return _transliter2.apply(this, arguments);
+          }
+          transliter.toString = function () {
+            return _transliter2.toString();
+          };
+          return transliter;
+        }(function (e) {
+          return transliter(e);
+        })
+      });
+    }
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "table-box",
+    ref: refTableBox
+  }, /*#__PURE__*/React.createElement(_TableBox["default"], {
+    ref: paginatorRef,
+    fetchedData: tableData,
+    headers: tableHeaders,
+    columnSize: columnSize,
+    fetchCallback: function fetchCallback(e) {
+      //   resetPaginator()
+      tableFetchCallback.current(e);
+    },
+    sort: sort,
+    loading: loading,
+    topHeader: top < heightHeader - 50 ? top > -50 ? heightHeader - top - 50 : heightHeader : 0
+  }), Paginator), selectView != 'Table' && Paginator) : /*#__PURE__*/React.createElement(_NoArticles["default"], null));
+};
+var _default = exports["default"] = ResultsFound;

package/dist/stories/ResultsFound/ResultsFound.scss

@@ -0,0 +1,139 @@
+.results-found {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    min-height: 800px;
+
+    &__no-data {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        align-items: center;
+        justify-content: center;
+        padding: 40px;
+        width: 100%;
+        height: 100%;
+
+        .title {
+            color: #2B3340;
+            font-family: NunitoSans;
+            font-size: 20px;
+            font-style: normal;
+            font-weight: 600;
+            line-height: 24px;
+        }
+    }
+
+    &__header {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        width: 100%;
+
+        .title_search {
+            color: #636D65;
+            font-family: NunitoSans;
+            font-size: 24px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: 28px;
+
+            span {
+                color: #0B110B;
+            }
+        }
+
+        .text_description {
+            color: #636D65;
+            font-family: NunitoSans;
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 16px;
+        }
+    }
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        gap: 70px;
+        width: 100%;
+
+        .found-section,
+        .found-articles {
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+            width: 100%;
+
+            .text_grey {
+                color: #0B110B;
+                font-family: NunitoSans;
+                font-size: 14px;
+                font-style: normal;
+                font-weight: 500;
+                line-height: 16px;
+            }
+
+            &__content {
+                display: flex;
+                flex-direction: column;
+                gap: 24px;
+                width: 100%;
+
+                .section-item {
+                    display: flex;
+                    flex-direction: column;
+                    width: 100%;
+                    cursor: pointer;
+
+                    .text_section {
+                        color: #0B110B;
+                        font-family: NunitoSans;
+                        font-size: 24px;
+                        font-style: normal;
+                        font-weight: 500;
+                        line-height: 28px;
+                    }
+
+                    &__breadcrumb {
+                        display: flex;
+                        gap: 2px;
+                    }
+
+                    &__breadcrumb-item {
+                        display: flex;
+                        gap: 2px;
+                        color: #B4B8B4;
+                        font-family: Inter;
+                        font-size: 14px;
+                        font-style: normal;
+                        font-weight: 400;
+                        line-height: 18px;
+                    }
+                }
+
+
+            }
+        }
+    }
+}
+
+.article-search {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    gap: 24px;
+    background-color: #fff;
+    border-radius: 12px;
+    padding: 20px;
+    min-height: 60vh;
+}
+
+@media(max-width: 430px) {
+
+    .article-search {
+        padding: 8px;
+        gap: 6px;
+    }
+}

package/dist/stories/ResultsFound/ResultsFound.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = require("react");
+var _addonActions = require("@storybook/addon-actions");
+var _ResultsFound = _interopRequireDefault(require("./ResultsFound"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Article/ResultsFound',
+  component: _ResultsFound["default"],
+  parameters: {
+    layout: 'centered'
+  },
+  args: {
+    searchWord: 'kjjj'
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(_ResultsFound["default"], args);
+  }
+};

package/dist/stories/ResultsFound/img/arrow_icon.svg

@@ -0,0 +1,5 @@
+<svg width="8" height="18" viewBox="0 0 8 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<path id="Icon (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M2.20041 5.73966C2.48226 5.43613 2.95681 5.41856 3.26034 5.70041L6.76034 8.95041C6.91317 9.09232 7 9.29145 7 9.5C7 9.70855 6.91317 9.90769 6.76034 10.0496L3.26034 13.2996C2.95681 13.5815 2.48226 13.5639 2.20041 13.2603C1.91856 12.9568 1.93613 12.4823 2.23966 12.2004L5.14779 9.5L2.23966 6.7996C1.93613 6.51775 1.91856 6.0432 2.20041 5.73966Z" fill="#B4B8B4"/>
+</g>
+</svg>

package/dist/stories/ResultsFound/img/no-data_img.svg

@@ -0,0 +1,13 @@
+<svg width="104" height="106" viewBox="0 0 104 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M33.8051 102.644C41.0743 107.026 46.2601 105.207 48.2454 101.693C52.0848 94.8989 64.8504 81.0046 85.0803 76.3085C111.874 70.0887 106.278 53.5742 89.8073 44.9081C73.3363 36.242 61.0207 24.2509 62.8847 11.2127C64.7486 -1.82552 46.2803 -6.32022 38.0671 18.7609C32.7596 34.9693 23.2482 39.3116 17.1829 40.3554C11.4665 41.3391 5.21351 42.5734 2.16424 47.5076C-1.53586 53.4945 -0.244702 59.5506 15.2468 63.7043C37.1997 69.5905 17.5118 92.8231 33.8051 102.644Z" fill="white"/>
+<g id="Group_2">
+<path id="Vector_2" d="M14.9183 74.2355C15.2259 74.0594 18.6981 72.5894 35.9713 80.6422C35.9209 80.7107 35.8996 80.7431 35.8996 80.7431C35.8996 80.7431 17.9424 86.7905 14.424 79.3405C13.3734 77.1226 13.6744 75.5953 14.8883 74.2527L14.9183 74.2355Z" fill="#BFC8D4"/>
+<path id="Vector_3" d="M72.975 77.2835C69.2223 80.4384 63.3371 82.7282 57.6584 79.6832C58.5558 79.1098 59.4827 78.5192 60.428 77.9083C66.1308 74.2441 71.154 76.6958 72.975 77.2835Z" fill="#EDEFF1"/>
+<path id="Vector_4" d="M79.6971 38.4813C83.5313 70.4081 74.4195 76.2024 73.4052 77.0826C73.1115 77.3374 72.9925 77.3188 72.5485 77.2045L72.5409 77.2088C70.6617 76.7106 66.131 74.2437 60.4279 77.9075C59.4826 78.5185 58.5555 79.1091 57.6584 79.6825C51.8407 83.3722 47.1427 85.9724 43.7581 84.4632C40.8871 82.9987 38.2986 81.7312 35.9715 80.6425C18.6982 72.5898 15.2261 74.0597 14.9185 74.2359C15.2754 74.0415 18.5499 72.2263 22.959 69.0344C22.974 69.0258 22.989 69.0173 22.9922 69.0055C28.8855 64.7345 36.7779 58.004 42.4509 49.346C46.3129 43.4585 50.091 28.5332 57.3807 25.6047C72.3624 20.0158 79.0751 31.9872 79.6971 38.4813Z" fill="#94A3B8"/>
+<path id="Vector_5" d="M63.1314 37.9207C63.5965 36.6927 63.5512 35.5373 63.0302 35.34C62.5092 35.1427 61.7099 35.9782 61.2449 37.2062C60.7798 38.4342 60.8252 39.5896 61.3461 39.7869C61.8671 39.9842 62.6664 39.1487 63.1314 37.9207Z" fill="white"/>
+<path id="Vector_6" d="M72.6706 39.4881C73.0002 38.217 72.8303 37.0732 72.291 36.9334C71.7518 36.7936 71.0474 37.7106 70.7179 38.9817C70.3883 40.2528 70.5582 41.3966 71.0975 41.5364C71.6367 41.6762 72.341 40.7591 72.6706 39.4881Z" fill="white"/>
+<path id="Vector_7" d="M66.8639 44.1548C66.7858 44.1547 66.71 44.1279 66.6492 44.0788C66.5884 44.0298 66.5462 43.9614 66.5296 43.885C66.4686 43.6085 66.1969 42.7905 65.7662 42.6689C65.3354 42.5474 64.4905 43.0194 64.1487 43.267C64.0751 43.3203 63.9834 43.3422 63.8937 43.3278C63.804 43.3135 63.7236 43.2641 63.6703 43.1905C63.6171 43.1169 63.5952 43.0252 63.6095 42.9355C63.6239 42.8458 63.6733 42.7654 63.7469 42.7122C63.8816 42.6146 65.0881 41.7658 65.9521 42.0096C66.8533 42.2639 67.1662 43.589 67.1988 43.7393C67.2097 43.7893 67.2093 43.8412 67.1975 43.891C67.1857 43.9409 67.1629 43.9874 67.1308 44.0273C67.0987 44.0671 67.058 44.0993 67.0118 44.1213C66.9656 44.1434 66.915 44.1548 66.8638 44.1548H66.8639Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/stories/ShortTileArticleBox/ShortTileArticleBox.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _link = _interopRequireDefault(require("next/link"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _time_icon = _interopRequireDefault(require("./img/time_icon.svg"));
+var _view_icon = _interopRequireDefault(require("./img/view_icon.svg"));
+var _calendar_icon = _interopRequireDefault(require("./img/calendar_icon.svg"));
+var _SliderCarousel = _interopRequireDefault(require("../SliderCarousel/SliderCarousel"));
+var _utils = require("../../common/utils");
+var _ShareComponent = require("../../components/ShareComponent/ShareComponent");
+var _highlightWord = require("../../common/highlightWord ");
+var _react = require("react");
+require("./ShortTileArticleBox.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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."); }
+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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+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); }
+var ShortTileArticleBox = function ShortTileArticleBox(_ref) {
+  var _tags$map, _author$, _author$2;
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var id = props.id,
+    name = props.name,
+    author = props.author,
+    annotation = props.annotation,
+    photoPreview = props.photoPreview,
+    tags = props.tags,
+    date = props.date,
+    timeToRead = props.timeToRead,
+    views = props.views,
+    onLinkClick = props.onLinkClick,
+    _props$activeLang = props.activeLang,
+    activeLang = _props$activeLang === void 0 ? 'rus' : _props$activeLang,
+    _props$linkString = props.linkString,
+    linkString = _props$linkString === void 0 ? false : _props$linkString,
+    _props$stopRedirect = props.stopRedirect,
+    stopRedirect = _props$stopRedirect === void 0 ? false : _props$stopRedirect,
+    _props$search = props.search,
+    search = _props$search === void 0 ? false : _props$search;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    articleName = _useState2[0],
+    setArticleName = _useState2[1];
+  var articlePath = annotation === null || annotation === void 0 ? void 0 : annotation[1];
+  (0, _react.useEffect)(function () {
+    setArticleName(Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name);
+  }, [name]);
+  var translateMin = function translateMin() {
+    if (activeLang == 'eng') return 'min';
+    if (activeLang == 'tur') return 'dak';
+    return 'мин';
+  };
+  var translateAuthor = function translateAuthor() {
+    if (author) {
+      if (activeLang == 'eng') return (0, _utils.transliter)(Array.isArray(author) ? author !== null && author !== void 0 && author[0] ? author === null || author === void 0 ? void 0 : author[0] : '' : author);
+      if (activeLang == 'tur') return (0, _utils.transliter)(Array.isArray(author) ? author !== null && author !== void 0 && author[0] ? author === null || author === void 0 ? void 0 : author[0] : '' : author);
+    } else {
+      if (activeLang == 'rus') return 'Неизвестный автор';
+      if (activeLang == 'tur') return 'Bilinmeyen Yazar';
+      if (activeLang == 'eng') return 'Unknown_author';
+    }
+    return author ? author === null || author === void 0 ? void 0 : author[0] : author;
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tile-short",
+    key: id + '' + name + '' + author
+  }, /*#__PURE__*/React.createElement(_link["default"], {
+    target: linkString ? '_blank' : '',
+    onClick: function onClick(e) {
+      if (stopRedirect) {
+        e.preventDefault();
+      }
+      if (onLinkClick && !stopRedirect) {
+        onLinkClick(e, id, articlePath);
+      }
+    },
+    key: id,
+    href: articlePath ? articlePath : '#'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "article-min"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "img-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "img-box"
+  }, /*#__PURE__*/React.createElement(_SliderCarousel["default"], {
+    imgArr: photoPreview
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "content-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tag-box"
+  }, (tags === null || tags === void 0 ? void 0 : tags.length) > 0 && (tags === null || tags === void 0 || (_tags$map = tags.map(function (t, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: t + index,
+      className: "tag"
+    }, t);
+  })) === null || _tags$map === void 0 ? void 0 : _tags$map.splice(0, 1)), (tags === null || tags === void 0 ? void 0 : tags.length) > 1 && /*#__PURE__*/React.createElement("div", {
+    className: "tag",
+    style: {
+      marginLeft: 'auto',
+      textOverflow: 'clip',
+      overflow: 'visible'
+    }
+  }, '+ ' + ((tags === null || tags === void 0 ? void 0 : tags.length) - 1))), /*#__PURE__*/React.createElement("h3", {
+    className: "title"
+  }, search ? (0, _highlightWord.hightlightWord)(search, articleName) : articleName), /*#__PURE__*/React.createElement("div", {
+    className: "description-content"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text_description"
+  }, Array.isArray(annotation) ? annotation !== null && annotation !== void 0 && annotation[0] ? (0, _htmlReactParser["default"])(annotation === null || annotation === void 0 ? void 0 : annotation[0]) : '' : annotation ? (0, _htmlReactParser["default"])(annotation) : '')), /*#__PURE__*/React.createElement("div", {
+    className: "text-and-info-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "top-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-box"
+  }, /*#__PURE__*/React.createElement("img", _calendar_icon["default"]), /*#__PURE__*/React.createElement("p", {
+    className: "text_grey"
+  }, date === null || date === void 0 ? void 0 : date.toLocaleDateString('ru-RU'))), /*#__PURE__*/React.createElement("div", {
+    className: "info-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "view-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React.createElement("img", _view_icon["default"])), /*#__PURE__*/React.createElement("p", {
+    className: "text"
+  }, views)), /*#__PURE__*/React.createElement("div", {
+    className: "time-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React.createElement("img", _time_icon["default"])), /*#__PURE__*/React.createElement("p", {
+    className: "text"
+  }, "".concat(timeToRead ? timeToRead : '-', " ").concat(translateMin()))))), /*#__PURE__*/React.createElement("div", {
+    className: "bottom-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "author-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "author-avatar",
+    style: {
+      backgroundColor: author[1] ? author[1] : ''
+    }
+  }, ((_author$ = author[0]) === null || _author$ === void 0 ? void 0 : _author$.length) > 0 ? (_author$2 = author[0]) === null || _author$2 === void 0 || (_author$2 = _author$2.split(' ').map(function (str) {
+    return str[0];
+  }).reduce(function (acc, current) {
+    return acc += current;
+  }, '')) === null || _author$2 === void 0 ? void 0 : _author$2.toUpperCase() : '-'), /*#__PURE__*/React.createElement("p", {
+    className: "text_grey"
+  }, translateAuthor(author)))), /*#__PURE__*/React.createElement(_ShareComponent.ShareComponent, {
+    activeLang: activeLang,
+    id: id,
+    articlePath: articlePath
+  }))))));
+};
+var _default = exports["default"] = ShortTileArticleBox;