@popsure/dirty-swan 0.37.2-rc.1 → 0.37.2

package/dist/cjs/index.js

@@ -13957,12 +13957,12 @@ var TableTrueFalse = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#D2D2D8" }, void 0) }), void 0));
 };
 
-var headerId = 'comparison-table-header';
 var useComparisonTable = function () {
     var _a = require$$0.useState(false), showMore = _a[0], setShowMore = _a[1];
     var _b = require$$0.useState(1400), headerWidth = _b[0], setHeaderWidth = _b[1];
-    var _c = require$$0.useState(0), selectedTabIndex = _c[0], setSelectedTabIndex = _c[1];
-    var _d = require$$0.useState(''), selectedSection = _d[0], setSelectedSection = _d[1];
+    var _c = require$$0.useState(''), headerId = _c[0], setHeaderId = _c[1];
+    var _d = require$$0.useState(0), selectedTabIndex = _d[0], setSelectedTabIndex = _d[1];
+    var _e = require$$0.useState(''), selectedSection = _e[0], setSelectedSection = _e[1];
     var headerRef = require$$0.useRef(null);
     var contentContainerRef = require$$0.useRef(null);
     var observerRef = require$$0.useRef(null);
@@ -14041,11 +14041,13 @@ var useComparisonTable = function () {
             return;
         }
         var headerById = document.getElementById(headerId);
-        console.log('headerById :>> ', headerById);
         if (headerById) {
             scrollContainerCallbackRef(headerById);
         }
-    }, [scrollContainerCallbackRef]);
+    }, [headerId, scrollContainerCallbackRef]);
+    require$$0.useEffect(function () {
+        setHeaderId(generateId());
+    }, []);
     return {
         headerWidth: headerWidth,
         headerId: headerId,