ecomlab-components-next 0.1.32 → 0.1.34

package/dist/components/Article/InformationBlock/InformationBlock.scss

@@ -0,0 +1,89 @@
+// @import url('../../../font.scss');
+
+.information-article {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    max-width: 100%;
+    width: 100%;
+    border-radius: 10px;
+    border: 1px dashed #000;
+    background: #F0F2F4;
+    padding: 16px;
+
+    &__text {
+        display: inline-block;
+        width: 100%;
+        color: #191919;
+        font-family: "Golos Text";
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 26px;
+        line-height: 1.6;
+        word-wrap: break-word;
+
+        p,
+        span,
+        li {
+            color: inherit !important;
+            font-family: inherit !important;
+            font-size: inherit !important;
+            font-style: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+        }
+
+        &:empty {
+            height: 1lh;
+
+            &::after {
+                content: "Введите текст";
+                color: #c2cef9;
+            }
+        }
+    }
+
+    &__text {
+        margin: 0;
+    }
+
+    &__text[contenteditable="true"] {
+        outline: none;
+    
+        &:empty {
+            width: 100%;
+            height: 1lh;
+          //  border: 1px solid red;
+    
+            &::after {
+                content: "Введите заголовок";
+                color: #D9D9D9;
+            }
+        }
+    }
+}
+
+@media (max-width: 1100px) {
+    .information-article {
+        font-size: 16px !important;
+        margin: 18px 0;
+
+        &__text {
+            color: #191919;
+            font-family: "Golos Text";
+            font-size: 18px;
+        }
+    }
+}
+
+@media (max-width: 430px) {
+    .information-article {
+        font-size: 16px !important;
+        margin: 18px 0;
+
+        &__text {
+            font-size: 16px !important;
+        }
+    }
+}

package/dist/components/Article/InformationBlock/img/bell.svg

@@ -0,0 +1,9 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="12.2062" height="16" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2096_7851" transform="translate(-0.466216 -0.252577) scale(0.00675676 0.00515464)"/>
+</pattern>
+<image id="image0_2096_7851" width="289" height="317" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/dist/components/Article/ListOfContent/ListOfContent.js

@@ -0,0 +1,110 @@
+"use strict";
+// import { ShareComponent } from '../../ShareComponent/ShareComponent'
+'use client';
+
+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["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+require("./ListOfContent.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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); }
+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; }
+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 ListOfContent = function ListOfContent(_ref) {
+  var links = _ref.links,
+    lang = _ref.lang,
+    articlePath = _ref.articlePath;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeSection = _useState2[0],
+    setActiveSection = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    init = _useState4[0],
+    setInit = _useState4[1];
+  var handleScroll = function handleScroll() {
+    var sections = document.querySelectorAll('.article__title');
+    sections.forEach(function (section) {
+      var rect = section.getBoundingClientRect();
+      if (rect.top < 152) {
+        setActiveSection(section.id);
+      }
+    });
+  };
+  var handleHashChange = function handleHashChange() {
+    // const hash = window.location.hash.replace('#', '');  // Получаем часть хеша после '#'
+    // setActiveSection(hash);
+
+    // // Прокручиваем страницу к нужному элементу
+    // const targetElement = document.getElementById(hash);
+    // if (targetElement) {
+    //     targetElement.scrollIntoView({ behavior: 'smooth' });
+    // }
+  };
+  (0, _react.useEffect)(function () {
+    window.addEventListener('hashchange', handleHashChange);
+    handleHashChange();
+    setInit(false);
+    return function () {
+      window.removeEventListener('hashchange', handleHashChange);
+    };
+  }, [links]);
+  (0, _react.useEffect)(function () {
+    if (activeSection && !init) {
+      var _window;
+      (_window = window) === null || _window === void 0 || _window.history.pushState(null, '', "#".concat(activeSection));
+    }
+  }, [activeSection]);
+  (0, _react.useEffect)(function () {
+    if (!init) {
+      window.addEventListener('scroll', handleScroll);
+      return function () {
+        window.removeEventListener('scroll', handleScroll);
+      };
+    }
+  }, [init]);
+  var linksList = links === null || links === void 0 ? void 0 : links.map(function (_ref2, index) {
+    var title = _ref2.title,
+      id = _ref2.id;
+    return /*#__PURE__*/_react["default"].createElement("a", {
+      key: index,
+      href: "#".concat(id),
+      className: "list-of-content__link"
+      //onClick={() => window?.history.replaceState(null, '', `#${path}`)}
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        background: activeSection == id ? '#243AFF' : ''
+      },
+      className: "list-of-content__point"
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "list-of-content__label",
+      style: {
+        color: activeSection == id ? '#243AFF !important' : ''
+      }
+    }, (0, _htmlReactParser["default"])(title)));
+  });
+  var translateContent = function translateContent() {
+    if (lang == 'en') return 'Table of Contents';
+    if (lang == 'tr') return 'Içerik';
+    return 'Содержание';
+  };
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "list-of-content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list-of-content__content"
+  }, /*#__PURE__*/_react["default"].createElement("h4", {
+    className: "list-of-content__title"
+  }, translateContent()), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list-of-content__links"
+  }, linksList)));
+};
+var _default = exports["default"] = ListOfContent;

