@popsure/dirty-swan 0.66.25 → 0.66.26

package/dist/cjs/index.js

@@ -22984,8 +22984,17 @@ var TableContents = function (_a) {
 };
 
 var useTableNavigation = function (_a) {
-    var enabled = _a.enabled, containerRef = _a.containerRef, onSelectionChanged = _a.onSelectionChanged;
-    var _b = React.useState(0), activeSection = _b[0], setActiveSection = _b[1];
+    var enabled = _a.enabled, containerRef = _a.containerRef, _b = _a.initialSection, initialSection = _b === void 0 ? 0 : _b, onSelectionChanged = _a.onSelectionChanged;
+    var _c = React.useState(initialSection), activeSection = _c[0], setActiveSection = _c[1];
+    var activeSectionRef = React.useRef(initialSection);
+    var skipNextReportRef = React.useRef(false);
+    var syncActiveSection = React.useCallback(function (section) {
+        if (section === activeSectionRef.current) {
+            return;
+        }
+        skipNextReportRef.current = true;
+        setActiveSection(section);
+    }, []);
     var handleScrollToSection = function (increase) {
         if (!enabled) {
             return;
@@ -23012,10 +23021,15 @@ var useTableNavigation = function (_a) {
         return container === null || container === void 0 ? void 0 : container.removeEventListener('scroll', handleTableScroll);
     }, [enabled]);
     React.useEffect(function () {
+        activeSectionRef.current = activeSection;
+        var skipReport = skipNextReportRef.current;
+        skipNextReportRef.current = false;
         if (!enabled) {
             return;
         }
-        onSelectionChanged === null || onSelectionChanged === void 0 ? void 0 : onSelectionChanged(activeSection + 1);
+        if (!skipReport) {
+            onSelectionChanged === null || onSelectionChanged === void 0 ? void 0 : onSelectionChanged(activeSection + 1);
+        }
         if (containerRef.current) {
             var containerWidth = containerRef.current.getBoundingClientRect().width;
             var cellWidth = containerWidth / 2;
@@ -23030,6 +23044,7 @@ var useTableNavigation = function (_a) {
         activeSection: activeSection + 1,
         navigateTable: handleScrollToSection,
         setActiveSection: setActiveSection,
+        syncActiveSection: syncActiveSection,
     };
 };
 
@@ -23123,8 +23138,9 @@ var Table = function (_a) {
     var _s = useTableNavigation({
         enabled: isMobile,
         containerRef: containerRef,
+        initialSection: externalActiveSection ? externalActiveSection - 1 : 0,
         onSelectionChanged: onSelectionChanged,
-    }), activeSection = _s.activeSection, navigateTable = _s.navigateTable, setActiveSection = _s.setActiveSection;
+    }), activeSection = _s.activeSection, navigateTable = _s.navigateTable, setActiveSection = _s.setActiveSection, syncActiveSection = _s.syncActiveSection;
     var headerRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
     var titleCell = __assign({ text: '' }, ((headerRow === null || headerRow === void 0 ? void 0 : headerRow[0]) || {}));
     var currentActiveSection = headerRow === null || headerRow === void 0 ? void 0 : headerRow[activeSection];
@@ -23151,7 +23167,7 @@ var Table = function (_a) {
     }, []);
     React.useEffect(function () {
         if (externalActiveSection && externalActiveSection !== activeSection) {
-            setActiveSection(externalActiveSection - 1);
+            syncActiveSection(externalActiveSection - 1);
         }
     }, [externalActiveSection]);
     return (jsxRuntime.jsxs("div", { className: classNames(styles$6.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!useTabs && (titleCell === null || titleCell === void 0 ? void 0 : titleCell.text) && (jsxRuntime.jsx(TableCell, __assign({}, titleCell, { align: "left", isNavigation: true, isTopLeftCell: true, type: undefined }))), !hideTableNavigation && currentActiveSection && (useTabs ? (jsxRuntime.jsx("div", { className: classNames('bg-white', styles$6.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx(Tabs, { tabs: mobileTabs, activeIndex: activeSection - 1, onTabChange: function (index) { return setActiveSection(index); }, className: "mb16" }) })) : (jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, (isBaseCell(currentActiveSection)