ecomlab-components-next 0.1.264 → 0.1.266

package/dist/common/hooks/useReveal.js

@@ -1,4 +1,5 @@
 "use strict";
+// hooks/useReveal.js
 'use client';
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,31 +8,27 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = require("react");
 var useReveal = function useReveal() {
-  var threshold = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.1;
-  var delayStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
+  var dependencies = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   (0, _react.useEffect)(function () {
     var observer = new IntersectionObserver(function (entries) {
       entries.forEach(function (entry, index) {
-        if (entry.isIntersecting) {
+        if (entry.isIntersecting && !entry.target.classList.contains('visible')) {
           setTimeout(function () {
             entry.target.classList.add('visible');
-          }, index * delayStep);
+          }, index * 60);
           observer.unobserve(entry.target);
         }
       });
     }, {
-      threshold: threshold
+      threshold: 0.1
     });
-    var elements = document.querySelectorAll('.reveal');
+    var elements = document.querySelectorAll('.reveal:not(.visible)');
     elements.forEach(function (el) {
       return observer.observe(el);
     });
     return function () {
-      elements.forEach(function (el) {
-        return observer.unobserve(el);
-      });
       observer.disconnect();
     };
-  }, [threshold, delayStep]);
+  }, dependencies);
 };
 var _default = exports["default"] = useReveal;

package/dist/components/ConstructorComponents/CardsServicesV2/CardsServicesV2.js

@@ -109,7 +109,7 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isShow = _useState2[0],
     setIsShow = _useState2[1];
-  (0, _useReveal["default"])();
+  (0, _useReveal["default"])([isShow], true);
   var getFirstLetter = function getFirstLetter(label) {
     return (label === null || label === void 0 ? void 0 : label.charAt(0)) || '?';
   };

package/dist/components/ConstructorComponents/QuestionsV2/QuestionsV2.js

@@ -26,6 +26,8 @@ var QuestionsV2 = function QuestionsV2(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     currentDrop = _useState2[0],
     setCurrentDrop = _useState2[1];
+
+  // Используем хук, но с флагом, чтобы не трогать уже видимые элементы
   (0, _useReveal["default"])();
   var toggleItem = function toggleItem(question) {
     var newState = new Set(currentDrop);
@@ -35,6 +37,14 @@ var QuestionsV2 = function QuestionsV2(_ref) {
       newState.add(question);
     }
     setCurrentDrop(newState);
+
+    // Небольшая задержка для корректного обновления анимации
+    setTimeout(function () {
+      var visibleElements = document.querySelectorAll('.questions-v2__item.visible');
+      visibleElements.forEach(function (el) {
+        el.classList.add('visible');
+      });
+    }, 50);
   };
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "questions-v2",
@@ -49,16 +59,18 @@ var QuestionsV2 = function QuestionsV2(_ref) {
   }, title || 'Часто задаваемые вопросы'), /*#__PURE__*/_react["default"].createElement("p", {
     className: "questions-v2__subtitle"
   }, "\u041E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u0441\u0430\u043C\u044B\u0435 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u043E \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "questions-v2__list"
+    className: "questions-v2__list reveal"
   }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
     var questions = _ref2.questions,
       response = _ref2.response;
+    var isOpen = currentDrop.has(questions);
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: questions + index,
-      className: "questions-v2__item ".concat(currentDrop.has(questions) ? 'questions-v2__item_open' : '', " reveal"),
+      className: "questions-v2__item ".concat(isOpen ? 'questions-v2__item_open' : ''),
       style: {
         '--index': index
-      }
+      },
+      "data-open": isOpen
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "questions-v2__question",
       onClick: function onClick() {

package/dist/components/ConstructorComponents/SmartReplies/SmartReplies.js

@@ -58,18 +58,7 @@ var DEFAULT_LIST = [{
 }];
 
 // Градиенты для аватарок как в референсе
-var avatarGradients = ['linear-gradient(135deg, #6B5CE7, #9B5DFF)',
-// фиолетовый
-'linear-gradient(135deg, #EC4899, #F97316)',
-// розово-оранжевый
-'linear-gradient(135deg, #22C55E, #0EA5E9)',
-// зелено-голубой
-'linear-gradient(135deg, #F59E0B, #EF4444)',
-// оранжево-красный
-'linear-gradient(135deg, #8B5CF6, #3B82F6)',
-// фиолетово-синий
-'linear-gradient(135deg, #06B6D4, #6B5CE7)' // голубо-фиолетовый
-];
+var avatarGradients = ['linear-gradient(135deg, #6B5CE7, #9B5DFF)', 'linear-gradient(135deg, #EC4899, #F97316)', 'linear-gradient(135deg, #22C55E, #0EA5E9)', 'linear-gradient(135deg, #F59E0B, #EF4444)', 'linear-gradient(135deg, #8B5CF6, #3B82F6)', 'linear-gradient(135deg, #06B6D4, #6B5CE7)'];
 var SmartReplies = function SmartReplies(_ref) {
   var title = _ref.title,
     _ref$reviews = _ref.reviews,
@@ -78,11 +67,14 @@ var SmartReplies = function SmartReplies(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     visibleCount = _useState2[0],
     setVisibleCount = _useState2[1];
-  (0, _useReveal["default"])();
   var showMore = function showMore() {
     setVisibleCount(reviews.length);
   };
   var visibleReviews = reviews.slice(0, visibleCount);
+
+  // Используем хук с зависимостью от visibleCount
+  // При изменении visibleCount (нажатии на кнопку) новые карточки анимируются сразу
+  (0, _useReveal["default"])([visibleCount], true);
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "smart-replies"
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/dist/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "ButtonBasic", {
     return _ButtonBasic["default"];
   }
 });
+Object.defineProperty(exports, "ButtonBasicV2", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonBasicV["default"];
+  }
+});
 Object.defineProperty(exports, "ButtonSignUp", {
   enumerable: true,
   get: function get() {
@@ -446,6 +452,7 @@ var _SmartReplies = _interopRequireDefault(require("./components/ConstructorComp
 var _CardsWithButton = _interopRequireDefault(require("./components/ConstructorComponents/CardsWithButton/CardsWithButton"));
 var _LogosStrip = _interopRequireDefault(require("./components/ConstructorComponents/LogosStrip/LogosStrip"));
 var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
+var _ButtonBasicV = _interopRequireDefault(require("./components/Buttons/ButtonBasicV2/ButtonBasicV2"));
 var _ButtonSignUp = _interopRequireDefault(require("./components/Buttons/ButtonSignUp/ButtonSignUp"));
 var _InputDinamycPlaceholder = _interopRequireDefault(require("./components/Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder"));
 var _ModalCrm = _interopRequireDefault(require("./components/ModalCrm/ModalCrm"));

package/package.json

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