package/dist/components/Article/ListOfContent/ListOfContent.scss

@@ -0,0 +1,115 @@
+// @import url('../../../font.scss');
+
+.list-of-content {
+    top: 20px;
+    height: 600px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-height: 65vh;
+    position: sticky;
+
+    &__title {
+        color: #9F9F9F;
+        font-family: "Golos Text";
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 20px;
+        text-transform: uppercase;
+
+        a {
+            color: #1890ff;
+            text-decoration: underline;
+        }
+    }
+
+    &__seo-box {
+        display: flex;
+        flex-direction: column;
+        gap: .5em;
+        margin-bottom: 1em;
+    }
+
+    &__links {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        width: 100%;
+    }
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        padding: 10px 22px;
+        width: 230px;
+        min-width: 230px;
+        background-color: inherit;
+        border-radius: 16px;
+        height: auto;
+        border-radius: 10px;
+        background: #FFF;
+        border: 1px solid #EDEFFB;
+        overflow: overlay;
+        gap: 10px;
+    }
+
+    &__link {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        color: #5C5C5C;
+        font-family: "Golos Text";
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 18px;
+        word-break: break-word;
+
+
+        span {
+            color: inherit !important;
+            font-family: "Golos Text" !important;
+            font-size: 12px !important;
+            font-style: normal !important;
+            font-weight: 400 !important;
+            line-height: 18px !important;
+            word-wrap: break-word !important;
+        }
+    }
+
+    &__point {
+        display: inline-block;
+        background-color: #BDBDBD;
+        border-radius: 2px !important;
+        width: 10px;
+        min-width: 10px;
+        height: 10px;
+    }
+
+    &__label {
+        display: -webkit-box;
+        -webkit-line-clamp: 3; // количество строк
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        hyphens: auto;
+        overflow: hidden;
+    }
+
+    .share-btn {
+        width: 100%;
+        max-width: 100%;
+    }
+
+    .share__drop-container {
+        width: 100%;
+        max-width: 100%;
+    }
+}
+
+@media (max-width: 1240px) {
+    .list-of-content {
+        display: none;
+    }
+}

package/dist/components/Article/ListOfContent/img/time_icon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 1.75C7 1.33579 7.33579 1 7.75 1H12.25C12.6642 1 13 1.33579 13 1.75C13 2.16421 12.6642 2.5 12.25 2.5H10.75V3.03469C14.8166 3.41279 18 6.83463 18 11C18 15.4183 14.4183 19 10 19C5.58172 19 2 15.4183 2 11C2 6.83463 5.1834 3.41279 9.25 3.03469V2.5H7.75C7.33579 2.5 7 2.16421 7 1.75ZM4.78033 2.21967C5.07322 2.51256 5.07322 2.98744 4.78033 3.28033L2.28033 5.78033C1.98744 6.07323 1.51256 6.07323 1.21967 5.78033C0.926777 5.48744 0.926777 5.01257 1.21967 4.71967L3.71967 2.21967C4.01256 1.92678 4.48744 1.92678 4.78033 2.21967ZM15.2197 2.21967C15.5126 1.92678 15.9874 1.92678 16.2803 2.21967L18.7803 4.71967C19.0732 5.01257 19.0732 5.48744 18.7803 5.78033C18.4874 6.07323 18.0126 6.07323 17.7197 5.78033L15.2197 3.28033C14.9268 2.98744 14.9268 2.51256 15.2197 2.21967ZM10 4.5C6.41015 4.5 3.5 7.41015 3.5 11C3.5 14.5899 6.41015 17.5 10 17.5C13.5899 17.5 16.5 14.5899 16.5 11C16.5 7.41015 13.5899 4.5 10 4.5ZM9.75 6C10.1642 6 10.5 6.33579 10.5 6.75V10.5H12.25C12.6642 10.5 13 10.8358 13 11.25C13 11.6642 12.6642 12 12.25 12H9.75C9.33578 12 9 11.6642 9 11.25V6.75C9 6.33579 9.33578 6 9.75 6Z" fill="black"/>
+</svg>

