ecomlab-components-next 0.1.75 → 0.1.77

package/dist/components/Article/ArcticleWiki/ArcticleWiki.stories.js

@@ -21,7 +21,17 @@ var apiData = {
   "views": 97,
   "active": true,
   "author": ["Елена", "rgb(224, 173, 46)"],
-  "blocks": [{
+  "blocks": [, {
+    "content": [{
+      "value": "Заголовок",
+      "properties": {
+        "answerValue": "Текст"
+      }
+    }],
+    "block_id": 2247,
+    "block_type": "question",
+    "block_before": 2323
+  }, {
     "content": [{
       "value": "Настоящий Закон регулирует отношения, возникающие между потребителями и изготовителями, исполнителями, импортерами, продавцами, владельцами агрегаторов информации о товарах (услугах) при продаже товаров (выполнении работ, оказании услуг), устанавливает права потребителей на приобретение товаров (работ, услуг) надлежащего качества и безопасных для жизни, здоровья, имущества потребителей и окружающей среды, получение информации о товарах (работах, услугах) и об их изготовителях (исполнителях, продавцах), о владельцах агрегаторов информации о товарах (услугах), просвещение, государственную и общественную защиту их интересов, а также определяет механизм реализации этих прав.",
       "properties": {}

package/dist/components/Article/ArticleViewV2/ArticleViewV2.stories.js

@@ -17,6 +17,16 @@ var apiData = {
   "active": true,
   "author": ["Елена", "rgb(224, 173, 46)"],
   "blocks": [{
+    "content": [{
+      "value": "Заголовок",
+      "properties": {
+        "answerValue": "Текст"
+      }
+    }],
+    "block_id": 2247,
+    "block_type": "question",
+    "block_before": 2323
+  }, {
     "content": [{
       "value": "Настоящий Закон регулирует отношения, возникающие между потребителями и изготовителями, исполнителями, импортерами, продавцами, владельцами агрегаторов информации о товарах (услугах) при продаже товаров (выполнении работ, оказании услуг), устанавливает права потребителей на приобретение товаров (работ, услуг) надлежащего качества и безопасных для жизни, здоровья, имущества потребителей и окружающей среды, получение информации о товарах (работах, услугах) и об их изготовителях (исполнителях, продавцах), о владельцах агрегаторов информации о товарах (услугах), просвещение, государственную и общественную защиту их интересов, а также определяет механизм реализации этих прав.",
       "properties": {}
@@ -138,7 +148,7 @@ var _default = exports["default"] = {
     // articleTitleRef={articleTitleRef}
     setArticleTitle: (0, _addonActions.action)('setArticleTitle'),
     setContentChanged: (0, _addonActions.action)('setContentChanged'),
-    readonly: false,
+    readonly: true,
     loading: false,
     apiData: apiData,
     contentData: [],

package/dist/components/Article/EditWrapper/EditWrapper.scss

@@ -27,7 +27,7 @@
         padding-bottom: 24px;
     }
 
-    &__title {
+    &__title, &__question {
         padding: 32px 0px;
 
         .edit-article-wrapper {

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

@@ -72,25 +72,29 @@ var ListOfContent = function ListOfContent(_ref) {
       };
     }
   }, [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 linksList = links === null || links === void 0 ? void 0 : links.map(function () {
+    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+    var title = item.title,
+      id = item.id;
+    if (title) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        key: index,
+        href: "#".concat(id),
+        className: "list-of-content__link"
+      }, /*#__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)));
+    }
+    return null; // важно вернуть null, чтобы map не выдал undefined
   });
   var translateContent = function translateContent() {
     if (lang == 'en') return 'Table of Contents';

package/dist/components/Article/ModalReplaceBlock/ModalReplaceBlock.js

@@ -31,6 +31,9 @@ var btns = [{
 }, {
   label: 'Видео',
   type: 'video'
+}, {
+  label: 'Вопрос-ответ',
+  type: 'question'
 }];
 var ModalReplaceBlock = exports.ModalReplaceBlock = function ModalReplaceBlock(_ref) {
   var setIsModal = _ref.setIsModal,

package/dist/components/Article/QuestionAnswer/QuestionAnswer.js

@@ -0,0 +1,220 @@
+"use strict";
+'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.QuestionAnswer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _EditWrapper = require("../EditWrapper/EditWrapper");
+var _image = _interopRequireDefault(require("next/image"));
+var _link = _interopRequireDefault(require("./img/link.svg"));
+var _useDebounce = require("../../../common/hooks/useDebounce");
+require("./QuestionAnswer.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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; } // import { ModalReplaceLink } from '../../Modal/ModalReplaceLink/ModalReplaceLink'
+// import { TextAlignment } from '../TextAlignment/TextAlignment'
+// import { TextSize } from '../TextSize/TextSize'
+var QuestionAnswer = exports.QuestionAnswer = function QuestionAnswer(_ref) {
+  var _data$, _data$2;
+  var id = _ref.id,
+    data = _ref.data,
+    editMode = _ref.editMode,
+    align = _ref.align,
+    onChange = _ref.onChange,
+    fontSize = _ref.fontSize,
+    onAddNewBlockClick = _ref.onAddNewBlockClick,
+    addNewBlock = _ref.addNewBlock,
+    position = _ref.position,
+    setIsChangeTypeModal = _ref.setIsChangeTypeModal,
+    changeContent = _ref.changeContent,
+    deleteContent = _ref.deleteContent,
+    setIsModal = _ref.setIsModal,
+    ind = _ref.ind,
+    setCurrentIndex = _ref.setCurrentIndex,
+    before = _ref.before,
+    setBeforeBlock = _ref.setBeforeBlock,
+    setContentArr = _ref.setContentArr,
+    deleteBlock = _ref.deleteBlock,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
+    draggableElement = _ref.draggableElement,
+    setDraggableElement = _ref.setDraggableElement,
+    articleId = _ref.articleId,
+    fetchDataById = _ref.fetchDataById,
+    changeBlock = _ref.changeBlock;
+  var _useState = (0, _react.useState)((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    content = _useState2[0],
+    setContent = _useState2[1];
+  var ref = (0, _react.useRef)();
+  var debounceChange = (0, _useDebounce.useDebounce)(changeContent, 1000);
+  var handleDeleteBlock = function handleDeleteBlock(e) {
+    //  setContent(e.currentTarget.textContent)
+    setContentArr(function (prev) {
+      return prev.filter(function (el) {
+        if ((el === null || el === void 0 ? void 0 : el.block_id) != id) {
+          return el;
+        }
+      });
+    });
+    deleteBlock(id);
+  };
+  var handleInput = function handleInput(e) {
+    var _ref$current, _answerRef$current;
+    debounceChange(id, [{
+      value: ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.innerHTML,
+      properties: {
+        answerValue: answerRef === null || answerRef === void 0 || (_answerRef$current = answerRef.current) === null || _answerRef$current === void 0 ? void 0 : _answerRef$current.innerHTML
+      }
+    }]);
+    setContentArr(function (prev) {
+      return prev.map(function (el) {
+        if ((el === null || el === void 0 ? void 0 : el.block_id) == id) {
+          var _ref$current2;
+          return _objectSpread(_objectSpread({}, el), {}, {
+            content: [{
+              value: ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.innerHTML
+            }]
+          });
+        } else {
+          return el;
+        }
+      });
+    });
+  };
+  var handlePaste = function handlePaste(event) {
+    event.preventDefault();
+    var clipboardData = event.clipboardData || window.clipboardData;
+    var pastedHTML = clipboardData.getData('text/html') || clipboardData.getData('text/plain');
+    if (pastedHTML) {
+      var parser = new DOMParser();
+      var doc = parser.parseFromString(pastedHTML, 'text/html');
+
+      // Удаляем все теги <br>
+      doc.querySelectorAll('br').forEach(function (el) {
+        return el.remove();
+      });
+
+      // Оставляем только безопасные теги
+      var allowedTags = ['p', 'b', 'i', 'u', 'a'];
+      doc.body.querySelectorAll('*').forEach(function (el) {
+        if (!allowedTags.includes(el.tagName.toLowerCase())) {
+          el.replaceWith.apply(el, _toConsumableArray(el.childNodes)); // Заменяем на чистый текст
+        }
+      });
+      var cleanHTML = doc.body.innerHTML;
+
+      // Вставляем очищенный HTML без форматирования
+      document.execCommand('insertHTML', false, cleanHTML);
+    }
+  };
+
+  // ответ 
+  var _useState3 = (0, _react.useState)(((_data$2 = data[0]) === null || _data$2 === void 0 || (_data$2 = _data$2.properties) === null || _data$2 === void 0 ? void 0 : _data$2.answerValue) || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    answer = _useState4[0],
+    setAnswer = _useState4[1]; // предполагаем, что это второй элемент
+
+  var answerRef = (0, _react.useRef)();
+  return /*#__PURE__*/_react["default"].createElement(_EditWrapper.EditWrapper, {
+    id: id,
+    before: before,
+    articleId: articleId,
+    changeBlock: changeBlock,
+    readonly: readonly,
+    draggableElement: draggableElement,
+    setDraggableElement: setDraggableElement,
+    fetchDataById: fetchDataById,
+    deleteFunc: function deleteFunc(e) {
+      return handleDeleteBlock(id);
+    },
+    type: "question",
+    child: /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'questions__item',
+      onContextMenu: function onContextMenu(e) {
+        if (!readonly) {
+          e.preventDefault();
+          setCurrentIndex(ind);
+          setIsModal(true);
+        }
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'questions__title-box'
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      className: 'questions__link-title',
+      href: "#".concat(id)
+    }, /*#__PURE__*/_react["default"].createElement("h3", {
+      id: id,
+      className: "".concat('article__title ' + 'questions__title-questions', " ", "title__medium"),
+      maxLength: 20,
+      suppressContentEditableWarning: true,
+      ref: ref
+      // className={`article__title`}
+      ,
+      contentEditable: !readonly,
+      dangerouslySetInnerHTML: {
+        __html: content
+      },
+      onInput: function onInput(e) {
+        return handleInput(e, ref, 'value');
+      },
+      onPaste: handlePaste,
+      onClick: function onClick(e) {
+        setCurrentIndex(ind);
+        setBeforeBlock(before);
+      }
+    })), /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: function onClick(e) {
+        var fullUrlWithoutHash = window.location.origin + window.location.pathname + window.location.search;
+        alert(fullUrlWithoutHash + "#".concat(id));
+        navigator.clipboard.writeText(fullUrlWithoutHash + "#".concat(id));
+      },
+      className: 'questions__btn-link'
+    }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: _link["default"],
+      alt: "icon"
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      itemProp: "acceptedAnswer",
+      itemScope: true,
+      itemType: "https://schema.org/Answer",
+      className: 'questions__response-box'
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      itemProp: "text",
+      className: 'questions__text-response',
+      suppressContentEditableWarning: true,
+      ref: answerRef,
+      contentEditable: !readonly,
+      dangerouslySetInnerHTML: {
+        __html: answer
+      }
+      // onInput={handleAnswerInput}
+      ,
+      onInput: function onInput(e) {
+        return handleInput(e, answerRef, 'answerValue');
+      },
+      onPaste: handlePaste,
+      onClick: function onClick(e) {
+        setCurrentIndex(ind);
+        setBeforeBlock(before);
+      }
+    })))
+  });
+};

package/dist/components/Article/QuestionAnswer/QuestionAnswer.scss

@@ -0,0 +1,193 @@
+.questions {
+    display: flex;
+    width: 100%;
+
+    &__btn-link {
+        width: 24px;
+        height: 24px;
+        background-color: inherit;
+        border: none;
+        cursor: pointer;
+    }
+
+    &__title-box {
+        display: flex;
+        gap: 12px;
+        max-width: calc(300px - 12px);
+        min-width: calc(300px - 12px);
+    }
+
+    &__link-title {
+        width: 100%;
+        display: inline-block;
+    }
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        gap: 50px;
+        gap: 32px;
+        width: 100%;
+        max-width: 1440px;
+        margin-left: auto;
+        margin-right: auto;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+
+    &__title {
+        color: #0AAE0A;
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+
+        &_black {
+            color: #0B110B;
+        }
+    }
+
+    &__list {
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+        width: 100%;
+        border-radius: 8px;
+    }
+
+    &__item {
+        display: flex;
+        flex-wrap: wrap;
+        width: 100%;
+        gap: 24px;
+        border-radius: 10px;
+        padding-top: 40px;
+        padding-bottom: 40px;
+        border-bottom: 1px solid #D9D9D9;
+    }
+
+    &__title-questions {
+        color: #0009E8;
+        font-family: "Open Sans";
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 27px;
+        margin: 0;
+
+        &:empty {
+            min-height: 47px;
+            min-width: 100%;
+            width: 100%;
+
+            &::after {
+                content: "Введите заголовок";
+                color: #D9D9D9;
+            }
+        }
+
+        &[contenteditable="true"] {
+            outline: none;
+            margin: 0px;
+        }
+    }
+
+    &__response-box {
+       min-width: calc(300px - 12px); 
+       max-width: calc(100% - 312px);
+    }
+
+    &__text-response {
+        color: #0B110B;
+        font-family: "Golos Text";
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 26px;
+
+        &:empty {
+            min-height: 47px;
+            width: 100%;
+
+            &::after {
+                content: "Введите текст";
+                color: #D9D9D9;
+            }
+        }
+
+        &[contenteditable="true"] {
+            outline: none;
+            //  margin: 10px 20px;  
+        }
+    }
+
+    &__btn-drop {
+        background-color: inherit;
+        border: none;
+        cursor: pointer;
+    }
+}
+
+@media (max-width: 430px) {
+
+    .questions {
+        padding: 40px 16px;
+
+        &__content {
+            gap: 20px;
+        }
+
+        &__title {
+            font-size: 24px;
+            line-height: 32px;
+        }
+
+        &__list {
+            display: flex;
+            flex-direction: column;
+            gap: 14px;
+            width: 100%;
+        }
+
+        &__item {
+            display: flex;
+            width: 100%;
+            padding: 15px 16px;
+            flex-direction: column;
+            //  gap: 14px;
+            border-radius: 10px;
+            background: #FFF;
+        }
+
+        &__title-questions {
+            font-size: 14px;
+            font-weight: 600;
+            line-height: 20px;
+        }
+
+        &__response-box {
+            max-height: 100px;
+            transition: 0.5s;
+
+            &_hide {
+                overflow: hidden;
+                max-height: 0px;
+                transition: 0.5s;
+            }
+        }
+
+        &__text-response {
+            font-size: 14px;
+            line-height: 22px;
+            margin-top: 14px;
+        }
+
+        &__btn-drop {
+            background-color: inherit;
+            border: none;
+            cursor: pointer;
+        }
+    }
+
+}

package/dist/components/Article/QuestionAnswer/img/link.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4649 11.2931C9.5979 10.1601 11.5739 10.1601 12.7069 11.2931L13.4139 12.0001L14.8279 10.5861L14.1209 9.87906C13.1779 8.93506 11.9219 8.41406 10.5859 8.41406C9.2499 8.41406 7.9939 8.93506 7.0509 9.87906L4.9289 12.0001C3.9932 12.9388 3.46777 14.2101 3.46777 15.5356C3.46777 16.861 3.9932 18.1323 4.9289 19.0711C5.39277 19.5356 5.94387 19.9039 6.55052 20.1548C7.15717 20.4057 7.80742 20.5342 8.4639 20.5331C9.12056 20.5344 9.77102 20.406 10.3779 20.1551C10.9847 19.9042 11.5359 19.5358 11.9999 19.0711L12.7069 18.3641L11.2929 16.9501L10.5859 17.6571C10.0224 18.2181 9.25957 18.533 8.4644 18.533C7.66923 18.533 6.90643 18.2181 6.3429 17.6571C5.7814 17.0938 5.46611 16.3309 5.46611 15.5356C5.46611 14.7402 5.7814 13.9773 6.3429 13.4141L8.4649 11.2931Z" fill="#8D8D8D"/>
+<path d="M11.9999 4.9307L11.2929 5.6377L12.7069 7.0517L13.4139 6.3447C13.9774 5.78369 14.7402 5.46873 15.5354 5.46873C16.3305 5.46873 17.0933 5.78369 17.6569 6.3447C18.2184 6.90797 18.5337 7.67087 18.5337 8.4662C18.5337 9.26154 18.2184 10.0244 17.6569 10.5877L15.5349 12.7087C14.4019 13.8417 12.4259 13.8417 11.2929 12.7087L10.5859 12.0017L9.17188 13.4157L9.87887 14.1227C10.8219 15.0667 12.0779 15.5877 13.4139 15.5877C14.7499 15.5877 16.0059 15.0667 16.9489 14.1227L19.0709 12.0017C20.0066 11.063 20.532 9.79162 20.532 8.4662C20.532 7.14078 20.0066 5.86942 19.0709 4.9307C18.1324 3.99451 16.861 3.46875 15.5354 3.46875C14.2098 3.46875 12.9383 3.99451 11.9999 4.9307Z" fill="#8D8D8D"/>
+</svg>

package/dist/components/Article/SelectedBlocks/SelectedBlocks.js

@@ -15,6 +15,7 @@ var _ModalReplaceBlock = require("../ModalReplaceBlock/ModalReplaceBlock");
 var _ImgArticle = require("../ImgArticle/ImgArticle");
 var _FormBtn = require("../FormBtn/FormBtn");
 var _VideoArticle = require("../VideoArticle/VideoArticle");
+var _QuestionAnswer = require("../QuestionAnswer/QuestionAnswer");
 var _headers = _interopRequireDefault(require("../../../common/headers"));
 require("./SelectedBlocks.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -282,6 +283,9 @@ var SelectedBlocks = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     if (block_type == 'video') return /*#__PURE__*/_react["default"].createElement(_VideoArticle.VideoArticle, _extends({}, commonProps, {
       editMode: true
     }));
+    if (block_type == 'question') return /*#__PURE__*/_react["default"].createElement(_QuestionAnswer.QuestionAnswer, _extends({
+      editMode: true
+    }, commonProps));
   })));
 });
 var _default = exports["default"] = SelectedBlocks;