package/dist/components/Article/ListOfContent/img/view_icon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.61359 6.42412C4.30606 7.52165 3.27624 8.83007 2.69645 9.64489C2.60201 9.77761 2.55769 9.84094 2.528 9.89127C2.50946 9.92271 2.50594 9.93377 2.50399 9.94131C2.50399 9.94131 2.50305 9.94681 2.50227 9.954C2.50094 9.96632 2.5 9.98222 2.5 10C2.5 10.0178 2.50094 10.0337 2.50227 10.046C2.50305 10.0532 2.50399 10.0587 2.50399 10.0587C2.50594 10.0662 2.50946 10.0773 2.528 10.1087C2.55769 10.1591 2.60201 10.2224 2.69645 10.3551C3.27624 11.1699 4.30606 12.4784 5.61359 13.5759C6.93271 14.6831 8.44391 15.5 10 15.5C11.5561 15.5 13.0673 14.6831 14.3864 13.5759C15.6939 12.4784 16.7238 11.1699 17.3036 10.3551C17.398 10.2224 17.4423 10.1591 17.472 10.1087C17.4905 10.0773 17.4941 10.0662 17.496 10.0587C17.496 10.0587 17.497 10.0532 17.4977 10.046C17.4991 10.0337 17.5 10.0178 17.5 10C17.5 9.98222 17.4991 9.96632 17.4977 9.954C17.497 9.94682 17.496 9.94131 17.496 9.94131C17.4941 9.93377 17.4905 9.92272 17.472 9.89127C17.4423 9.84094 17.398 9.77761 17.3036 9.64489C16.7238 8.83007 15.6939 7.52165 14.3864 6.42412C13.0673 5.31686 11.5561 4.5 10 4.5C8.44391 4.5 6.93271 5.31686 5.61359 6.42412ZM4.64921 5.27522C6.08184 4.07268 7.92989 3 10 3C12.0701 3 13.9182 4.07268 15.3508 5.27522C16.795 6.48747 17.9094 7.90908 18.5257 8.77524C18.5358 8.78946 18.5461 8.80377 18.5564 8.8182C18.7045 9.02535 18.8698 9.25645 18.9506 9.57492C19.0165 9.83465 19.0165 10.1653 18.9506 10.4251C18.8698 10.7436 18.7045 10.9747 18.5564 11.1818C18.5461 11.1962 18.5358 11.2105 18.5257 11.2248C17.9094 12.0909 16.795 13.5125 15.3508 14.7248C13.9182 15.9273 12.0701 17 10 17C7.92989 17 6.08184 15.9273 4.64921 14.7248C3.20501 13.5125 2.0906 12.0909 1.47428 11.2248C1.46416 11.2105 1.45393 11.1962 1.44361 11.1818C1.29548 10.9747 1.13023 10.7436 1.04943 10.4251C0.983524 10.1653 0.983524 9.83465 1.04943 9.57492C1.13023 9.25644 1.29548 9.02535 1.44361 8.81819C1.45393 8.80377 1.46416 8.78945 1.47428 8.77524C2.0906 7.90908 3.20501 6.48747 4.64921 5.27522ZM10 8.5C9.17157 8.5 8.5 9.17157 8.5 10C8.5 10.8284 9.17157 11.5 10 11.5C10.8284 11.5 11.5 10.8284 11.5 10C11.5 9.17157 10.8284 8.5 10 8.5ZM7 10C7 8.34315 8.34315 7 10 7C11.6569 7 13 8.34315 13 10C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10Z" fill="black"/>
+</svg>