package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.js

@@ -25,14 +25,18 @@ require("./MarqueImgs.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var marquee = [_brand_["default"], _brand_2["default"], _brand_3["default"], _brand_4["default"], _brand_5["default"], _brand_6["default"], _brand_7["default"], _brand_8["default"], _brand_9["default"], _brand_10["default"], _brand_11["default"], _brand_12["default"], _brand_13["default"]];
 var MarqueImgs = function MarqueImgs(_ref) {
-  var title = _ref.title;
+  var title = _ref.title,
+    _ref$hideTitle = _ref.hideTitle,
+    hideTitle = _ref$hideTitle === void 0 ? false : _ref$hideTitle,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? marquee : _ref$list;
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: 'section-marquee'
-  }, /*#__PURE__*/_react["default"].createElement("h2", {
+  }, !hideTitle && /*#__PURE__*/_react["default"].createElement("h2", {
     className: 'section-marquee__title'
   }, title ? title : "\u041D\u0430c \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442"), /*#__PURE__*/_react["default"].createElement(_reactFastMarquee["default"], {
     scrollWhen: 'always'
-  }, marquee.map(function (el, ind) {
+  }, list === null || list === void 0 ? void 0 : list.map(function (el, ind) {
     return /*#__PURE__*/_react["default"].createElement(_image["default"], {
       key: JSON.stringify(el) + ind,
       src: el

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.75",
+  "version": "0.1.77",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [